Как открыть пнг в фотошопе. Как создать PNG с прозрачностью в Adobe Photoshop (версии CC и выше)? Почему загруженный PNG не отображает прозрачность в фотошопе

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

В этой статье мы расскажем, как сделать прозрачность в Фотошопе .

Создание файла

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

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

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

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

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

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

Photoshop версии ранее, чем CC 2015:

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

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

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

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 (для ПК ):

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

Когда я пытаюсь открыть это изображение в PS (CS5), я получаю красные прямоугольники вокруг непрозрачных частей изображения.

Если я копирую изображение и вставляю его в PS, я получаю содержимое изображения, как видно из браузера, но со встроенным черным фоном (не прозрачным, как на самом деле)

Что не так с этим изображением?! Или это мой PS?

Ответы

Лез Мажесте

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

В основном, когда вы обычно сохраняете файл PNG, вы используете полный 24-битный truecolor (8 бит на канал) плюс альфа-маску, в которой хранится информация о прозрачности (в основном, другой 8-битный канал). Когда вы используете палитру цветов, она индексирует цвета как 24-битные цвета RGB и сохраняет отдельную 8-битную альфа-маску.

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

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

Илмари Каронен

Да, это PNG с индексированным цветом, все в порядке. Я только что попытался открыть его в GIMP, и текст выглядит действительно блочным, потому что он использует 1-битную прозрачность в режиме индексированного цвета. Однако простое изменение цветового режима на RGB исправляет это; Вы можете попробовать и посмотреть, может ли тот же трюк сработать и в Photoshop.

Gaia

переход на RGB в PSD не выявил изображение, как оно должно выглядеть...

Алан Гилбертсон

Лези прибил это. Это действительно PNG 8 с действительно странной палитрой. Вот как он открывается в Fireworks, который правильно идентифицирует и отображает его. Причина блочности очевидна, когда вы смотрите на таблицу: каждое место, кроме прозрачного, имеет одинаковый цвет. Анти-псевдоним? Нам не нужно вонючее сглаживание!

Лез Мажесте

Да, так в основном Photoshop показывает только данные RGB палитры. Каждый индексированный цвет имеет идентичный компонент RGB, но у каждого есть разное альфа-значение между 255 и 0. Я предполагаю, что Photoshop жестко закодирован, чтобы показать любой цвет со значением 0 как «прозрачный» (маленький бриллиант), но не знать, что делать со значениями A между 1 и 254, поэтому он просто воспринимает его как сплошной красный.

Алан Гилбертсон

Это фейерверк, а не фотошоп.

Лез Мажесте

Ах, прости. Я посмотрел на палитру в Фотошопе, и она чем-то похожа, за исключением того, что она показывает 119 дополнительных цветов после 137, отображаемых в Fw. Дополнительные цвета повторяют оттенки серого, поэтому я не совсем уверен, что там происходит. Но изменение его на цвет RGB определенно не исправит ситуацию, как в Gimp.

Алан Гилбертсон

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

Gaia

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

ptim

На ваш вопрос хорошо ответили вышеупомянутые люди, но я хотя бы упомянул курс действий для тех, кто придет после - вы можете открыть индексированный png в Preview.app или pixlr.com и сохранить изображение как png, чтобы получить без потерь доступ к изображению. Затем вы можете восстановить изображение в любом формате с помощью PS.

Я использую Image Alpha и Image Optim для надежного вывода. Более подробная информация в статье: «PNG, который работает» , который объясняет формат PNG8, и другие вопросы оптимизации PNG более подробно.

Дэн

Веб-дизайнеры иногда используют Fireworks для сохранения 8-битных файлов PNG с альфа-прозрачным каналом, поскольку это позволяет некоторым более старым браузерам более надежно обрабатывать альфа-прозрачность без собственных хаков, фильтров IE CSS и т. Д. Цветовые профили в Photoshop не будут признать или сделать это правильно, хотя.

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

Например, на данном рисунке выделен файл my-file.png , далее необходимо щелкнуть правой кнопкой мыши по этому файлу, и в меню файла выбрать опцию «сканировать с помощью AVG» . При выборе данного параметра откроется AVG Antivirus, который выполнит проверку данного файла на наличие вирусов.

Иногда ошибка может возникнуть в результате неверной установки программного обеспечения , что может быть связано с проблемой, возникшей в процессе установки. Это может помешать вашей операционной системе связать ваш файл PNG с правильным прикладным программным средством , оказывая влияние на так называемые «ассоциации расширений файлов» .

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

Совет: Попробуйте обновить Adobe Illustrator CC до последней версии, чтобы убедиться, что установлены последние исправления и обновления.

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

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

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

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

Совет: Если при попытке открыть файл PNG вы получаете сообщение об ошибке, связанной с.SYS file , проблема, вероятно, может быть связана с поврежденными или устаревшими драйверами устройств , которые необходимо обновить. Данный процесс можно облегчить посредством использования программного обеспечения для обновления драйверов, такого как DriverDoc .

Если шаги не решили проблему , и у вас все еще возникают проблемы с открытием файлов PNG, это может быть связано с отсутствием доступных системных ресурсов . Для некоторых версий файлов PNG могут потребоваться значительный объем ресурсов (например, память/ОЗУ, вычислительная мощность) для надлежащего открытия на вашем компьютере. Такая проблема встречается достаточно часто, если вы используете достаточно старое компьютерное аппаратное обеспечение и одновременно гораздо более новую операционную систему.

Такая проблема может возникнуть, когда компьютеру трудно справиться с заданием, так как операционная система (и другие службы, работающие в фоновом режиме) могут потреблять слишком много ресурсов для открытия файла PNG . Попробуйте закрыть все приложения на вашем ПК, прежде чем открывать Portable Network Graphics. Освободив все доступные ресурсы на вашем компьютере вы обеспечите налучшие условия для попытки открыть файл PNG.

Если вы выполнили все описанные выше шаги , а ваш файл PNG по-прежнему не открывается, может потребоваться выполнить обновление оборудования . В большинстве случаев, даже при использовании старых версий оборудования, вычислительная мощность может по-прежнему быть более чем достаточной для большинства пользовательских приложений (если вы не выполняете много ресурсоемкой работы процессора, такой как 3D-рендеринг, финансовое/научное моделирование или интенсивная мультимедийная работа). Таким образом, вполне вероятно, что вашему компьютеру не хватает необходимого объема памяти (чаще называемой «ОЗУ», или оперативной памятью) для выполнения задачи открытия файла.