Как сделать в фотошопе формат png: Сохранение файлов в других графических форматах в Photoshop

Содержание

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

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

В этой статье мы расскажем, как сделать картинку в формате PNG в Фотошопе.

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

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

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

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

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

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

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

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

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

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

Перед тем, как сделать прозрачность фото в Фотошопе, нужно знать, что с версии 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 (для ПК):

Затем в появившемся окне выберите 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)?» , подготовленная редакцией проекта.

Как создать png в фотошопе. Сделать прозрачный фон в фотошопе

Здравствуйте уважаемые посетители. В этом уроке я покажу, как используя программу Фотошоп можно убрать фон и сделать фотографию прозрачной. Особых знаний этого Фото-монстра вам не понадобится, так как здесь всё очень просто. Главное, чтобы у вас был установлен Photoshop, и вы повторяли за мной все действия.

Итак, как сделать прозрачный фон в Фотошопе?

Запускаем Фотошоп и открываем подопытную фотографию. Жмем меню Файл – Открыть и указываем расположение изображения.

Отлично, фотография открыта и давайте приступать к обрезке фона. Первым делом нам нужно разблокировать слой. Обратите внимание на правый нижний угол программы. Там вы увидите главный слой нашей фотки и маленький замочек .

Нужно, чтобы этот замочек исчез, то есть слой разблокировался. Для этого прямо по замочку делаем один клик левой кнопкой мыши . И замочка больше нет!

Теперь нам нужно удалить фон. Для этого берем какой-нибудь инструмент выделения, например, Волшебная палочка .

Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.

Появилась пунктирная линия (бегающие муравьи). Остается нажать на клавиатуре клавишу DELETE и фон будет удален. Смотрите как получилось:

Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D .

Ну, в общем-то, как сделать прозрачный фон в Фотошопе мы разобрались и теперь остаётся эту фотографию правильно сохранить.

Для этого нажмите меню Файл – Сохранить для Web . Или же просто воспользуйтесь ALT+SHIFT+CTR+S .

Вы увидите окно, в котором нам обязательно нужно выбрать формат PNG-24 и только после этого нажимать кнопку Сохранить .

А теперь смотрите что было и что стало:

Напоследок стоит сказать, что в некоторых случаях когда Вы решите сделать прозрачный фон в Фотошопе на какой-то картинке, то Вам возможно придётся применять другие инструменты выделения, например, Перо или Магнитное лассо . Я использовал инструмент Волшебная палочка , так как у меня на фотографии человека было легко отделить от фона. Если вы будете удалять фон со сложных изображений, то придется немного попотеть.

На этом сегодня всё, желаю удачи!

Когда работаешь над дизайном сайтов, часто приходится сталкиваться с тем, что найденное изображение, которое идеально бы подходило к твоему сайту, имеет другой фон, который желательно бы убрать.

И так, открываем нашу картинку в фотошопе.

1. Первое, что нужно сделать — создать у картинки рабочую область с прозрачным фоном. Для этого:
— в окошке слоёв кликаем два раза на наш слой (с замочком)
— В повившемся окошке нажимаем ОК

Замочек должен исчезнуть

Если фон однотонный:
Выбираем инструмент «Волшебная палочка » — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск ), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.

Если фон разноцветный:
Используем инструмент «Быстрое выделение «. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.

3 . Если на рисунке осталось что-то лишнее, используем инструмент «Ластик «, просто затираем лишний фон.

4 . Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).

Полезное видео в тему:

28.01.2015 27.01.2018

Сделать прозрачный слой в фотошопе на изображении проще простого. Эта короткая объясняющая заметка содержит в себе исчерпывающую информацию по этому вопросу. Поэтому я надеюсь сложностей у вас не возникнет.

Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.

Прозрачный слой по умолчанию в фотошопе отображается в виде шахматной доски. Вот так выглядит прозрачный слой:

А так выглядит список слоев

Мы можем над прозрачным слоем поместить другой слой с изображением. Вот так выглядит яблоко на прозрачном слое в photoshop.

Такое изображение будет иметь прозрачный фон под яблоком, поэтому вы можете его вставить на сайте на любой фон.

Можно в самом фотошопе создать новый слой под яблоком и залить его любым фоном. Будет такой же результат.

Также можно регулировать у слоев прозрачность. Это может понадобится для разных целей — например создать полупрозрачный фон или сделать прозрачным изображение.

Уменьшить прозрачность для слоя можно на панели слоев. Вы активируйте нужны слой и уменьшаете проценты прозрачности (opacity).

Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!

бесплатном видео курсе «Как выделять в фотошопе» . Чтобы его поучить заполните данные в левой панели на сайте и курс придет вам на почту.

Инструкция

Многое зависит от того, в каком графическом редакторе вы работаете. Простейшие программы, типа стандартного редактора Paint, в принципе не поддерживают прозрачность. Более функциональные программы Paint.net, CorelDraw, Adobe Photoshop (и подобные им) позволяют настраивать прозрачность изображений и поддерживают работу со слоями.

Чтобы настроить прозрачность (частичную прозрачность) изображения или какой-либо его части, создавайте новые слои и используйте инструменты своего редактора для настройки отображения слоев. В зависимости от особенностей редактора, возможно, перед сохранением вам придется объединить все слои.

Чтобы сохранить изображение в том виде, в каком вы видите его в редакторе, выберите в верхней строке меню пункт «Файл» (File). Из выпадающего меню выберите команду «Сохранить как» (Save as). В открывшемся диалоговом окне укажите директорию для сохранения файла, в поле «Имя файла» (File name) введите имя, под которым вы хотите сохранить файл. В поле «Тип файла» (Format) из выпадающего списка выберите значение PNG(*.PNG) и нажмите на кнопку «Сохранить» (Save).

В том случае, если объединение слоев ведет к потере прозрачности, либо сохраняйте изображение, не объединяя слои, либо установите для своего редактора инструмент, позволяющий экспортировать слои в формате.png без (например, в Adobe Photoshop стандартными инструментами этого не добиться, так как в списке форматов нет расширения.png).

Загрузите из сети интернет соответствующий скрипт. В качестве фона установите прозрачный слой, а основное изображение разместите на другом слое. Выберите в верхней строке меню пункт «Файл», в развернувшемся меню — пункт «Сценарии» (Scripts) и команду «Экспортировать слои в файлы» (Export Layers to File).

В открывшемся диалоговом окне выберите директорию для сохранения слоев, установите маркер в поле напротив надписи Fast Mode (Don»t remove hidden layers), в поле «Тип файла» выберите формат.png и нажмите кнопку «Выполнить» (Run). Данное действие приведет к тому, что у вас будет сохранено два файла: один «пустой», в другом будет находиться изображение с вашими настройками прозрачности.

Источники:

Изображения на компьютере находятся в виде цифровых файлов, формат которых зависит от вида и назначения графики. Условно все эти форматы делятся на две большие группы — для отображения картинки на экране монитора и для печати.

png — графический формат для интернета

Из всех применяемых сегодня графических форматов для веб-изображений чаще всего используются три — gif, jpeg и молодой, но очень перспективный формат png. Разработанный в 1995 году, как альтернатива не удовлетворявшему все пользовательские запросы GIF, он предназначен для изображений, использовать которые планируется в интернете. В отличие от gif, формат png поддерживает 24-битные изображения и прозрачность фона без зубчатых краев.

Основные преимущества формата png -поддержка любых цветов, работа с прозрачными пикселями, эффективный алгоритм сжатия без потери качества изображения. В отличие от gif, который поддерживает только полную прозрачность, png сохраняет также полупрозрачные пиксели (1-99%) за счет Альфа-канала с 256 градациями серого. Встроенная гамма-коррекция позволяет без искажений отображать цвета на любом компьютере, независимо от платформы. Данный формат имеет возможность загружаться с чересстрочной разверткой, причем двойной — по горизонтали и вертикали.

Формат png поддерживает цветовые модели RGB, Grayskale, Indexed Color и Bitmap без альфа-каналов. Он не предназначен для использования с профессиональной графикой и не обеспечивает поддержку цвета CMYK.

Как посмотреть файл с расширением png

Самый простой способ открыть такой файл — два раза щелкнуть по нему левой кнопкой мышки. Даже если на компьютере не установлено никаких дополнительных программ, запустится «Средство просмотра фотографий Windows» и картинка будет открыта. Кроме того, этот формат без проблем открывает графический редактор Paint (в котором можно еще и отредактировать изображение, а также создать новое) и браузер Internet Explorer, входящие в пакет стандартных программ.

Для более комфортной работы с изображениями лучше установить на компьютере специальные программы, предназначенные для их сортировки, просмотра и обработки. Формат png — это графический файл, поэтому с ним без труда может работать любая из подобных программ. Существует немало бесплатных приложений, функциональность которых вполне достаточна для решения большинства возникающих задач.

Если система не может открыть файл с расширением png, необходимо переустановить стандартные приложения и проверить реестр windows на наличие ошибок.

Программы для просмотра и редактирования изображений

Picasa — программа предназначена для просмотра и редактирования изображений. Имеет встроенные фильтры, которые помогут быстро и качественно обработать изображение. К тому же в Picasa можно из снимков, подобрав к ним переходы и наложив звук.

FastStone Image Viewer — удобное приложение для домашнего пользования. Включает в себя все основные функции обработки изображений. Главное достоинство этой программы — просмотр изображения, открытого на весь экран с увеличением отдельных деталей. Это позволит подробно рассмотреть любую область. Слайд-шоу, сделанное при помощи FastStone, будет иметь расширение exe, поэтому легко запустится даже на самом старом компьютере.

