Почему пнг картинка вставляется с фоном в фотошопе
Обновлено: 08.07.2024
Как известно, при сохранении PNG изображений Photoshop может изменять RGB значения пикселей с нулевой альфой на произвольные значения. Например сохраняем черную полностью прозрачную текстуру и на выходе в RGB получаем не черный, а какой-нибудь другой цвет, возможно белый. Можно ли с этим что-то сделать и всегда сохранять RGB без изменений?
Или возможно это проблема не Photoshop, а самого формата PNG, кто знает?
А, вот, когда у меня библиотека загрузки png глючила и иногда "расставляла" альфу по своему усмотрению и стёртые участки изображения отображались на экране с альфой 1.0, это было весело.cppboris
Попробуй сохранять для веб. Там есть цвет фона, вроде как.
eugeneloza
> GIMP делает подобным образом. Только значения не "произвольные", а те, которые
> были "до стирания" альфы в ноль. Т.е. при стирании пикселя (0.5, 1.0, 0.7, 1.0)
> он становится (0.5, 1.0, 0.7, 0.0), а не (0.0, 0.0, 0.0, 0.0),
вот именно что гимп делает то, что от него ожидается — просто зануляет альфу, оставляя цвет каким был. фотошоп же оставляет за собой право произвольным образом менять цвет прозрачных пикселей, так как их всё равно не видно и он обычно их заменяет на цвет ближайшего непрозрачного пикселя, чтобы при линейной фильтрации без premultiplied alpha не было артефактов на границе прозрачности.
KaZuaL
> Попробуй сохранять для веб. Там есть цвет фона, вроде как.
это не решает проблему хранения отдельной информации в альфаканале фотошопа. например, невозможно в одну текстуру в rgb запечь нормаль, а в альфу — roughness, потому что в участках с нулевой roughness фотошоп похерит rgb.
cppboris
> Или возможно это проблема не Photoshop, а самого формата PNG, кто знает?
это проблема именно фотошопа именно в отношении хранения альфаканала png. конкретно проблема в том, что при сохранении png у него вообще нет альфаканала в явном виде, а есть некий скрытый слой, который называется transparency и который нельзя вручную ни выдрать, ни модифицировать отдельно от rgb. у нас художники для этих целей используют плагин для фотошопа superpng, он позволяет именно это: модифицировать альфаканал отдельно от цвета при сохранении png, аналогично gimp, который умеет это из коробки.
Если вы попытались вставить PNG из Интернета в Photoshop, скопировав изображение, вы увидите черный фон. То есть вы копируете изображение, которое вы видели в Интернете, нажимая правую кнопку и «копируя изображение». Когда вы вставляете в программу редактирования, вместо оставляя прозрачный фон Вы получаете черный фон.
Почему черный фон выходит?
Этот черный фон вместо прозрачности имеет объяснение: это не ваша вина или саманэто ошибка, но это проблема в буфере обмена Windows. Когда вы щелкаете правой кнопкой мыши и выбираете «Копировать изображение» или «Копировать PNG», Windows автоматически отбрасывает информацию о прозрачности сохранив его в буфере обмена. Как только вы вставите его, он появится на черном фоне.
Это могло случиться с вами когда-нибудь, и вы не знаете почему. Если этого не произошло с вами, попробуйте сделать это, чтобы посмотреть, что произойдет . И мы объясним, как решить эту проблему, используя другие приемы или приемы, которые избегают этого черного фона и сохраняют фон прозрачным, пока вы можете его использовать.
Чего не делать
- Зайдите в Google и найдите любое изображение PNG
- Выберите «Прозрачный» в поисковой системе Google.
- Выберите изображение, которое вы хотите
- Щелкните правой кнопкой мыши
- Нажмите на «Копировать изображение»
- Перейти в фотошоп
- Откройте новый документ
- Нажмите «Вставить» или нажмите CTRL + V на клавиатуре
- Вы увидите изображение, которое выглядит черным, а не с прозрачным фоном
Если вы обычно это делаете, есть приемы, чтобы этого не происходило, и мы объясним их вам в следующих параграфах. Если вы этого не сделали, вы уже знаете, что не следует делать, когда собираетесь скопировать PNG-файл в Photoshop.
Как правильно вставить PNG
- архив
- Открыть .
- Вы выбираете место, где оно находится
- Выберите файл
- Нажмите Enter или подтвердите кнопкой Open
Если вы откроете его так, вы увидите, что прозрачный фон есть, как и должно быть.
Перетащите изображение
Еще одна полезная опция, которая сохраняет прозрачность и экономит вам шаг, даже если это всего несколько секунд. Вы можете выполнить те же действия, что и раньше: выполнить поиск изображения в Google или выбрать нужное изображение в Интернете или выбрать нужное изображение на своем компьютере. Получив его, перетащите прямо из этого места на рабочий стол Photoshop. Вам не нужно будет выполнять шаги Файл> Открыть> Местоположение и вам нужно будет только перетащить его и он автоматически откроется. Это самый быстрый и простой вариант, хотя это будет означать, что у вас есть ранее загруженный образ где-то на вашем компьютере.
Скопируйте ссылку
- Зайдите в Google и найдите нужное изображение в PNG
- Откройте его, чтобы получить доступ к параметрам
- Щелкните правой кнопкой мыши по нему
- Нажмите на " Скопируйте адрес изображения
- Откройте Adobe Photoshop на вашем компьютере
- Перейти в верхний правый угол экрана
- Выберите опцию «Файл» и нажмите «Открыть»
- Перейти к адресной строке, которая появляется
- Щелкните правой кнопкой мыши и нажмите «Вставить» или выполните Control + V
- Изображение появится автоматически с прозрачностью
Этими тремя способами вы можете легко заставить изображение сохранять прозрачность, и черный фон не появляется. Есть три простых способа избежать этой проблемы, которые вы, возможно, когда-либо видели.
Когда я копирую изображение PNG с прозрачностью в буфер обмена, а затем вставляю его в Photoshop, Paint и т. Д., Прозрачность становится черной.
Есть ли обходной путь для этого? Это проблема браузера, проблема приложения или проблема ОС с буфером обмена?
Я использую Windows 7 и протестирован с последними версиями Chrome и Internet Explorer.
Пожалуйста, дополните. Что именно вы копируете? .jpg Файл или его растровый , пока он будет открыт в редакторе / зрителя? Если это файл, то Photoshop (должен) сможет правильно открыть файл, прозрачность и все. Если это фактические пиксели изображения, то это зависит от исходной программы и от того, помещает ли она данные прозрачности в буфер обмена или нет. Вроде как зависит от ОС. Кажется, что буфер обмена не может содержать полупрозрачные изображения, но некоторые браузеры вместо этого сохраняют ссылку на изображение - при вставке прозрачность остается неизменной.Copy-Paste не поддерживает прозрачность. Попробуйте сохранить файл, а затем использовать Open File в Photoshop. AFAIK, у Paint нет возможности сохранять png-файлы с включенной прозрачностью.
Да, это то, что я делаю. Я просто надеялся, что есть какой-то другой способ обойти это. Просто записка; Вы можете открыть URL в Photoshop, сохранив промежуточный шаг; Windows ( я уверен, что другие ОС будут делать то же самое ) загрузит его в локальный временный файл и откроет. Это ( я только что заметил ) сохраняет прозрачность. > Copy-Paste не поддерживает прозрачность. Это зависит от источника данных буфера обмена. Если вставить в PowerPoint / Word, прозрачность будет сохранена.Публикация комментария @DanLugg в качестве ответа, так как это наиболее удобно для Windows , ИМХО:
- Щелкните правой кнопкой мыши на изображение и Copy Image URL из браузера.
- В Photoshop выберите File->Open (Ctrl-O) и вставьте URL-адрес в часть имени файла диалога.
- Photoshop / Windows загрузит URL-адрес во временный файл и откроет его.
Для OS X нет никакого поля в Открытом диалоге Файла / Листе, где можно было бы вставить URI. Вместо этого вы должны загрузить файл и открыть его (например, перетащить из браузера на рабочий стол, затем перетащить новый файл в Dock или в документ Photoshop), а затем удалить временный файл.
FWIW, это, кажется, проблема Photoshop , а не проблема браузера или ОС. В OS X и Windows я могу скопировать изображение PNG с прозрачностью из Chrome (а также Safari в OS X) и вставить его в Illustrator или другие приложения и сохранить прозрачность. Виноват только фотошоп.
Это гений, я не знал, что Photoshop можно открыть прямо с URL! Хорошая находка! @ChristineCooper Лучший вариант, который я знаю для OS X, - это загрузить изображение, затем открыть, а затем удалить оригинал. Это так же просто, как перетаскивание изображения в папку или на рабочий стол (который сохраняется в виде файла), затем перетаскивание этого файла в Photoshop в Dock или в открытый документ Photoshop. Я протестировал множество вариантов, используя как Chrome, так и Safari вместе с Photoshop CS6, и я не могу найти лучшего способа или способа использования буфера обмена. Да, я пытаюсь избежать опции загрузки и открытия и хочу существенно сократить количество шагов. Перетаскивание тоже не работает. Надеемся, что в будущем пользователи OSX смогут вставлять URL-адреса в Photoshop. Благодарность! Это не проблема Photoshop. Проблема в том, что формат буфера обмена, используемый любыми копиями, на самом деле не определяется как альфа-совместимый. Фотошоп просто следует спецификациям правильно.Попробуйте это: скопируйте прозрачное изображение, вставьте в MS Word. Затем скопируйте его (или перетащите) из слова и вставьте в другую целевую программу.
Я обнаружил, что вставка в Visio из Chrome становится черной, но работает правильно в Word, а затем скопирована из Word, она вставляется правильно и прозрачно в Visio.
Не уверен, почему вы говорите мне не делать этого, это то, что я делаю, чтобы сохранить прозрачность при использовании Visio. Я также использую Word, чтобы добавить прозрачность (установить цвет фона и / или удалить фоновые объекты), когда это не было изображение с прозрачностью.Я сделал обходной путь, который решает проблему. Запуск моего сценария после копирования PNG позволяет вставить изображение из Chrome в Photoshop, Paint и т. Д. С прозрачностью в такте.
Если у вас возникнут какие-либо проблемы, сообщите мне об этом здесь или на Github!
Я был бы заинтересован в деталях по этому вопросу. Что делает ваш код? Что ожидает Photoshop за прозрачность, которой нет в данных буфера обмена?Вы можете просто перетащить изображение из браузера в Photoshop или любую другую программу, которая будет правильно обрабатывать файл PNG.
Звучит как хорошее предложение, но это не работает между Chrome и Photoshop CC на Windows 7x64. [+] Курсор показывает на цели Photoshop, но изображение не открывается в результате.Я просто потратил много времени на изучение этого. Я использовал Photoshop для копирования полупрозрачных текстур в течение некоторого времени во время создания прототипа (с назначением Axure RP).
Теперь я попытался использовать новый API буфера обмена в html 5. Я проанализировал файлы PNG, сгенерированные этим процессом.
Если я использую буфер обмена (с прямоугольным выделением) для копирования полупрозрачной текстуры в браузер с помощью API буфера обмена, он устанавливает альфа-байт в FF (полностью непрозрачный).
Если я использую API-интерфейс перетаскивания для копирования файла PNG 24 «Сохранить как Интернет» в браузер, он работает так, как ожидается, и прозрачные пиксели работают (и альфа-байт не принудительно передается в FF).
Для всех, кто интересуется, если вы получаете черный цвет фона скопированного файла PNG даже при открытии его вручную, попробуйте проверить, нет ли альфа-канала.
Похоже, в зависимости от того, какое программное обеспечение использовалось для создания PNG, прозрачность иногда сохраняется такой же, как и внутри слоев, но в другое время она сохраняется в альфа-канале.
Хитрость, когда он находится в альфа-канале, состоит в том, чтобы просто нажать CTRL +. Нажмите на небольшой предварительный просмотр альфа-канала, чтобы выбрать его, а затем создайте маску на слое с черным фоном из выделения. (Тогда вы можете удалить альфа-канал)
Таким образом, я сыт по горло этим раздражением и сделал обходной путь.
Есть две части к этому:
- Крошечная утилита, которую я написал, чтобы сохранить изображение буфера обмена в файл .jpg сценарий
Сценарий AutoHotKey проверяет, активен ли в данный момент Photoshop, и если да, то перехватывает комбинацию клавиш Ctrl + V , а затем запускает утилиту.
Если утилита сохранила изображение %TEMP%\clip.jpg , комбинация клавиш Shift + Ctrl + F12 отправляется в Photoshop, который я сопоставил с действием Photoshop, чтобы поместить clip.jpg файл в текущий открытый документ.
Если утилита не сохранила изображение, стандартное Ctrl сочетание V клавиш + отправляется в Photoshop, и выполняется стандартная вставка.
Я заметил, что иногда, когда мы сохраняем изображение и открываем его в Adobe Photoshop, "белый" фон становится "черным".
Например, когда я смотрю это изображение с помощью Chrome, это то, что я вижу:
Однако, когда я сохранил файл на своем компьютере («щелкните правой кнопкой мыши» → «Сохранить изображение как . »), а затем открыл файл в Photoshop CS5, это то, что я вижу:
Почему "белая" часть изображения становится черной после сохранения?
Эта проблема возникает при копировании изображений с прозрачностью. Часть, которую вы называете белой (становится черной), на самом деле не белая, а прозрачная.
Когда вы копируете изображение *.jpg , технически вы сохраняете его в буфере обмена; но есть проблема: ваш буфер обмена может хранить только изображения *.bmp . Таким образом, система преобразует изображение *.jpg в *.bmp прежде чем сохранить его в буфере обмена. Теперь вот ваша проблема: *.bmp не поддерживает альфа-каналы (прозрачность). Так что же происходит с прозрачными пикселями? они становятся черными.
Поэтому самое простое решение - просто не использовать буфер обмена (tl; dr): сохраните изображение в файл и откройте файл в Photoshop.
Это потому, что у него есть прозрачность. И разные приложения могут иметь разные цвета фона по умолчанию. В Firefox ваша картинка отображается на темно-сером фоне.
Из того, что я понимаю, дело в том, что PNG использует индексированный цвет для прозрачности . то, что Фотошоп не любит обрабатывать.
Да, связанная картинка определенно имеет прозрачный фон. Подтверждено с помощью GIMP, как показано ниже.
Эта проблема возникает при сохранении PNG с индексированным цветом в CS5 и ниже.
Photoshop не может правильно отображать файлы PNG с индексированным цветом для прозрачности из-за того, что данные прозрачности встроены в альфа-палитру, а не хранятся в отдельной альфа-маске.
В результате Photoshop читает компоненты RGB каждого индексированного цвета и игнорирует данные прозрачности, встроенные в альфа-палитру изображения. В обычно сохраненном PNG эти данные будут включены в отдельную альфа-маску и будут считываться программой соответствующим образом. В этом случае, когда данные о прозрачности не могут быть прочитаны, фон изображения становится черным.
Более поздние версии Photoshop могут отображать индексированные цветные PNG с заданной прозрачностью.
Значит, нам нужно удалить этот белый фон, фактически мы его не удаляем (ведь размер картинки остается прежний), а делаем его прозрачным, невидимым.
Есть три способа удаления мешающего фона.
1 способ:
Будем использовать инструмент «Волшебная палочка».
В графическом редакторе Photoshop откройте изображение. Справа, в слоях, нажмите двойным щелчком правой кнопкой мыши по замочку:
Далее откроется окошко, где нужно нажать на кнопку «Ок». Теперь нажмите на инструмент «Волшебная палочка» и в «Допуске» мы ставим параметр «10»:
Нажмите «Волшебной палочкой» на белый фон. Когда фон выделится, жмите на клавиатуре клавишу «Delete»:
Все, фон исчез:
2 способ: Удаляем фон при помощи инструмента «Магнитное лассо»:
Нажимайте возле колобка и просто ведите курсор вокруг него. Линия сама будет притягиваться по контуру:
После выделения нужно перейти в верхнем меню на пункт «Выделение» => «Инверсия»:
Жмите на клавиатуре клавишу «Delete». Все, фон исчез:
Хочу обратить ваше внимание, что 1 и 2-ой способ можно применять, если фон у картинки однотонный, например, только белый или только красный и т. д. А вот в случаях, когда фон разноцветный или имеет другие изображение сзади, то лучше использовать 3-й способ.
3 способ: Удаляем фон при помощи режима «Быстрая маска». Она находится внизу:
Нажимаем на «Быструю маску», выбираем инструмент «Кисть» и просто зарисовываем колобка, но не затрагивая фон:
Когда зарисовали колобка, нужно отжать кнопку «Быстрая маска».
А на клавиатуре нажать клавишу «Delete». Все, фон исчез.
Как сохранить изображение с прозрачным фоном
Если картинку сохранить в формате JEPG, то вместо прозрачного фона он будет белым. Сохранять нужно в формате PNG или GIF.
Итак, сохраняем:
Жмите в меню на «Файл» => «Сохранить как…»:
В «Имя файла:» дайте название картинке, в «Тип файла» найдите и выберите формат «PNG». Жмите на кнопку «Сохранить»:
Все, проверяйте результат. Теперь, если колобка вставить на другую картинку, то мы видим, что фон колобка исчез:
Да уж. Урок для детей 5-7 лет. Так то лучше масками резать. Но это уже для взрослых.
Обязательно нужно делать размытие по выделенному контуру, в противном случае будет выглядеть как апликация из детского сада вырезанная ножницами!
После снятия выделения и не забыть сделать слой активным ;-) видел людей кто не знает что такое контрл з)
Блин, друже, извени, фотошопом уже лет пять не пользуюсь! Я на линуксе - GIMP. Но принцип один и тот же, ищи "размытие контура" во вкладках меню. Если ты только учишся - гугл тебе в поиск! :)
Все конечно здорово, но зачем тут нужны общеизвестные вещи, да еще с адресом непонятного сайта на каждой картинке?
Ожидание и реальность: разоружение преступника по уроку самообороны
Реальные исторические события, которые вдохновили создателей «Рассказа служанки»
В армии США прекратили чинопроизводство и награждение военных, не привитых от COVID-19
Скончался звезда комедии "Ширли-мырли" Валерий Гаркалин
Суд в США оправдал подростка, застрелившего во время погромов двух BLM-активистов
"Мстя" была страшна: узнав о гибели любимца, сибирячка не полезла за словом в карман
Непостоянный Байден и бурление соцсетей и улиц: реакция на оправдательный приговор Кайлу Риттенхаусу
Делаем модное украшение: кольцо своими руками из бисера
Полиция в Москве организовала массовый арест мигрантов
Космические колонии будущего, какими их видели в 1970-е годы
Как выглядело самое долго лунное затмение за 500 лет
Потрясающие фотографии рок-звезд, сделанные Миком Роком
Девушка бросила работу и устроилась в цирк, чтобы залезать в стеклянные банки
Секс, ложь и алкоголь: как скандалы ставят крест на карьерах знаменитостей
Вы видели, сколько стоят новые авто? Реакция соцсетей на действия дилеров
Что такое шансон? Характеристики и история происхождения
Школа в Англии переименовала «дома», названные в честь Черчилля и Роулинг, в стремлении к.
Он снялся в “Ворошиловском стрелке”, потому что очень боялся за свою внучку
Блогер за рулем BMW устроил страшную аварию на Кутузовском проспекте в Москве
Как отец Маколея Калкина позавидовал сыну и чуть не сломал ему жизнь
История одной забытой экспедиции, перевернувшей представления о древней Сибири
Сравнение размеров звездолетов из известных фантастических фильмов
Владелец ресторана выгнал всех блогеров и стримеров из своего заведения
Как жестокий отец Маколея Калкина позавидовал сыну и чуть не сломал ему жизнь
В Нью-Йорке построят супервысокий "перевернутый" небоскреб
Никакого сочувствия: продавщица решила, что переложить колбасу важнее, чем помочь упавшей бабушке
Сколько золота нашли кладоискатели во время золотой лихорадки в Аляске?
Фото с российских просторов, которые пропитаны национальным колоритом
Пассажир с "розочками" набросился на охранника в Шереметьево
Машина – огонь! Кубанский изобретатель проверил «Жигули» на прочность огнеметом
15 фотографий редких моментов, которые расширят ваш кругозор
«Совпадение? Не думаю!»: странные исторические совпадения, заставляющие верить в судьбу. Часть 1
Читайте также: