Как создавать изображения PNG с помощью Adobe Photoshop
Если вы хотите улучшить свой дизайн, очень важно иметь некоторые базовые представления о различных существующих форматах изображений и о том, как изменить изображение из одного формата в другой. PNG — один из наиболее часто используемых форматов в графическом дизайне., поэтому я думаю, что важно знатьпреобразовать изображение JPEG, формат, в котором почти все файлы, которые мы загружаем из Интернета, находятся в формате PNG. Adobe Photoshop — отличный инструмент для этого и это как раз одна из вещей, которым я научу вас в этом посте.
Когда мы говорим, что хотим создавать изображения PNG, я знаю, что многие из вас имеют в виду не только изменение формата, но и узнайте, как создать изображение с прозрачным фоном. В этот пост я также включу простой урок о том, как это сделать в Photoshop. Однако, прежде чем перейти к делу, я остановлюсь, чтобы объяснить, что такое PNG и какие преимущества предлагает этот формат.
Индекс
- 1 Что такое изображение PNG?
- 1.1 Когда мы должны выбрать этот формат?
- 2 Как создавать изображения PNG с помощью Adobe Photoshop
- 2.1 Изменить формат изображения
- 2.2 Создавайте изображения с прозрачным фоном в Photoshop
- 2.2.1 Открываем изображение
- 2.2.2 Как сделать выбор
- 2.2.3 Как убрать фон
- 2.2.4 Будьте осторожны при сохранении
Что такое изображение PNG?
PNG — это формат файла, который позволяет сжимать графическую информацию без потерь, то есть теоретически при сжатии детали исходного несжатого изображения не теряются.
Это очень привлекательный формат для графического дизайна, потому что он ведет себя аналогично файлу JPEG, по крайней мере, для неопытных глаз, таких как мой, он способен хранить в общей сложности 16 миллионов цветов и предлагает фундаментальное преимущество: поддерживает прозрачный фон.
Когда мы должны выбрать этот формат?
Этот формат, созданный для Интернета, является идеально, если мы собираемся работать с иллюстрациями или если мы разрабатываем контент для веб-сайтов, которые должны поддерживать хорошее разрешение, например
Подпишитесь на наш Youtube-канал
Как создавать изображения PNG с помощью Adobe Photoshop
Изменить формат изображения
Если мы хотим просто изменить формат изображения, которое у нас есть в JPEG, процедура очень проста. Откройте желаемое изображение в Adobe Photoshop и поместите курсор на вкладке файла. Появится меню, оставьте курсор на опция «экспорт» и нажмите «Быстрый экспорт в PNG». Через несколько секунд вам удастся изменить формат вашего изображения на PNG.
Создавайте изображения с прозрачным фоном в Photoshop
Открываем изображение
Первое, что мы сделаем, это открыть изображение из которого мы хотим удалить фон.
После открытия вам нужно будет выберите то, что мы хотим сохранить фотографии, в моем случае это две зебры. Есть множество Инструменты выделения в Adobe Photoshop. Я объясню способ выбрать то, что мне проще в этих случаях, но все будет зависеть от того, что вы хотите выбрать и что считаете наиболее эффективным.
Как сделать выбор
Выбери один инструмент выбора любой, не важно. Когда вы это сделаете, вверху экрана появится ряд вариантов выбора. Если вы сделаете нажмите «выбрать тему», Photoshop сделает автоматический выбор довольно приблизительный, но обычно не идеальный. Не волнуйтесь, эти небольшие недостатки легко устранить.
Рядом с «выбрать тему» вы увидите опция «выбрать и применить маску». Одним щелчком мыши вы перейдете к режим, разработанный для вас, чтобы сделать ваш выбор точнее. В меню инструментов вы увидите разные кисти, есть два инструмента, которые для меня важны, когда дело доходит до улучшения выделения: «Кисть для доводки краев», идеально подходит для работы с волосами, и «Щетка», очень полезно для добавления или удаления содержимого, которое вы хотите из вашего выбора.
Когда вы используете маску выделения, Рекомендую поиграть с «прозрачностью», чтобы вы могли видеть, что вы включаете в выборку, а что собираетесь пропустить. В символы «+» и «-», расположенные в верхней части экрана, используются для выбора, будет ли кисть добавлять содержимое к выделению или, наоборот, вычитать его.
Воспользуйтесь этими инструментами, будьте внимательны и расширяйте, чтобы хорошо выделить края. Когда ты доволен тем, что видишь, нажмите «ок» и вы вернетесь к обычному интерфейсу Photoshop.
Как убрать фон
Убедитесь, что выделение выполнено правильно, помните, что если вы все еще думаете, что можете его улучшить, вы всегда можете повторно применить маску выделения. Когда выбор сделан, вам остается только нажмите ctrl + C и ctrl + V (если вы работаете с Windows) или command + C и command + V (если вы работаете с Mac). Таким образом вы будете копировать и вставлять ваш выбор на фон, вы увидите, что Новый слой.
До конца, разблокировать фоновый слой и удалить его У вас уже будет изображение в формате PNG с прозрачным фоном, готовое для использования в ваших проектах!
Будьте осторожны при сохранении
Позвольте мне дать вам последний совет. Когда вы сохраняете, обратите особое внимание и убедитесь, что вы правильно выбрали формат (PNG). Если вы сохраните в другом формате, таком как JPEG, Photoshop сохранит ваше изображение с белым фоном по умолчанию, и это может не сработать для вас. Я оставляю вас двоих скриншоты чтобы вы могли видеть, как вы можете сохранить файл.
Новое меню «Экспортировать как» в Adobe Photoshop 2022
В Adobe Photoshop 2022 изменилось меню экспорта фотографий. Теперь при нажатии сочетания клавиш Alt + Shift + Ctrl + W или опции «Экспортировать как» в графическом редакторе качество снимков регулируется не по процентам, а по фиксированным значениям.
На выбор пользователя предлагается семь вариантов сжатия JPG, начиная от «Отличного» и заканчивая «Очень плохим».
В первом случае конвертация происходит с минимальной потерей детализации даже при значительном уменьшении фотографии, во втором изображение сохраняется с заметной пикселизацией и артефактами.
В старом варианте "Экспортировать как" в Adobe Photoshop результат сжатия был схожим, разницу между ними можно увидеть только при сильном приближении или сравнении размера файлов после конвертации. Но об этом я расскажу немного позже.
Изменения также коснулись меню интерполяции: разработчики увеличили размер текста и отступов в выпадающем списке.
Лучше или хуже работает алгоритм сжатия фото в меню «Экспортировать как» Adobe Photoshop 2022?
По сравнению со старым вариантом «Сохранить как», новый алгоритм сжатия изображений в Adobe Photoshop 2022 позволяет уменьшить размер фото на 20-30%. Чтобы подтвердить это экспериментально, я сохранил 2 снимка с разрешением 1140 пикселей по длинной стороне с 50% и «Хорошим» качеством.
В первом случае размер кадров составил 146 и 132 КБ, во втором — 106 и 103 КБ.
Внушительный результат при экспорте в JPG!
Однако, у меня есть вопросы как к работе алгоритма, так и качеству итоговых изображений.
Во-первых, нельзя точно сказать, насколько новые опции качества соотносятся с предыдущими (процентными). «Хорошо» — это 50%? Или около 57%?
Если 57%, то прирост ещё выше, если ниже 50%, тогда размер фото уже не вызывает особого восторга.
Во-вторых, на некоторых снимках после использования нового варианта экспорта возникает больше артефактов, достаточно заметных, чтобы ухудшить восприятие картинки. Конечно, если вы выкладываете только небольшие изображения, которые никто не будет приближать на 200%, это не критично, а вот во всех остальных случаях падение резкости и увеличение пикселизации — однозначное зло.
Пример фото с «Хорошим» качеством экспортаНа мой взгляд, существенное уменьшение размера фотографий, даже ценой дополнительных артефактов сжатия, - это слишком весомое преимущество, чтобы от него отказываться.Но подойдёт оно не всем и не всегда!
Например, если вы сохраняете небольшие картинки для оформления сайта, небольшое количество артефактов вполне приемлемо. Другое дело — публикация снимков в оригинальном разрешении. В таком случае артефакты сжатия будут слишком сильно бросаться в глаза.
Как вернуться на старую версию «Сохранить как» в Adobe Photoshop 2022?
Чтобы вернуться на старую версию экспорта фотографий, перейдите в раздел «Редактирование», затем найдите в конце «Настройки» и «Экспорт». В конце меню экспорта в Adobe Photoshop 2022 есть специальный параметр (использовать старую версию «Сохранить как»). Активируйте его, нажав на надпись один раз, затем нажмите кнопку «Ок».
Теперь вы можете использовать старую версию экспорта для сохранения фотографий.
Этот вариант подойдёт для тех, кто также заметил дополнительные артефакты после сохранения фотографий. Если вы не наблюдаете никаких искажений, переключаться между версиями не имеет никакого смысла.
Если вы захотите вернуться на новую версию «Сохранить как» в Adobe Photoshop, снова вернитесь в меню, уберите галочку напротив «Использовать старую версию» и снова нажмите «Ок».
Понравилась статья? Делитесь публикацией с друзьями, пишите комментарии, подписывайтесь на Telegram, Boosty и другие страницы, чтобы первыми видеть всё самое интересное!
Я не могу сохранять файлы в формате .PNG в Photoshop — Решение
Сохранение файлов Photoshop в формате .PNG может быть очень полезным, особенно если вы надеетесь сохранить прозрачность и сохранить небольшой размер файла. Но что, если эта опция вам недоступна? Подобные проблемы определенно раздражают, но, к счастью, мы собрали множество потенциальных решений, которые вы можете попробовать.
В большинстве случаев проблемы можно избежать, используя параметр Сохранить для Интернета вместо параметра Команда Сохранить как . Чтобы сохранить файл в формате .PNG, вы также должны убедиться, что вы работаете в цветовом режиме RGB и что ваш документ имеет 8 или 16 бит/канал.
В этой статье мы рассмотрим следующие возможные решения:
Содержание
- Как сохранить файл в формате .PNG?
- Вариант 1. Используйте команду «Сохранить для Интернета»
- Вариант 2. Убедитесь, что цветовой режим установлен на RGB0017
Итак, давайте начнем — вы вернетесь на правильный путь и сохраните свой файл в кратчайшие сроки!
Как сохранить файл в формате .PNG?Для начала вспомним обычный процесс сохранения файла в формате PNG. Как правило, мы можем сохранить файл в формате PNG с помощью команды «Сохранить как ». Однако это работает, только если ваш файл находится в режиме RGB, Bitmap, Grayscale или Indexed Color.
Если ваш файл соответствует этим критериям, вы можете просто перейти к Строка меню в верхней части экрана и выберите Файл > Сохранить как в правом верхнем углу.
В окне Сохранить как можно выбрать PNG в меню формата, как показано ниже.
Итак, что делать, если ваш файл не соответствует критериям для сохранения в формате .PNG таким образом? Давайте теперь посмотрим на наши другие варианты.
Опция
1 — используйте команду «Сохранить для Интернета»0005 Функция «Сохранить как «. Однако, как мы упоминали ранее, в некоторых случаях другие варианты могут быть более подходящими.
Если команда Сохранить как не дает возможности сохранять файлы в формате .PNG, то Сохранить для Web — отличная альтернатива, которая часто легко решает проблему.
Чтобы сохранить файл таким образом, просто выберите File > Export > Save For Web (Legacy) на панели в верхней части экрана.
В этом окне выберите PNG из списка форматов.
Надеюсь, ваш файл успешно сохранится!
Опция
2. Убедитесь, что цветовой режим установлен на RGB Другая причина, по которой Photoshop не позволяет сохранить файл в формате PNG, может заключаться в том, что свойства документа не поддерживают этот формат.
Важно отметить, что формат PNG поддерживает только цветовой формат RGB. Поскольку его первоначальная цель заключалась в передаче изображений в Интернете, формат файла не предназначен для поддержки документов, предназначенных для печати. Поэтому, если вы работаете в режиме CMYK, Photoshop не позволит вам экспортировать файл в формате PNG.
К счастью, изменить цветовой режим вашего файла достаточно просто даже после того, как вы начали над ним работать, выбрав Изображение > Режим > Цвет RGB.
Теперь, когда вы изменили цветовой режим на тот, который поддерживается форматом, вы можете просто перейти к Файл > Сохранить как и сохранить файл, как обычно.
Опция
3. Убедитесь, что ваш документ имеет разрядность 8 или 16 бит/канал Разрядность вашего файла также определяет, может ли он поддерживаться форматом .PNG. Файлы PNG могут иметь только 8 или 16 бит/канал, поэтому, если ваш документ имеет другое свойство, это может привести к тому, что Photoshop не позволит вам экспортировать его в определенные форматы.
К счастью, мы можем изменить и этот параметр. Чтобы изменить битовую глубину вашего файла, вы можете перейти к Image > Mode , а затем выбрать либо 8 бит/канал , либо 16 бит/канал во всплывающем меню.
После изменения этого свойства вы, надеюсь, сможете сохранить файл в формате PNG. Для этого выберите File > Save As и выберите PNG из списка форматов файлов.
После прочтения возможных решений, надеюсь, вам удалось найти способ вернуться к проектированию и сохранению вашей работы без лишних трудностей! Если вы хотите более подробно увидеть процесс решения проблемы путем изменения цветового режима, не стесняйтесь посмотреть это видео Гаян Дешаприя, в котором быстро демонстрируются необходимые шаги.
Файл Photoshop не может быть сохранен в формате png
Посмотрите это видео на YouTube
Мы надеемся, что эти советы помогли вам, и вы сможете получать удовольствие от работы в Photoshop без ограничений!
Об авторе Betchphoto
Мартин — фотограф-любитель и специалист по цифровому маркетингу с более чем 15-летним опытом работы с Adobe Photoshop.
Советы и рекомендации для более быстрого экспорта в Photoshop
08 февраля 2021 г. · 7 минут чтения
Вы фотолюбитель или профессионал, которого раздражает низкая скорость экспорта в Photoshop, из-за которой вам приходится долго редактировать? Когда дело доходит до видеосъемки или фотографии, вы должны иметь возможность полагаться на свой компьютер и программное обеспечение, чтобы сэкономить огромное количество времени.
Фото Доменико Лойи на Unsplash
Время – деньги, а быстрое редактирование фотографий или видео позволяет превзойти ожидания клиентов, когда дело доходит до выполнения поставленных задач. Уловки Photoshop, которые ускоряют ваш рабочий процесс, не помогут вам, если вы все еще застреваете на экспорте. Имея это в виду, читайте дальше, чтобы узнать все о пяти верных и проверенных советах и приемах для более быстрого экспорта в Photoshop!
1.
Отрегулируйте использование памятиКогда дело доходит до редактирования Photoshop и визуального производства, профессионалы всегда должны использовать этот совет, чтобы ускорить создание любого вида контента. Чем больше памяти вы выделите для Photoshop, тем быстрее он будет работать!
Вы можете настроить объем памяти, выбрав «Правка» > «Настройки» > «Производительность».
В разделе «Использование памяти» вы увидите, что в Photoshop по умолчанию, скорее всего, установлено значение 70%. Мы рекомендуем поднять его на 5% и посмотреть, как это улучшит скорость.
2. Уменьшить историю и кэш
Следующим простым шагом для более быстрого редактирования в Photoshop и экспорта является уменьшение параметров истории и кэша. Вы можете сделать это, перейдя в то же окно, где вы настроили память. Если вы часто работаете с большими файлами, рекомендуем установить уровни кеша на 4.
Вы также можете настроить состояние истории, чтобы количество действий, сохраняемых Photoshop, было меньше.
3. Используйте быстрый экспорт
После работы с изображениями в Photoshop пришло время загрузить их в Интернет. Самый простой способ сохранить изображения для просмотра в Интернете — экспортировать их с помощью параметра «Быстрый экспорт». Чтобы настроить эту функцию, если вы являетесь пользователем MAC, перейдите в Photoshop> «Настройки»> «Экспорт», вместо этого, если вы являетесь пользователем WINDOWS, выберите «Правка»> «Настройки»> «Экспорт». Формат по умолчанию, используемый Photoshop, — PNG, потому что он чаще всего используется графическими дизайнерами и веб-дизайнерами, поскольку они работают с файлами с прозрачными областями, но если вы фотограф и работаете в основном с фотографиями, вы выберете для формата JPG.
Таким образом, если вы не используете прозрачные области, лучшим форматом для сохранения ваших изображений, безусловно, является JPG с индексом качества от 80% до 100%.
Я советую установить качество файла на 80%, потому что вы получаете изображения, очень похожие на изображения, сохраненные в самом высоком качестве, но с гораздо меньшим весом, идеальное состояние, если вам нужно загрузить свои фотографии в Интернет.
Вы можете позволить Photoshop всегда спрашивать вас, где вы хотите сохранить файл, или разрешить ему сохранять его в той же папке, где находится исходный файл. Также я предлагаю вам вставить информацию об авторских правах и контактную информацию в метаданные всех ваших фотографий.
Последний видимый элемент — это цветовое пространство, убедитесь, что флажок установлен.
Очень важно установить флажок «Преобразовать в sRGB», поскольку это цветовое пространство используется большинством браузеров для чтения изображений. Если ваши изображения после загрузки в Интернет имеют странный цвет, отличный от оригинала, возможно, они не были преобразованы в цветовое пространство sRGB во время экспорта.
Теперь вы можете быстро и легко сохранять свои фотографии, готовые к загрузке в Интернет.
Просто перейдите в «Файл»> «Экспорт»> «Быстрый экспорт в формате JPG» и выберите папку для сохранения файла.
4. Отключить сжатие
Когда дело доходит до общих советов по Photoshop для цифровых медиа, многие источники могут рекомендовать вам экспортировать файлы меньшего размера. Однако вы можете обнаружить, что их экспорт все еще слишком медленный.
В меню «Обработка файлов и сохранение файлов» выберите «Отключить сжатие файлов PSD и PSB».
Хотя это увеличит размер ваших файлов, их экспорт будет значительно быстрее.
5. Отключить экспорт в буфер обмена
Экспорт в буфер обмена нужен только в том случае, если вам нужно скопировать файл и вставить его в другое приложение. Однако многие пользователи редко используют этот функционал и он замедляет работу программы!
Отключите его, выбрав «Настройки» > «Основные». Вы найдете возможность снять флажок «Экспорт буфера обмена».
6. Используйте диски виртуальной памяти
Когда оперативной памяти, которая была выделена ему, недостаточно, Photoshop начинает записывать временную информацию на диски виртуальной памяти, которая представляет собой не что иное, как количество свободного места на вашем жестком диске.
Целесообразно установить быстрый диск в качестве основной виртуальной памяти, но в то же время это не ваш жесткий диск, на котором находится операционная система.
Вы также можете использовать внешний диск, подключенный к порту USB или порту Thunderbolt. Скорость соединения и скорость диска влияют на производительность Photoshop, поэтому лучший выбор, который я могу предложить, — это выбрать твердотельный накопитель (SSD), подключенный к порту USB 3.0+ или порту Thunderbolt 2.0+.
Чтобы настроить диски виртуальной памяти, перейдите на панель «Установки», доступную из меню Photoshop> «Установки»> «Диски виртуальной памяти», если вы являетесь пользователем MAC, или из меню «Правка»> «Установки»> «Диски виртуальной памяти», если вы являетесь пользователем WINDOWS.
7. Выберите правильное качество
И последнее, но не менее важное: ускорить экспорт фотографий можно так же просто, как знать, какие параметры выбрать. Нажав на опцию «Сохранить для Интернета», убедитесь, что вы выбираете качество от 40 до 60.
Больше 60 не требуется и может быть слишком большим для веб-сайтов. Вы также обнаружите, что они сохраняют гораздо быстрее!
8. Установите цветовые профили
Photoshop предлагает множество вариантов цветового пространства. Некоторые цветовые пространства шире других и позволяют использовать более широкий диапазон цветов на этапе постобработки. В большинстве случаев рекомендуется работать с цветовым пространством, позволяющим использовать как можно больше цветов, например ProPhoto RGB.
Чтобы установить ProPhoto RGB в качестве основного цветового пространства, перейдите в меню «Правка»> «Настройки цвета» и в раскрывающемся меню RGB выберите параметр ProPhoto RGB. Убедитесь, что вы установили флажки «спрашивать перед открытием» и «спрашивать перед вставкой» для параметров «Профили не совпадают» и «Профили отсутствуют».
Всякий раз, когда вы открываете файл в Photoshop, а цветовое пространство, внедренное в файл, не соответствует цветовому пространству вашего рабочего пространства (ProPhoto RGB), программа предложит вам три варианта открытия документа:
- Использовать встроенный профиль (вместо рабочей области)
- Преобразование цветов документа в рабочую область
- Удалить встроенный профиль (не управлять цветами)
Если вы не работаете над каким-либо графическим проектом, предназначенным для Интернета (и, следовательно, вы выберете первое решение «Использовать встроенный профиль», таким образом сохраняя цветовое пространство документа), выберите второй вариант «Преобразовать цвета документа в рабочее пространство».