XnView — очень функциональная программа с понятным интерфейсом. Фотографии можно не только посмотреть, но и отредактировать. Такие часто применяемые операции, как поворот фото, выравнивание цветов или удаление красных глаз, доступны сразу в окне просмотра. К тому же в этой программе можно создать эффект размытия или улучшить четкость. XnView имеет много полезных опций. Например, поиск , групповую обработку, и создание слайд-шоу.

Ashampoo Photo Commander FREE — качественная утилита для просмотра и обработки графики. Имеет такие встроенные эффекты, как сепия, тень и резкость, позволяет кадрировать и вращать изображение. Помимо основных функций, обладает возможностью делать снимки рабочего стола, записывать фотографии на диск CD или DVD, конвертировать изображения и отправлять их по электронному адресу. Кроме того, в ней можно создавать и коллажи.

Помимо графических редакторов и просмотрщиков изображений, файлы с расширением png открываются в любом современном браузере, а также в Microsoft Office Word.

Все рассмотренные программы полностью бесплатны. Существует и много других подобных приложений. Среди них можно отметить, например, Honeyview, который позволяет просматривать фотографии прямо из архива zip, 7z или rar, не распаковывая их. Также заслуживает внимания просмотрщик изображений Irfan View. Его функциональность можно значительно увеличить при помощи плагинов, выбор которых будет зависеть от задач, стоящих перед конкретным пользователем.

Как сделать фон прозрачным (photoshop)

И так, открываем нашу картинку в фотошопе.

Замочек должен исчезнуть

2. Далее…

Если фон однотонный:
Выбираем инструмент «Волшебная палочка» — это очень гибкий инструмент для выделения нужной области. Наша задача выделить весь фон, кроме рисунка. Для этого подгоняем настройки волшебной палочки (параметр допуск), пока не получим нужный результат. Так-же пользуемся клавишей Shift, чтобы выделить область помимо уже выделенной. Нажимаем Del и выделенная облась удаляется.

Если фон разноцветный:
Используем инструмент «Быстрое выделение«. Тут наша задача выделить не фон, а сам объект, который должен остаться. Нажимаем до тех пор, пока не выделится нужная область. Если выделилось лишнее, зажимаем Alt и минусуем облась. Посмотреть результат можно клавишей Q.
Когда выделение готово, копируем его Ctrl+C. Создаем новый документ с прозрачным фоном (Ctrl+N) и вставляем туда объект Ctrl+V.

3. Если на рисунке осталось что-то лишнее, используем инструмент «Ластик«, просто затираем лишний фон.

4. Сохраняем изображение для Web (Alt+Shift+Ctrl+S) выбираем формат GIF либо PNG (в других наш прозрачный фон превратится в белый).

Полезное видео в тему:

Похожее

Запись опубликована в рубрике Разное с метками Photoshop.

Как сделать из PSD картинки формата JPG и PNG

Давно назревала необходимость написать краткую инструкцию как сделать из PSD картинку формата JPG и PNG. Большинству конечно может показаться это очень простым, но инструкция предназначена для пользователей не работающих постоянно в Photoshop. Например заказчиков, получивших макет в формате PSD (Photoshop).

Файлы формата PSD, это файлы Photoshop. Т.е. вам необходимо предварительно установить Photoshop у себя на компьютере. Не рекомендую устанавливать пиратские версии, что бы не подхватите троян. Сейчас Adobe предлагает бесплатный тестовый период своих продуктов 30 дней. Поэтому смело скачивайте официальную версию Photoshop с сайта разработчика Adobe.

1. Откройте файл PSD

2. Убедитесь что все нужные слои включены. Все слои отображаются в панели «Слои», включенные слои имеют пиктограмму «глаз» у названия. Щелкая по этой пиктограмме мышкой вы можете включать/ выключать отображение слоев. Если вы не видите этой панели, вам необходимо ее включить. Что бы включить отображение панели «Слои»: Верхнее меню > Окно > Слои (или горячая клавиша F7).

3. Для экспорта файла PSD в формат PNG можно использовать упрощенный способ, но он не дает задать дополнительные настройки. Надо отметить что чаще всего дополнительные настройки вам не потребуются. Поэтому в верхнем меню выбираем: Файл > Экспортировать > Быстрый экспорт в PNG. Сразу откроется окно выбора пути сохранения файла-результата.

4. Более «продвинутый» способ дающий дополнительные настройки. Верхнее меню: Файл > Экспортировать > Экспортировать как… . Откроется окно дополнительных настроек. В нем вы можете: выбрать формат к котором будет сохранено изображение (PNG, JPG, GIF, SVG), возможность изменить масштаб в котором будет сохранено изображение. После необходимых настроек жмем кнопку «Экспорт…» и выбираем путь сохранения в открывшемся окне.

При работе с Photoshop вас может смутить фон изображения. Если в окне Photoshop фон изображения в виде серой шахматной доски, это значит, что фон прозрачный.

В этом случае только формат PNG будет поддерживать прозрачность фона, а в формате JPG изображение сгенерируется с белым фоном. Это надо учитывать если вы в последствии собираетесь использовать эту картинку на сайте где задан фон отличный от белого.

Растровый формат PNG | SEO-портал

PNG (Portable Network Graphics — портативная сетевая графика) — популярный в интернете растровый графический формат файлов, применяющий технологию сжатия без потерь и поддерживающий полупрозрачность (альфа-канал).

Создание изображений в формате PNG

Сделать картинку в формате PNG можно с помощью любого графического редактора (в том числе Paint и Photoshop).

Как сохранить картинку в формате PNG в Paint?

Процесс сохранения в формат PNG с помощью редактора Paint в Windows 10:

Откройте файл изображения в Paint.
Программа поддерживает изображения в форматах BMP, TIFF, PNG, GIF, JPEG.
Кликните по вкладке Файл.
Откроется контекстное меню.
Выберите Сохранить как → Изображение в формате PNG.
Откроется модальное окно выбора папки и названия для файла.
Определите папку, введите название файла и нажмите Сохранить.

Как сохранить PNG-файл в Photoshop?

Процесс сохранения изображений в формате PNG с помощью редактора Adobe Photoshop CC 2015:

Откройте файл изображения в Photoshop.
Программа поддерживает изображения в самых разных графических форматах.
Кликните по вкладке Файл.
Откроется контекстное меню.
Выберите Сохранить для Web (по умолчанию клавиши Alt + Ctrl + Shift + S).
Откроется модальное окно сохранения.
В правом верхнем углу диалогового окна из выпадающего списка выберите PNG-8 (палитра до 256 цветов) или PNG-24 (максимальная палитра цветов).
Откроются дополнительные настройки формата PNG. Для PNG-24:
Дополнительные настройки для PNG-8:
- модель редукции цвета (способ определения цветов в палитру),
- количество цветов в палитре,
- определение модели дизеринга (способа сглаживания цветовых переходов),
- степень дизеринга (0-100%),
- цвет фона (при наличии прозрачности),
- модель дизеринга прозрачности,
- web-цвета (не актуально).
Произведите необходимые настройки.
Изменение изображения в зависимости от выставленных настроек можно контролировать в левой части окна.
Кликните Сохранить….
Откроется модальное окно выбора папки и названия для файла.
Определите папку, введите название файла и нажмите Сохранить.

Как сохранить PNG-файл в Illustrator?

Программа Illustrator является графическим редактором компании Adobe, предназначенным для работы с векторной графикой. Функционал программы схож с функционалом Photoshop — для сохранения изображений в PNG-формате в «иллюстраторе» используйте аналогичную функцию «Сохранить для Web»:

Откройте или создайте изображение в Adobe Illustrator.
Программа поддерживает изображения в самых разных графических форматах.
Кликните по вкладке Файл.
Откроется контекстное меню.
Выберите Сохранить для Web (по умолчанию Alt + Ctrl + Shift + S).
Откроется модальное окно сохранения.
В правом верхнем углу диалогового окна из выпадающего списка выберите PNG-8 (палитра до 256 цветов) или PNG-24 (максимальная палитра цветов).
Откроются дополнительные настройки формата PNG (описаны выше в процессе сохранения PNG через «фотошоп»).
Произведите необходимые настройки.
Изменение изображения в зависимости от выставленных настроек можно контролировать в левой части окна.
Кликните Сохранить….
Откроется модальное окно выбора папки и названия для файла.
Определите папку, введите название файла и нажмите Сохранить.

Алгоритм сжатия PNG

Главной отличительной особенностью формата PNG является сжатие без потерь данных: в зависимости от компрессора (сжимающей программы) можно уменьшить «вес» изображения в определённой степени.

В отличие от формата JPG, степень сжатия PNG-файлов не регулируется и полностью зависит от предустановленных алгоритмов программы, с помощью которой сохраняется картинка.

Оптимизация PNG-изображений

Уменьшить размер файла PNG можно с помощью ограничения цветовой палитры.

В зависимости от глубины цвета изображения в формате PNG, применяемые на веб-ресурсах, делят на 2 вида:

PNG-8
Использует 8-битную глубину цвета (не более 256 индексированных цветов) и возможность использования прозрачных пикселей.
PNG-24
Использует 24-битную глубину цвета и 8-битный альфа-канал (1 677 7216 цветов + канал прозрачности).

Экспортируя изображение из полноцветного PNG-24 в индексированный PNG-8 можно добиться значительного уменьшения размера файла («веса» изображения):

В приведённых выше примерах можно заметить значительную разницу в размере файлов в зависимости от глубины цвета. Также очевидна нехватка цветов: на 256-цветном варианте можно рассмотреть «гранулы», которые становятся значительно более заметны в 128-цветном варианте из-за явного недостатка цветов в палитре.

Применение формата PNG-24 для изображений, использующих небольшое количество цветов, неоправданно увеличивает размер файла.

Следует иметь ввиду, что ограничение цветовой палитры до минимума ведёт к безвозвратной потере данных, которые невозможно восстановить из оптимизированного изображения.

Применяйте PNG-8 только если максимума в 256 цветов будет достаточно для изображения.

В случаях, когда картинка использует до 256 цветов, ограничение палитры может существенно уменьшить «вес» изображения, ни как не отражаясь на качестве его детализации:

Зависимость «веса» от глубины цвета для PNG

Преимущества формата PNG

Cжатие без потерь в качестве детализации.
Нет ограничений в глубине цвета.
Применение индексированной палитры (8 бит).
Регулировка размера файла в зависимости от палитры.
Применение канала прозрачности (альфа-канала).

Недостатки формата PNG

Часто задаваемые вопросы

Чем открыть файл в формате PNG на компьютере?

Открыть файлы в формате PNG можно с помощью любых программ для просмотра изображений (в том числе стандартные приложения Windows), всех современных интернет-обозревателей (браузеров), а также векторных и растровых графических редакторов.

Какой программой можно открыть файл PNG?

Список наиболее популярных программ для открытия и редактировать картинок в формате PNG (и во многих других графических форматах):

Microsoft Paint,
GIMP,
Adobe Photoshop,
Adobe Illustrator,
CorelDRAW,
Corel Photo Paint,
и др.

Как открыть файл PNG в «фотошопе»?

Чтобы открыть любое изображение в формате PNG (а также в любом другом графическом формате) в Photoshop откройте программу и воспользуйтесь функцией Файл → Открыть… (клавиши Ctrl + O). Таким же способом это можно сделать в любом другом графическом редакторе.

Как сохранить (создать) PNG-файл?

Ответ здесь.

Как изменить формат изображения на PNG?

Изменить формат картинки (фотографии или рисунка) на PNG можно с помощью функции экспорта в графических редакторах или через онлайн-конвертеры.

Например, программа Microsoft Paint позволяет перевести картинку в формат PNG с помощью функции «Сохранить как» следующие графические форматы: BMP, TIFF, PNG, GIF.

Как сжать изображение в формате PNG?

Сжатие PNG происходит при сохранении картинки в данном формате, размер файла на выходе зависит от алгоритма сжатия программы, в которой он сохраняется. Если файл PNG необходимо сжать в большей степени, можно изменить глубину цвета (экспорт из PNG-24 в PNG-8) или воспользоваться онлайн-компрессором tinypng.com.

Как уменьшить (изменить) размер файла в формате PNG?

Уменьшить размер PNG-файла можно следующими способами:

изменив глубину цвета с 24-х до 8-бит,
уменьшив количество индексированных цветов при 8-битной глубине цвета,
отключив альфа-канал прозрачности,
удалив мета-данные.

Все эти действия разом можно совершить при помощи онлайн-компрессора tinypng.com или частично с помощью функции «Сохранить для Web» в графических редакторах от компании Adobe (Photoshop и Illustrator).

как сделать фон картинки прозрачным

Итак, как сделать прозрачный фон в Фотошопе?

Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.

Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D .

Для этого нажмите меню Файл – Сохранить для Web . Или же просто воспользуйтесь ALT+SHIFT+CTR+S .

А теперь смотрите что было и что стало:

На этом сегодня всё, желаю удачи!

При создании коллажей и других композиций в Фотошопе зачастую возникает необходимость удалить фон с изображения или перенести объект с одной картинки на другую.

Сегодня поговорим о том, как сделать картинку без фона в Фотошопе.

Сделать это можно несколькими способами.

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

Открываем изображение. Поскольку картинки без прозрачного фона чаще всего имеют расширение JPG , то слой с названием «Фон» будет заблокирован для редактирования. Его необходимо разблокировать.

Дважды кликаем по слою и в диалоговом окне нажиаем «ОК» .

Затем выбираем инструмент «Волшебная палочка» и нажимаем на белый фон. Появляется выделение (марширующие муравьи).

Теперь нажимаем клавишу DEL . Готово, белый фон удален.

Следующий способ убрать фон с картинки в Фотошопе – воспользоваться инструментом «Быстрое выделение» . Способ сработает в том случае, если изображение имеет примерно один тон и нигде не сливается с фоном.

Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL . Результат такой же.

Третий способ самый сложный и применяется на цветных изображениях, где нужный участок сливается с фоном. В данном случае нам поможет только ручное выделение объекта.

Для ручного выделения в Фотошопе есть несколько инструментов.

1. Лассо. Используйте его, только если у Вас твердая рука или имеется графический планшет. Попробуйте сами и поймете, о чем пишет автор.

2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.

3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.

4. Перо. Наиболее гибкий и удобный для выделения инструмент. Пером можно рисовать как прямые линии, так и кривые любой сложности.

Итак, выбираем инструмент «Перо» и обводим наше изображение.

Ставим первую опорную точку как можно точнее на границу объекта. Затем ставим вторую точку и, не отпуская кнопку мыши, тянем вверх и вправо, добиваясь нужного радиуса.

Опорные точки можно перемещать, зажав клавишу CTRL справа, а удалять, выбрав в меню соответствующий инструмент.

Пером можно выделять сразу несколько объектов на изображении.

По окончании выделения (контур необходимо замкнуть, вернувшись к первой опорной точке) нажимаем внутри контура правой кнопкой мыши и выбираем «Образовать выделенную область» .

Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL . Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z , инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.

Мы рассмотрели основные приемы для удаления фона с изображений. Существуют и другие способы, но они малоэфективны и не приносят желаемого результата

Приветствую Вас, дорогие читатели моего блога!

Недавно мне понадобилось убрать фон с картинки, с фотошопом я не дружу особо. И скажу Вам, что у меня его даже нет на компьютере. (Ну правильно вообще то, зачем мне то, с чем я не умею работать).

Но фон с картинки надо было как то убрать, я начала бороздить просторы интернета, в поисках решения своей задачи. Вариантов очень много на самом деле, но я искала, что нибудь полегче)). Я нашла очень легкий и простой способ, как можно убрать фон с картинки.

И так, давайте приступим. Нам понадобиться фотошоп, но так, как у меня его нет. Я использую онлайн фотошоп. Очень удобная штука, я Вам скажу. И конечно же картинка фон которой мы хотим сделать прозрачным.

Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон

Заходим в онлайн фотошоп. Я использовала вот этот PIXLR

Выбираем: Загрузить изображение с компьютера.

Теперь справа в окошке «СЛОИ» надо открыть замочек

Кликаем на него 2 раза левой кнопкой мыши, должна появиться галочка в квадратике.

Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка» и толерантность ставим 21.

Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»—-«очистить». И так пока не уберете все, что надо.

В Фотошопе одним из ключевых понятий является прозрачность . Поэтому если вы только начали знакомиться с этой программой, то уделите внимание этой функции, в будущем знание того, как делать в Фотошопе прозрачный фон, или как сделать только часть рисунка прозрачной может пригодиться при обработке фотографий и рисунков, и значительно расширить диапазон ваших возможностей. Работа это довольно несложная, поэтому если вы терпеливо выполните все пункты, у вас обязательно все получится. Так что давайте перейдем к самой обработке фотографий.

Необходимо:

— Adobe Photoshop.

Инструкция:

У программы «Photoshop» есть одна выгодная отличительная особенность , которая выделяет приложение среди других графических редакторов – это работа со слоями. И прозрачность там необходима для того, чтобы можно было делать оперативную замену фонового рисунка за объектом. Также это полезно в случае, когда вам необходимо обработать фотографию и продолжить работу с ней в другом редакторе, но уже без фона.
Перед тем, как сделать прозрачный фон в Фотошопе, откройте свое изображение в программе. Далее скопируйте его на новый слой, нажав Ctrl+J или воспользовавшись правой кнопкой мыши, клацнуть по изображению и выбрать из появившегося меню «создать дубликат слоя «, а после этого нажать на «Ок ». У вас должно получиться два идентичных слоя: «Фон » и «Слой1 ».
Далее слой «Фон » нужно скрыть . Для этого нужно просто кликнуть на «глазок » обозначенный стрелкой. После этого нужно приступить к отделению подложки от основного объекта. Лучше всего с этим можно разобраться, воспользовавшись резинкой (ее можно выбрать из меню, а можно просто нажать на клавиатуре «Е »). Когда выберите этот инструмент, аккуратно вытрите ненужный фон. Шахматное поле, которое будет образовываться по мере того, как вы стираете ненужную часть фотографии – это и есть то, что нам нужно.
После того, как вам удалось в Фотошопе сделать фон прозрачным, необходимо еще правильно сохранить изображение , чтобы результат не потерялся. Поскольку не все форматы изображения могут сохранить прозрачность. Так во время сохранения картинки или фотографии, используйте формат .psd (который является форматом Фотошопа) или формат .png . В общем-то, нет разницы, каким из этих двух вариантов вы решите воспользоваться, но формат .png более практичен, поскольку его распознает большее количество программ.
Есть и другие способы, воспользовавшись которыми можно делать фон прозрачным. Однако представленный здесь является наиболее простым , но иногда может возникнуть необходимость использовать и другие. Для того чтобы хорошо разбираться в Фотошопе и чувствовать какой из методов когда лучше использовать, нужно много практиковаться, или пойти на курсы по графической обработке фотографий.

28.01.2015 27.01.2018

Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.

А так выглядит список слоев

Можно в самом фотошопе создать новый слой под яблоком и залить его любым фоном. Будет такой же результат.

Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!

Единственный вопрос который у вас мог остаться — это как сделать прозрачный фон на своем изображении. Для этого вам нужно выделить часть изображения которую вы хотите оставить, а остальную область выделения удалить. Как это сделать правильно и как выделять сложные объекты вы можете узнать в моем бесплатном видео курсе «Как выделять в фотошопе» . Чтобы его поучить заполните данные в левой панели на сайте и курс придет вам на почту.

Как сохранить фото в Фотошопе CS6 и CC

Когда все манипуляции с изображением или фотографией закончены, пора переходить к сохранению. Необходимо выбрать место для сохранения, имя файла и формат, в котором фото будет храниться.

В этой статье речь как раз пойдет о том, как и в каких форматах сохранять изображения.

Существует довольно много форматов фото, но в основном используются только вот эти 3:

Содержание: “Как сохранить фото в Фотошопе”

О Форматах:

*.JPEG

Разговор наш начнем с формата JPEG, он применяется для большего числа изображений и он не поддерживает прозрачный фон.

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

Становится понятно, что изображения в данном формате следует сохранять без какого-либо редактирования, то есть такими, какие они есть. Сюда относятся различные фотографии.

*.PNG

Следующим по популярности идет формат PNG. Это единственный формат, который может существовать без фона, однако возможен не только прозрачный, но и полупрозрачный фон или различные объекты.

Этот формат изображений, в отличие JPEG, при частом редактировании почти не теряет в качестве, поэтому с ним часто работают в редакторах фотографий.

*.GIF

Следующим файлом в нашем разборе будет GIF, в плане качества он сильно отличается от двух форматов указанных выше, так как имеет небольшое количество доступных цветов.

Однако у него есть значительные плюсы, среди них – анимация. Когда вы хотите добавить или создать анимацию в Фотошопе, лучше всего использовать именно формат GIF, так как он все кадры анимации объединяет в одной файле, в отличие от PNG, где каждый кадр анимации необходимо сохранять отдельным файлом.

С теорией закончили, следующим шагом будет практика.

Сохранить изображение можно 2 путями:

Зайти в главное меню и выбрать кнопку «Сохранить как», и затем настроить в этом меню все показатели так, как нужно вам.
С помощью сочетания горячих клавиш CTRL+SHIFT+S также откроется меню «Сохранить как».

Используя эти 2 способа, вы откроете окно, в котором необходимо выбрать место сохранения файла, его имя и необходимый формат, это процедура универсальна для всех форматов, кроме GIF.

Сохраняем в JPEG

После того как нажмете кнопку «Сохранить» появится меню по настройки формата.

Работа с подложкой или прозрачностью очень проста, так как данный формат ее не поддерживает, но вам все равно будет предложено выбрать цвет фона. В этой графе можно ничего не выбирать, при выборе по умолчанию стоит белый цвет.

В параметрах картинки следует выбрать необходимое качество.

Сам JPEG делится на 3 формата:

Базовый
Оптимизированный базовый
Прогрессивный

Первый выводит изображение стандартным образом, с помощью строк.

Второй делает то же самое, только используя алгоритм Хаффмана. Что это такое? Сейчас мы об этом рассказывать не будем, ведь вы можете найти информацию, загуглив запрос. Если кратко, то он немного уменьшает размер изображения, но в наш век, с мощными компьютерами, это почти не нужно.

Последний (прогрессивный) обладает свойством загружаться постепенно, улучшая качество по мере загрузки веб-страницы. Например, если вы только заходите на какой-либо сайт, изображение будет плохого качества, но после того, как браузер полностью откроет страницу, качество улучшится.

Чаще всего используются 1 и 3 формат, и если вы не хотите разбираться в этом, то выбирайте базовый формат.

Сохраняем в PNG

Раньше, при сохранении данного формата появлялось меню с 2 характеристикам: «Сжатие» и «Чересстрочно».

Тепер все немного по-другому. Смотрим скриншот:

Первый пункт “Большой файл размер” дает возможность быстро сохранить изображение, не лишаясь при этом качества, на скриншоте точка выбора стоит именно на этом пункте.

Следующий пункт – «Чересстрочно», а в нашем случае “Чересстрочная развертка”. Если у вас версия Фотошопа CS6, то у вас будет еще и выбор в подкатегории “Чересстрочно”. Если вы выберете кнопку «Снять выделение», то изображение на сайте появится только после того, как полностью загрузится. А если выберете кнопку «Чересстрочно», то картинка на сайте будет загружаться постепенно.

Лучше всего выбирать первый вариант. В нашем варианте выбора нет, он в любом случае уйдет с настройкой “Чересстрочно”. Мы в данном уроке используем Photoshop CC 2018.

Сохраняем в GIF

Сохранять картинки в этом формате довольно просто, но метод сохранения совсем другой, надо также нажать на кнопку «Файл», но выбрать пункт «Сохранить для Web». В нашем случае сперва “Файл”, затем “Экспортировать” и уже потом “Сохранить для Web”? как показано на скриншоте:

Следом откроется меню, где уже установлены оптимальные настройки, если вы не эксперт в этой области, то ничего менять не надо.

Единственное что надо выбрать, это количество повторений анимации: бесконечно или один раз.

Итог

Из этой небольшой статьи вы узнали, как сохранять изображения в 3-х самых популярных форматах. Надеемся, вам это пригодится.

Как создать файл PNG в Adobe Photoshop

Бенджамина Марторелла, 19 мая 2021 г.

Что такое файл PNG?

Вас смущает, что такое файл PNG в Adobe Photoshop? Если так, то это вполне понятно, потому что фотографам доступно множество форматов файлов изображений. К наиболее распространенным относятся Jpeg, GIF, TIFF и, конечно же, PNG.

Еще сложнее то, что у каждого есть своя цель. В этой статье мы рассмотрим формат PNG.Вы узнаете, что такое файл PNG, для чего он нужен и как его создать.

PNG, произносится как «пинг», а его имя файла — .png, означает «переносимая сетевая графика». Это тип формата изображения, который веб-дизайнеры используют для создания веб-сайтов, поскольку он поддерживает прозрачный фон и / или полупрозрачные изображения (фактически, это единственный тип формата изображения, который поддерживает прозрачность).

Благодаря этой возможности PNG отлично подходит для логотипов и динамической графики веб-сайтов. Поэтому, если вам нужен фантастически выглядящий веб-сайт, который понравится вашим посетителям, вам обязательно нужно использовать изображения в формате PNG.

Скорее всего, вы уже видели изображения PNG, например, когда на фотографии фотографа расположен прозрачный логотип, позволяющий увидеть фотографии с по логотип. В этом случае цель прозрачности — незаметно продвинуть фотографа, сделавшего снимок (и предотвратить его использование кем-то другим).

Метод сжатия данных, называемый сжатием без потерь, позволяет создавать файлы PNG. Это означает, что когда кто-то решает сжать изображение, никакие данные в нем не теряются.Другими словами, файл PNG остается идентичным исходному файлу изображения. Это отличается от сжатия с потерями, при котором информация теряется при сжатии изображения файла.

Еще одним преимуществом PNG является то, что он поддерживает оттенки серого и цветовые пространства PNG-8, PNG-24 и PNG 32, что дает ему возможность отображать широкий диапазон цветов.

Однако это означает, что файлы PNG могут быть большими, поэтому изображения обычно имеют формат Jpeg (файлы Jpeg с потерями, что означает, что каждый раз при распаковке данные удаляются).

Еще один плюс формата PNG в том, что он не содержит патентов, что означает, что любой может использовать его без лицензии.

Какие программы открывают файлы PNG?

Многие программы открывают файлы PNG. К ним относятся программы просмотра фотографий по умолчанию, программы редактирования фотографий, такие как Lightroom и Adobe Photoshop, а также веб-браузеры. В любой из этих программ вы можете просмотреть файл PNG, выбрав «открыть» в раскрывающемся меню, или просто перетащив его в программу или в веб-браузер.

Если у вас еще нет Photoshop и Lightroom, вы можете получить их через Adobe Creative Cloud Plan всего за 9 долларов.99 / мес.

Adobe Photoshop и Lightroom и некоторые из самых популярных инструментов, используемых фотографами, графическими дизайнерами и веб-разработчиками из-за их возможностей.

Самые простые способы создания файла PNG в Adobe Photoshop

Создание файла PNG в Adobe Photoshop — простой процесс. В зависимости от того, что вы хотите достичь с изображением или графикой, может быть всего несколько шагов.

Шаги по созданию файла PNG в Photoshop:

1. Самый простой способ — просто «Сохранить как»

Щелкните Файл в верхнем меню, затем выберите Открыть
Выберите файл изображения и щелкните Открыть
Щелкните Файл сверху затем выберите Сохранить как

В диалоговом окне выберите PNG из меню Формат

Хотя это быстрый способ создания файла PNG, он никоим образом не изменяет изображение, например, сделать его прозрачным или удалить фон, чтобы изолировать объект (ы).Это наиболее распространенные действия для файлов PNG. Следуйте инструкциям ниже, чтобы узнать, как сделать и то, и другое.

