Как сделать пнг в фотошопе (PNG в Adobe Photoshop)?

Хотите научиться создавать PNG изображения с прозрачным фоном в Adobe Photoshop? В этом руководстве вы найдете простые шаги для создания качественных картинок, которые можно использовать в различных проектах.

Мы покажем, как настроить рабочую среду Photoshop, правильно сохранять файлы и избегать ошибок при сохранении прозрачности. Всё, что вам нужно – это следовать пошаговым инструкциям!

МЛ Мария Логутенкоавтор материала

Как сделать файл PNG в Adobe Photoshop?

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл» (File ) вверху страницы выберите «Создать» (New ).

Затем в появившемся окне «Новый документ» (New Document ) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в веб). А также, что вы выбрали значение «Прозрачный» (Transparent ) в выпадающем списке «Содержимое фона» (Background Contents ).

Перед тем, как сделать PNG в фотошопе, нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:

Как сделать файл PNG в Adobe Photoshop?

После того, как вы задали значения параметров, нажмите «OK», чтобы открыть новый документ.

Затем в панели «Слои» (Layers ) убедитесь, что работаете на прозрачном слое, а не на фоновом:

После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop, в меню «Файл» (File ) вы можете использовать один из возможных вариантов:

Как сделать фото в пнг с помощью Adobe Photoshop версии ранее, чем CC 2015

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе, который вышел раньше CC 2015. В этих версиях используют метод «Сохранить для Web» (Save for Web & Devices ), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл» (File ), и далее – «Сохранить для Web» (Save for Web & Devices ):

Как сделать фото в пнг с помощью Adobe Photoshop версии ранее, чем CC 2015

Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность» (Transparency ) и «Преобразовать в sRGB» (Convert to sRGB ). Это подтверждает, что изображение будет содержать прозрачный фон и его цветовой режим будет преобразован в sRGB, рекомендованное цветовое пространство для веб.

Поля «Размер изображения» (Image Size ) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.

Чтобы сохранить изображение, нажмите кнопку «Сохранить» (Save ) внизу окна.

Как сделать пнг файл с помощью Photoshop версии CC 2015

Перед тем, как сделать прозрачность фото в Фотошопе, нужно знать, что с версии CC 2015 опция «Сохранить для Web» (Save for Web & Devices ) в меню «Файл» (File ) помечена как Legacy (устаревшая). И замещена на новую опцию «Экспорт» (Export ), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «Экспорт», нажмите меню «Файл» (File ), а затем - «Экспортировать как» (Export As ).

Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web» (Save for Web & Devices ) в Photoshop CC 2015, и она доступна через меню Файл > Экспорт (File > Export ) или при использовании комбинации клавиш Command+Option+Shift+S (для Mac) или Ctrl+Alt+Shift+S (для ПК):

Как сделать пнг файл с помощью Photoshop версии CC 2015

Затем в появившемся окне выберите PNG из выпадающего меню «Формат» (Format ) и убедитесь, что выбраны опции «Прозрачность» (Transparency ) и «Преобразовать в sRGB» (Convert to sRGB ).

Поля «Размер изображения» (Image Size ) и «Размер холста» (Canvas Size ) должны автоматически заполниться значениями, которые вы задали, когда создавали файл. Но при желании можно изменить эти параметры перед тем, как сделать эффект прозрачности в Фотошопе:

Когда закончите, нажмите «Экспортировать все» (Export All ).

МЛ Мария Логутенкоавтор-переводчик статьи «How can I create a PNG with transparency in Adobe Photoshop (CC and higher)?»

Комментарии

Оставьте свой комментарий
Пока никто не оставил комментариев