2. Создание прозрачного изображения Photoshop

Откройте файл, повторив шаги, описанные в п. 1.
Откройте панель слоев, если она еще не видна справа. Для этого щелкните Window , затем выберите Layers .

Щелкните слой Background на панели «Слои», а затем щелкните OK в появившемся диалоговом окне.Это разблокирует слой, позволяя вам изменить его.

Щелкните раскрывающееся меню Непрозрачность на панели «Слои» и выберите процентное значение ниже 100%. Чем ниже вы опустите, тем прозрачнее будет изображение.
Щелкните Файл в верхнем меню, выберите «Сохранить как» и выберите PNG в раскрывающемся меню. Теперь у вас есть прозрачное изображение Photoshop.

3. Удалите фон, чтобы изолировать объект.

Откройте файл, повторив шаги, указанные в пункте 1.
Добавьте слой прозрачности: в верхнем меню щелкните Layer , затем выберите New . Теперь вы увидите новый пустой слой на панели «Слои», который выглядит как серо-белая шахматная доска. Photoshop автоматически делает его прозрачным.

Перетащите новый слой под слой фонового изображения на панели слоев.
Щелкните новый слой , чтобы выбрать его.

Совет : Вместо создания нового слоя вы также можете щелкнуть маленький значок замка, чтобы разблокировать фоновый слой.Все, что вы удалите с изображения, станет прозрачным.

Выберите тему: На панели инструментов слева выберите Magic Wand Tool .

Щелкните Select Subjec t в верхней части окна. Photoshop автоматически выбирает объект (ы), который, по его мнению, является объектом (объектами). Вы увидите, что вокруг выделения «маршируют муравьи».

Удалите фон: щелкните Выберите в верхнем меню, затем выберите Inverse .Это выбирает область изображения, которую вы хотите удалить вокруг объекта.

Нажмите Удалить на клавиатуре. Теперь виден серо-белый узор в виде шахматной доски на прозрачном фоне.
Нажмите Command (Control на ПК) + D , чтобы убрать марширующих муравьев.

Совет : Вы можете обнаружить, что при выделении не хватает некоторых областей. Например, он может подумать, что тени — это края объекта. Чтобы исправить это, щелкните значок
«Вычесть из выделения» в верхней части окна, затем используйте инструмент «волшебная палочка», чтобы удалить больше нежелательных областей.

Преимущества и недостатки файлов PNG

В начале этой статьи вы прочитали, что такое файл PNG и для чего он используется. Вы также узнали о некоторых его преимуществах, включая сжатие без потерь (данные не теряются, а качество изображения остается прежним) и что он поддерживает PNG-8 (256 цветов), PNG-24 (более 16 миллионов цветов) и PNG-32. (PNG 24 + 8 для прозрачного фона) цветовых пространств.

Другие преимущества включают широкий диапазон прозрачности от невидимого (0%) до полностью видимого (100%), вы можете добавлять метаданные и создавать файлы PNG с несколькими слоями.Кроме того, файлы PNG могут сжиматься на 10–30% больше, чем файлы GIF.

Формат PNG имеет несколько недостатков. В отличие от GIF, который означает формат обмена графикой, PNG не поддерживает анимацию. Кроме того, как указано выше, размеры файлов PNG обычно больше, чем файлы Jpeg. Это может стать проблемой, если у вас мало места для хранения.

К счастью, эти проблемы обычно не являются проблемой для большинства людей, поскольку файлы PNG в основном предназначены для веб-сайтов.

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

Если вы нашли это руководство полезным, вам также может быть интересно ознакомиться со следующими статьями:

Если вы нашли эту статью полезной, подпишитесь на нас в Twitter и Facebook , чтобы узнать больше о наших бесплатные руководства по WordPress и другие ресурсы.

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам создавать красивые фото и видео галереи всего за несколько кликов, чтобы они могли продемонстрировать и продать свои работы.

Удаление фона с изображений или логотипов

В этом руководстве по созданию прозрачного фона мы дадим обзор прозрачных PNG и как сделать прозрачным фон изображения / логотипа с помощью Canva, Adobe Photoshop и Fiverr.

Воспользуйтесь этими быстрыми ссылками:

Что такое прозрачный фон PNG

PNG — это тип файла изображения, который позволяет не иметь цвета фона.Большинство изображений покрывают определенное количество пикселей и имеют цвет во всех этих пикселях, даже если этот цвет белый. На прозрачном фоне отсутствуют пиксели фона, что позволяет просвечивать то, что находится за ним.

На этом снимке экрана вы можете видеть, что в заголовке с логотипом «Кампания по размещению аварийного отделения» использовалось изображение с прозрачным фоном, потому что синий за ним виден сквозь него.

Напротив, здесь вы можете увидеть логотип на белом фоне:

Белая рамка за логотипом является фоном.Это выглядит непрофессионально и беспорядочно и может конфликтовать с цветом фона веб-сайтов, брошюр или других дизайнов.

Независимо от того, есть ли у вас веб-сайт для внештатной работы, малого бизнеса или некоммерческой организации, вы должны убедиться, что ваш логотип хорошо смотрится на любой странице.

Если вы не хотите изменять цвета на своем сайте, вам необходимо создать прозрачный PNG, который легко интегрируется с вашей страницей и дизайном.

PNG, JPG, GIF

PNG — это только один из типов графических форматов, которые вы можете использовать на своем веб-сайте, и, возможно, это не тот, с которым вы больше всего знакомы.Однако это определенно полезно, и вам, вероятно, следует с ним ознакомиться. Давайте посмотрим на некоторые варианты изображений.

JPG часто используются для изображений на веб-сайтах, поскольку они имеют относительно небольшой размер файла. Это помогает вашему сайту загружаться быстрее и без проблем. Однако файлы JPG не поддерживают прозрачный фон, а при сжатии теряют качество изображения.

PNG

— лучший выбор, когда вам нужно прозрачное изображение или что-то с невероятно четкими, четкими линиями (например, рисунок линий или другая иконическая графика).

Другой вариант — это GIF. Файлы GIF могут иметь прозрачный фон, однако использование PNG по сравнению с GIF дает некоторые преимущества. PNG имеют лучшее сжатие, поэтому размер изображения меньше. Кроме того, в GIF-файлах можно указать прозрачным только один цвет. PNG имеют лучшие параметры прозрачности.

В некоторых случаях лучше всего подходят файлы каждого типа. JPG следует использовать для большинства основных онлайн-изображений, не требующих высокой контрастности. PNG следует использовать для любых изображений, для которых требуется прозрачный фон или требуется высокая контрастность.GIF-файлы следует использовать для анимированных изображений.

Одна вещь, которую следует отметить в отношении PNG, заключается в том, что существует несколько различных типов файлов PNG. К ним относятся палитра, оттенки серого и RGB. Обычно вы захотите использовать формат RGB с прозрачностью. Это гарантирует, что ваше изображение будет полноцветным, и дает возможность полной прозрачности.

Примечание. Для веб-сайтов вы также можете сохранить изображение как WebP, формат, который имеет функцию прозрачного фона, поддерживаемую в PNG, при гораздо меньшем размере файла.Сначала вам нужно преобразовать изображение из WebP в PNG.

Какие инструменты можно использовать для создания прозрачного фона?

Самый популярный инструмент для редактирования прозрачных PNG — Adobe Photoshop, но это не единственный инструмент на рынке. Мы рассмотрим эти три программы для редактирования прозрачных PNG:

Давайте посмотрим.

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

Сделайте фон прозрачным с помощью Canva

Canva — это бесплатная программа, которую можно использовать через интернет-браузер. Вам нужно будет начать с создания учетной записи в Canva. Это позволяет вам сохранять ваши дизайны и возвращаться к ним позже.

Функция прозрачного фона доступна только в их профессиональном плане, который составляет 12,95 долларов США в месяц. Он поставляется с 30-дневной бесплатной пробной версией, поэтому вы можете бесплатно удалить столько фонов, сколько захотите, за месяц!

1.Начнем с создания дизайна

Когда вы нажимаете кнопку «создать дизайн», у вас будут варианты размера, который вы хотите создать. Вы можете использовать любые размеры, но я бы рекомендовал посмотреть на размеры вашего логотипа и использовать их.

Когда вы создадите свой дизайн, вы увидите экран, который выглядит следующим образом:

2. Загрузить изображение

Вам просто нужно перетащить свой логотип на левую панель, и он начнет загрузку. Вы увидите его прогресс на вкладке «Загрузки».

По завершении загрузки щелкните по нему, чтобы добавить в свой дизайн.

Вы можете изменить размер по своему усмотрению.

Примечание: мы добавили цветной фон, чтобы я мог видеть, когда мой фон исчез.

3. Удалить фоновое изображение

Нажмите на изображение, которое вы добавили в свой дизайн. Вы увидите ряд меню, в том числе «Эффекты». Выберите эффекты. Первый вариант, который вы увидите, будет «Средство для удаления фона».

Щелкните по нему, и все готово! Легко!

Раньше:

После:

Совет. Вы можете добавить цветной фон, чтобы дважды проверить его работоспособность, но не забудьте удалить его перед сохранением изображения, щелкнув фон и нажав удалить.

4. Скачать образ

Выберите загрузку в правом верхнем углу. Вы увидите это меню:

Убедитесь, что у вас тип файла PNG и установлен флажок «прозрачный фон».Тогда жмите скачать!

Оцените Canva здесь.

Видео прохождение смотрите в этом видео

Сделайте свой фон прозрачным с помощью Adobe Photoshop

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

1.Откройте файл с вашим логотипом

2. Добавьте прозрачный слой

Выберите «Слой»> «Новый слой» в меню (или просто щелкните квадратный значок в окне слоев).

Новый слой должен автоматически стать прозрачным.

Перетащите этот новый слой под слой вашего изображения и выберите слой содержимого.

3. Сделайте фон прозрачным

Используя волшебную палочку или лассо, выберите область изображения, которую вы хотите сделать прозрачной.Используйте настройку допуска 32 или также поэкспериментируйте с другими настройками, чтобы получить желаемый результат.

Нажмите кнопку «Удалить». Выбранная область будет удалена, и станет виден прозрачный фон.

Если у вас есть круги или какие-либо формы в вашем логотипе, которые не связаны, вам может потребоваться повторить процесс выбора и удаления в этих других областях вашего логотипа (как вы можете видеть, мне нужно удалить фон снаружи изображение моего логотипа, а также внутри круга

4.Сохранить логотип как прозрачное изображение PNG

Щелкните «Файл» -> «Сохранить как». Выберите «PNG (* .PNG) в качестве формата файла. Обратите внимание, что хотя прозрачный фон выглядит в Photoshop клетчатым, в конечном файле PNG он будет прозрачным. Теперь вы можете загрузить этот логотип с прозрачным фоном на свой сайт!

Совет. Вам может потребоваться перейти в «Режим» -> «Цвет RBG», чтобы изменить формат цвета изображения на RBG, который поддерживает прозрачность.

Видео прохождение смотрите в этом видео

Сделайте свой фон прозрачным с помощью Fiverr

Fiverr — это торговая площадка, где вы можете найти людей, которые сделают для вас небольшие концерты.Одно из этих мероприятий включает в себя создание прозрачного фона вашего логотипа или удаление фоновых изображений с ваших фотографий.

Мы уже использовали эту услугу раньше, и обычно они завершают проект в течение 1 дня (иногда быстрее), включают исправления, и это стоит около 5 долларов или меньше за изображение.

Если у вас мало времени или нужно сделать прозрачными только одно или два изображения, это отличная альтернатива для получения профессиональных результатов с меньшими затратами времени и усилий.

1. Перейдите на сайт Fiverr’s Logo Gigs

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

2. Выберите Gig

Эти выступления начинаются с 5 долларов за 1 изображение. Многие люди предлагают до 5 или 10 изображений всего за 5 долларов, поэтому обязательно ищите подходящие цены и услуги.

Мы рекомендуем выбирать кого-то с рейтингом 4,9 из 5,0 или выше, с неограниченным количеством версий и 5 изображениями. Доставка менее часа является обычным явлением, поэтому обратите внимание на быстрое выполнение заказа.

3. Приобрести Fiverr Service

После того, как вы найдете кого-то, у кого есть хорошие отзывы, быстрая обработка и нужное обслуживание, вы можете легко приобрести эту услугу, выполнив проверку.

Fiverr взимает плату за обслуживание сейчас (новинка этого года), поэтому выделите эту дополнительную сумму. Например, за этот гиг за 5 долларов взимается плата за обслуживание в размере 2,25 доллара!

После покупки просто отправьте файл изображения (рекомендуется высокое разрешение) и все инструкции. Мы рекомендуем быть как можно более конкретными, чтобы концерт прошел правильно.

Посмотрите выступления с логотипом Fiverr здесь.

Лучшие программы для редактирования прозрачных изображений

Мы свели его к нескольким из лучших программ для редактирования изображений. При использовании мобильных приложений и инструментов для редактирования не забывайте обращать внимание на размер файла и следить за тем, чтобы качество вашего логотипа оставалось высоким для публикации на настольных сайтах.

Adobe Photoshop — золотой стандарт в любом типе редактирования изображений. Вы можете создавать прозрачные PNG, а также выполнять множество других профессиональных операций по редактированию изображений.Поставляется с бесплатной пробной версией и ежемесячными планами.
Canva — очень простой в использовании инструмент для онлайн-редактирования, который поможет вам создавать красивые дизайны без каких-либо сложностей. Мы сравниваем его с облегченной онлайн-версией Adobe Photoshop.
Snappa — это быстрый онлайн-инструмент, который поможет вам создавать онлайн-графику для социальных сетей, рекламы, блогов и многого другого. Это бесплатно, как и Canva.
Lumina — это настольное приложение (Mac и ПК), которое связывает традиционное редактирование изображений с технологиями AI.На изображениях вы можете автоматически стирать объекты, изменять цвет неба и многое другое.
InPixio — это настольное приложение (Mac и ПК), предназначенное для удаления нежелательных объектов с изображений. Проверьте это, так как у них есть поддержка на английском, французском, немецком и испанском языках.
Фоновый ластик: superimpose — мобильное приложение, которое можно бесплатно загрузить для пользователей iOS. Вы можете просто прикоснуться к областям экрана, где вы хотите стереть фон, а затем экспортировать изображение как файл PNG.Это очень просто!
Ultimate Background Eraser — это приложение, похожее на Background Remover, но оно предназначено для пользователей Google Play / Android.

Как сохранить PNG в Photoshop (если это вас не устраивает)

Вы получили свое творение именно так, как хотите, и теперь пора его сохранить. Вы хотите сохранить его как PNG. Однако, когда вы собираетесь сохранить его, PNG не отображается в списке параметров типа файла, которые вы можете выбрать.Что вы делаете? Разочарованное потрясение кулаком перед компьютером мало что поможет. Но вам повезло, потому что чтение этой статьи предложит вам ответ.

Готовы разобраться, в чем проблема?

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

Я опишу их подробно позже, но сначала нам нужно будет обсудить PNG.

Что такое PNG?

Если вы пытаетесь сохранить файл в формате PNG, вы, вероятно, уже имеете представление о том, для чего нужен этот тип файла. Чтобы убедиться, что мы все на одной странице, мы кратко объясним здесь PNG.

Прежде всего, PNG произносится как «пинг» и означает «переносимая сетевая графика». В качестве формата файла он записывается .png и появляется сразу после имени файла, как JPEG или любой другой тип файла.

Преимущества использования формата файла PNG

Есть несколько причин, по которым файлы PNG полезны. Давайте посмотрим на них здесь.

Возможность прозрачности

Этот формат файла особенно любим веб-дизайнерами за его способность поддерживать прозрачный фон, а также изображения с прозрачными частями или полупрозрачные изображения. Это полезно для создания логотипов и различных типов динамической графики веб-сайтов.

Фотографы также часто используют файлы PNG для создания своих водяных знаков.Они могут разместить свой логотип поверх изображения с прозрачностью, чтобы он не блокировал изображение под ним, но при этом гарантировал, что изображение не может быть украдено без имени фотографа.

Следует отметить, что это единственный формат файла, поддерживающий прозрачность. Если вам нужна эта функция, а Photoshop не сохраняет в формате PNG, это может быть большим разочарованием, поскольку это ваш единственный вариант. Но продолжайте читать, потому что мы поможем вам решить эту проблему.

Сжатие без потерь

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

Это отлично подходит, когда вы хотите изменить размер изображения, чтобы оно выглядело таким же резким, как оригинал. Это еще одна причина, по которой создатели логотипов любят этот тип файлов.

Напротив, JPEG-файлы с потерями, что означает, что данные удаляются при распаковке. Однако, поскольку файлы PNG содержат всю информацию, они могут оказаться довольно большими, поэтому фотографы обычно придерживаются формата JPEG для своих изображений.

Нет патента

Наконец, файлы PNG не запатентованы, и поэтому для их использования не требуется лицензия.

Работа с файлами PNG

С файлами PNG легко работать. Это общий тип файлов, и многие программы оснащены для их открытия. Это включает в себя базовые программы просмотра фотографий, а также программы редактирования фотографий большого парика, такие как Lightroom и Photoshop.

Для получения дополнительной информации о преобразовании изображения JPEG в PNG ознакомьтесь с этим руководством!

Создание файлов PNG в Photoshop

Теоретически создание и сохранение файлов PNG в Photoshop — это несложно.Самый простой способ — просто использовать функцию «Сохранить как». Перейдите в Файл> Открыть> Сохранить как. Выберите PNG в раскрывающемся меню параметров файла, и все готово.

Хотя ваш файл теперь сохранен в формате PNG, прозрачность и фон не удален — две из наиболее распространенных причин, по которым люди используют файлы PNG.

Если вы хотите сделать изображение прозрачным, просто выберите фоновый слой на панели слоев. Уменьшайте непрозрачность, пока изображение не достигнет желаемой прозрачности.Выполните те же шаги, что и выше, чтобы сохранить как PNG, и все готово.

И последнее, но не менее важное: вы также можете удалить фон (то есть сделать его полностью прозрачным), чтобы изолировать объект.

Для этого добавьте новый слой (который Photoshop автоматически добавляет как прозрачный). Поместите этот слой под фоновый слой и выберите его. Вы также можете разблокировать фоновый слой и работать с ним, если не боитесь ошибиться.

Выберите волшебную палочку, и Photoshop автоматически выберет то, что, по его мнению, является объектом.Иногда это хорошо работает. В противном случае вам нужно очистить выделение или сделать это самостоятельно.

После того, как вы выбрали тему, перейдите в меню и выберите «Выделение»> «Инверсия». Нажмите «Удалить» и наблюдайте, как фон исчезает и заменяется захватывающим дизайном шахматной доски, который Photoshop использует для обозначения прозрачности.

Но… что происходит, когда он не работает? Многие пользователи Photoshop пытались сохранить свой файл в формате PNG, но обнаруживали, что параметр PNG не отображается в раскрывающемся меню.

К счастью, есть несколько вещей, которые вы можете попробовать.

Почему Photoshop не позволяет сохранять файлы PNG

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

Например, файлы PNG предназначены для использования на экране. Поэтому они не поддерживают цветной режим CMYK, используемый для печати. Мы покажем вам, как найти этот параметр и что его тоже можно изменить, буквально через мгновение.

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

Кроме того, в версии программного обеспечения 2018 года есть подтвержденная ошибка при попытке использовать «Экспортировать как PNG» вместо «Сохранить как».

Устранение неполадок при сохранении файлов PNG в Photoshop

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

Приступим к устранению неполадок!

Изменение цветового режима

Как мы уже упоминали, цветовой режим CMYK несовместим с файлами PNG, поэтому в первую очередь необходимо изучить этот вопрос. Сделайте копию изображения и откройте новый документ.

В настройках нового документа найдите цветовой режим. Если там написано CMYK, скорее всего, проблема в этом. Откройте раскрывающийся список и выберите цвет RGB. Вставьте скопированное изображение в новый документ и попробуйте еще раз маршрут «Сохранить как».

Проверить размер бит

Файлы PNG поддерживают только 8-битный или 16-битный / канальный RGB. Если ваш битовый размер был изменен на 32-битный, это может быть вашей проблемой. Когда вы открываете этот новый документ, чтобы проверить цветовой режим, также проверьте размер бит.

Откройте раскрывающееся меню, выберите 8-битный или 16-битный и попробуйте сохранить снова.

Удалить разрешенное форматирование, отличное от PNG

Простым способом устранения всех проблем с форматированием является удерживание клавиши option / alt при выборе «Файл»> «Сохранить как».Этот удобный ярлык удалит любое разрешенное форматирование, не относящееся к PNG, и сохранит копию, с которой вы можете работать.

Использование другого метода сохранения

Очень простой способ обойти настойчивое требование Photoshop не сохранять ваш PNG — использовать другой метод сохранения. Перейдите в меню «Файл», но вместо того, чтобы переходить к опции «Сохранить как», выберите «Сохранить для Интернета».

Вы также можете попробовать экспортировать вместо сохранения. Мы упоминали ранее, что в версии 2018 есть ошибка, поэтому она может не работать для вас в зависимости от того, какая у вас версия Photoshop.Чтобы попробовать, перейдите в меню «Файл»> «Экспорт»> «Экспортировать как» и выберите там PNG.

Сброс настроек Photoshop

Также возможно, что в какой-то момент вы изменили настройки Photoshop, которые теперь мешают вам сохранять в формате PNG. Вы можете получить доступ к настройкам, используя горячие клавиши Cmd + Alt + Shift на Mac или Ctrl + Alt + Shift в Windows. Выберите Photoshop и продолжайте, пока не получите запрос на сброс настроек.

Если у вас возникли проблемы с горячими клавишами, выберите «медленный» путь.Перейдите в Edit> Preferences> General. В окне нажмите «Сбросить настройки при выходе». Затем перезапустите Photoshop (сначала убедитесь, что ваша работа как-то сохранена!).

Теперь попробуйте снова сохранить как PNG и посмотрите, что произойдет.

Аллилуйя, проблемы с PNG решены!

По крайней мере, мы надеемся, что вы говорите именно это. Файлы PNG — это удобные файлы, которые служат нескольким важным целям, и возможность сохранить изображение в формате PNG в Photoshop часто становится необходимой задачей.

Мы просмотрели Интернет (в основном, форумы Adobe), чтобы найти все способы решения этой проблемы. Мы надеемся, что хотя бы один из них вам подходит.

Как продвигается остальная часть вашего опыта работы с Photoshop? Многие люди испытывают разочарование от медленного инструмента кисти в Photoshop? Узнайте, как исправить отставание кисти в Photoshop здесь!

Создание PNG в Photoshop Elements

Из этого учебного пособия по Photoshop Elements вы узнаете:

Подготовка изображения для видео
Сохранение файлов для видео

Это руководство дает вам основу для работы с видеоизображениями в Adobe Photoshop Elements.Это тринадцатый урок в книге Adobe Photoshop Elements 10 Digital Classroom .

Чтобы создать файл PNG для Интернета, выполните те же действия, что и при создании файла JPEG. Различия возникают при открытии диалогового окна «Сохранить для Интернета». На самом деле существует два типа файлов PNG. Формат PNG-8 предназначен для замены формата GIF и может сохранять изображение с максимум 256 цветами, в то время как PNG-24, как и JPEG, может сохранять изображение с миллионами различных значений цвета.В этом уроке вы создадите PNG-24, чтобы воспользоваться преимуществами переменной прозрачности, которую он позволяет.

Файл PIXEL.psd.

1 В рабочем пространстве редактора откройте файл PIXEL.psd из папки Lessons.

2 Выберите «Файл»> «Сохранить для Интернета»; откроется диалоговое окно «Сохранить для Интернета».

3 Выберите PNG-24 в раскрывающемся меню «Набор» в правой части диалогового окна «Сохранить для Интернета».Здесь отображаются параметры, доступные для файла PNG.

Предварительные настройки в диалоговом окне «Сохранить для Интернета» часто являются лучшим местом для начала оптимизации файла.

4 Изображение имеет ширину 453 пикселя и высоту 229 пикселей; теперь вы уменьшите эти размеры. В разделе «Размер изображения» диалогового окна измените ширину на 300. Значение высоты изменяется автоматически, так как параметр «Сохранять пропорции» включен по умолчанию.

Вы также можете изменить размер изображения, отрегулировав процентное значение или высоту; это зависит от вашего целевого размера или использования для изображения.

Ширина, высота и процент пропорциональны друг другу.

5 Нажмите Применить, чтобы изменить размер изображения.

6 Размер исходного изображения составлял 178 килобайт. Оптимизированное изображение составляет примерно 8.Размером 4 килобайта. Третья строка чисел — это ожидаемое время, необходимое для загрузки изображения.

Параллельное отображение диалогового окна позволяет сравнить ваш оригинал с оптимизированной версией.

Если вы щелкните правой кнопкой мыши ожидаемое время загрузки, вы можете выбрать, сколько времени потребуется для загрузки оптимизированного файла при различных подключениях, выбрав другую скорость подключения из появившегося списка.

7 Нажмите «Отмена» и закройте изображение в редакторе.

Варианты PNG

В диалоговом окне «Сохранить для Интернета» формат PNG-24 не предлагает столько параметров, как формат JPEG. Фактически, формат PNG-24 предлагает только три варианта: прозрачность, чересстрочную развертку и матовую.

Прозрачность: этот флажок просто определяет, будут ли прозрачные пиксели изображения отображаться как прозрачные или нет. Это причина того, что за изображением вы видите серую и белую сетку прозрачности.Тот факт, что параметр «Прозрачность» включен по умолчанию, является причиной отключения параметра «Матовый цвет». В изображении PNG-8 пиксели либо полностью прозрачны, либо полностью непрозрачны, но для изображения PNG-24 существует диапазон значений прозрачности, которые могут содержать изображения, поэтому пиксели могут быть прозрачными, непрозрачными или полупрозрачными в тот же образ.

Чересстрочная развертка: это процесс, который позволяет постепенно отображать PNG-изображение в браузере по мере его загрузки на компьютер зрителя.Визуальный эффект заключается в том, что изображение сначала выглядит размытым, а затем становится все менее и менее размытым по мере загрузки большего количества изображений, пока, наконец, не получится четкое изображение, оптимизированное в Photoshop Elements. Преимущество чересстрочной развертки в том, что оно позволяет скачивать изображение поэтапно; недостатком является то, что не все веб-браузеры поддерживают эту функцию.

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

Формат PNG-8 имеет несколько дополнительных опций, компенсирующих тот факт, что он позволяет сохранять изображение, содержащее всего 256 различных цветов. Большинство этих дополнительных параметров управляют тем, как уменьшаются цвета в изображении, и пытаются исправить изображение для отображения ограниченного количества цветов.

Файл PNG-8 имеет больше параметров, чем файл PNG-24, что позволяет вам управлять уменьшением и отображением цветов.

Алгоритм уменьшения цвета. Эта функция определяет математический алгоритм, используемый для уменьшения количества цветов в изображении. Доступны четыре варианта: Perceptual, Selective, Adaptive и Restrictive (Web). Лучший выбор для алгоритма уменьшения цвета определяется деталями конкретного изображения, которое вы пытаетесь уменьшить.

Максимальное количество цветов: эта функция определяет максимальное количество цветов, разрешенное в изображении. Хотя абсолютное максимальное количество цветов в PNG-8 составляет 256, вы можете намеренно использовать меньше цветов, чтобы уменьшить размер изображения.Выбор правильного количества цветов — это компромисс между визуальным качеством и размером файла.

Количество дизеринга: это метод, используемый для уменьшения цветовых полос на изображениях, которые могут возникать при уменьшении цветов. Смешение систематически размещает образцы доступных цветов для имитации цветов, которые удаляются выбранным алгоритмом уменьшения цвета. Дизеринг увеличит размер оптимизируемого изображения. Лучший выбор дизеринга зависит от деталей оптимизируемого изображения.

Подготовка изображений для видео

В связи с доступностью видеокамер в последние годы и ростом количества таких сайтов, как YouTube и Vimeo, больше людей, чем когда-либо, создают и смотрят видео в Интернете. Стандарты видео различаются в зависимости от региона: двумя основными стандартами являются настройки NTSC в США и PAL в Европе.

NTSC — это аббревиатура от Национального комитета по телевизионным стандартам; это видеостандарт, используемый в США и Японии.

Ширина	Высота	Частота кадров
720 пикселей	480 пикселей	30 кадров в секунду

PAL — это аббревиатура от Phase Alternating Line; это видеостандарт, используемый в большинстве стран Европы и Азии.

Ширина	Высота	Частота кадров
720 пикселей	576 пикселей	25 кадров в секунду

Конечно, в мире используются и другие стандарты видео; например, проекты видео высокой четкости и фильмов используют собственный набор стандартов как для размера кадра, так и для частоты.Однако NTSC и PAL — два наиболее распространенных формата, используемых сегодня в мире, а HDTV представляет будущее видеопроизводства.

В дополнение к стандартному видео, упомянутому ранее, в Интернете существует большое количество других размеров и форматов видео. Сотовые телефоны, веб-камеры и мини-видеокамеры могут иметь разные настройки частоты кадров и размера. Независимо от формата видео, с которым вы собираетесь работать, важно создавать графику в Photoshop Elements такого же или большего размера.

Как сделать прозрачный PNG с помощью Photoshop

Изображение предоставлено: structurexx / iStock / GettyImages

Создание прозрачного PNG в Photoshop — это обычная задача, позволяющая разместить логотип или изображение поверх существующей веб-страницы с сохранением цвета фона или дизайна. По сути, отображается только графика или логотип, а фон предоставляется новой веб-страницей или документом. Например, если у вас есть логотип заголовка и вы размещаете логотип на своем веб-сайте без прозрачности, фон логотипа будет отображаться в виде белого или нецветного квадрата.Сделайте фон изображения прозрачным, чтобы был виден только логотип и ничто не мешало содержимому веб-страницы.

Подготовка к выбору файла Photoshop PNG

Прежде чем создавать прозрачный PNG, сделайте копию исходного файла и откройте ее в Adobe Photoshop. Сохранение исходной копии оставляет возможность резервного копирования в случае ошибки с файлом PNG. Это также означает, что вы все еще можете использовать исходный файл для других целей.

Очистить фон

Чтобы удалить фон и добавить прозрачности изображению в Photoshop, выберите инструмент «Волшебная палочка» на вертикальной панели инструментов.Используя Magic Wand, щелкните область фона, чтобы выбрать ее, и нажмите кнопку «Удалить» на клавиатуре, чтобы удалить область. Если какой-либо фон остается в углах и трещинах изображения, выберите эти области по отдельности с помощью Magic Wand и удалите каждую, пока не будет удален весь фон, или, удерживая клавишу «Shift», щелкните в нескольких областях, чтобы расширить выбор фона. . Нажмите кнопку «Удалить». Выбранные области исчезают и заменяются серо-белым эффектом шахматной доски, указывающим на прозрачность.Шахматная доска не печатается в документах и не отображается на веб-сайте. На этом этапе вы можете сохранить файл в формате PNG, чтобы создать прозрачную графику.

Помимо Photoshop

Photoshop — это современная программа для редактирования изображений. С его помощью вы можете вносить невероятно сложные изменения в изображения. Однако существует ряд высококачественных программ, которые в равной степени способны создавать прозрачный фон. Некоторые из них бесплатны, а другие платные, но в большинстве используется аналогичный процесс.LunaPic имеет параметр прозрачности, указанный непосредственно в параметрах меню «Правка». Просто откройте свою фотографию и нажмите «Прозрачный фон», чтобы сократить весь процесс. Небольшое исследование дает множество альтернатив, если у вас еще нет программного обеспечения Photoshop или доступа к нему. Некоторые ограничиваются единственной задачей создания прозрачных изображений и графики с упором на создание логотипа.

Я не могу сохранить файлы в формате .PNG в Photoshop — Решение

Сохранение файлов Photoshop в формате.Формат PNG может быть действительно полезен, особенно если вы хотите сохранить прозрачность и сохранить небольшой размер файла. Но что, если этот вариант вам недоступен? Подобные проблемы определенно раздражают, но, к счастью, мы собрали множество потенциальных решений, которые вы можете попробовать.

В большинстве случаев этой проблемы можно избежать, используя параметр Сохранить для Интернета вместо команды Сохранить как . Чтобы сохранить файл в формате .PNG, вы также должны убедиться, что вы работаете в цветовом режиме RGB и что ваш документ 8 или 16 бит на канал.

В этой статье мы расскажем вам о следующих возможных решениях:

Итак, давайте сразу приступим — вы вернетесь на правильный путь и сохраните файл в кратчайшие сроки!

Как сохранить файл в формате .PNG?

Для начала вспомним обычный процесс сохранения файла в формате PNG. Обычно мы можем сохранить файл как PNG с помощью команды Сохранить как . Однако это работает только в том случае, если ваш файл находится в режиме RGB, Bitmap, Grayscale или Indexed Color.

Если ваш файл удовлетворяет этим критериям, вы можете просто перейти к строке меню вверху экрана и выбрать Файл> Сохранить как в правом верхнем углу.

В окне Сохранить как вы можете выбрать PNG, из меню формата, как показано ниже.

Итак, что, если ваш файл не соответствует критериям для сохранения в формате .PNG таким образом? Давайте теперь посмотрим на другие наши варианты.

Опция

1 — Используйте Сохранить для Интернета Команда

Когда мы экспортируем файлы Photoshop, часто бывает привычным выбирать функцию Сохранить как .Однако, как мы упоминали ранее, в некоторых случаях другие варианты могут быть более подходящими.

Если команда Сохранить как не дает вам возможности сохранять файлы в формате .PNG, тогда Сохранить для Интернета — отличная альтернатива, которая часто легко решает проблему.

Чтобы сохранить файл таким образом, просто выберите 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 не сможет экспортировать его в определенные форматы.

К счастью, мы можем изменить и этот параметр. Чтобы изменить битовую глубину вашего файла, вы можете перейти к Изображение> Режим , затем выбрать 8 бит / канал или 16 бит / канал во всплывающем меню.

После изменения этого свойства вы, надеюсь, сможете сохранить свой файл в формате PNG.Для этого выберите Файл> Сохранить как и выберите PNG из списка форматов файлов.

После прочтения возможных решений, надеюсь, вам удалось найти способ без лишних трудностей вернуться к проектированию и сохранению вашей работы! Если вы хотите более подробно ознакомиться с процессом решения проблемы путем изменения цветового режима, посмотрите это видео Гаян Дешаприя, которое быстро демонстрирует соответствующие шаги.

Мы надеемся, что эти советы помогли, и что вы сможете получить удовольствие от работы в Photoshop без ограничений!

Об авторе Betchphoto

Очарованный цифровым миром и особенно увлеченный всем, что связано с творчеством, Мартин — фотограф-любитель и специалист по цифровому маркетингу, имеющий более чем 10-летний опыт работы с Adobe Photoshop.Ознакомьтесь с его страницей о нем здесь

Это сообщение может содержать партнерские ссылки.

Как создать PNG-файлы вашего логотипа в Illustrator

Файлы

PNG (переносимая сетевая графика) — это растровые веб-файлы, не теряющие качества при сжатии. Их лучше всего использовать для отображения изображений в сети, и они являются одним из основных форматов файлов для доставки вашим клиентам, занимающимся дизайном логотипов.

Клиентам нужен файл PNG (в дополнение к другим требуемым типам файлов), чтобы они могли легко включить дизайн вашего логотипа в свои материалы для брендинга без использования передового программного обеспечения для редактирования графики, такого как Adobe Illustrator.

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

1. Создайте свой логотип в Adobe Illustrator

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

2. Экспортируйте свой логотип как файл PNG

После создания векторного логотипа щелкните Файл> Экспорт…> PNG. Присвойте файлу желаемое имя и нажмите Export. Затем появится окно «Параметры PNG». Убедитесь, что вы выбрали прозрачный в качестве цвета фона, и нажмите OK. Отличная особенность этого варианта экспорта заключается в том, что он вырезает пустое пространство на доске, чтобы включить только логотип, что делает результирующие файлы PNG более универсальными и включает только основные части дизайна.

3. Откройте и загрузите новый файл PNG.

Ваш новый файл PNG будет выглядеть примерно так, когда вы его откроете. Само изображение PNG не серое — это просто фон, используемый для отображения изображений PNG. Теперь вы готовы отправить его своему клиенту

Хотите начать свою карьеру графического дизайнера?

Узнайте, как фриланс на 99designs может помочь вам найти больше работы.
No related posts.

alexxlab

Фотошоп

Задания для фотошопа: Практические задания для работы в графическом редакторе Adobe Photoshop

Фотошоп

Лист бумаги для фотошопа: 4 000+ картинок с текстурой бумаги бесплатно

Фотошоп

Как в фотошопе нарисовать кнопку: Рисуем кнопку для сайта в Фотошоп / Creativo.one

Фотошоп

Как сделать в фотошопе фото в стиле гта: Делаем в Photoshop художественную обработку в стиле Дрим-арт

Фотошоп

Как сохранить как проект в фотошопе: Как сохранить проект в Adobe Photoshop

Фотошоп