Режим умножения в PNG


14

У меня есть слой в Photoshop с включенным умножением, но когда я сохраняю его в веб, он теряет режим смешивания.

Как мне сохранить умножение или добиться того же эффекта другим способом?


2
StackOverflow предназначен для вопросов программирования

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

1
Вы должны сгладить изображение, прежде чем сохранить его. Это не может быть сделано с помощью кода или любым другим способом. Просто сохраните копию. Свести изображение. А потом сохрани это. Это будет выглядеть именно так, как вы представляете в любом формате, PNG, JPEG, GIF, TIF. Не имеет значения
Джанго Рейнхардт

Если вы разрабатываете для iPhone, это может быть полезно
Джанго Рейнхардт

Ответы:


24

Вот одна вещь, которую вы можете сделать.

  1. Скопируйте изображение, которое вы хотите умножить. ( CtrlAи CtrlC)

  2. Создайте новый «черный» цветовой слой и нажмите «добавить маску».

  3. alt- щелкните значок «Маска», чтобы перейти в режим редактирования маски.

  4. Вставьте ваши «умножить» изображения в маску (ч / б), а затем инвертировать его.

  5. У вас будет черный слой с вашим замаскированным материалом.

  6. Вы можете настроить непрозрачность этого слоя, чтобы найти лучшее изображение. (30 ~ 40%?)

  7. Если вы сохраните его как прозрачный файл PNG, все готово.

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


1
Я не уверен, что это то, о чем спрашивал первоначальный вопрос, но это именно то, что я искал, когда пришел к этому вопросу.
user8783

Этот ответ - именно то, что я тоже искал. Очень хороший метод!
Джозеф Марикл

Любой, кто хочет создать Highlight and Shadow pngs, это метод
nodws

4

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


1

Для этого есть простое решение:

  1. Выберите слой
  2. Нажмите fx на вкладке слоев
  3. Выберите «Параметры смешивания»
  4. Начните перетаскивать крайнюю правую стрелку «Этот слой» влево

1

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

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

Один из способов состоит в том, чтобы смешать его с плоским цветом, таким же, как фон html (я уверен, что это не приемлемо, или так), или сгладить все смешанные слои вместе. Вы не можете смешать 50% черного + умножить на зеленом фоне HTML, чтобы получить темно-зеленый, но вы всегда получите 50% серого на зеленый, который является серовато-серым. Умноженный 50% черный превращается в обычный прозрачный 50% черный, если он находится над прозрачным фоном, как любой другой смешанный цвет в любом другом режиме. Веб-браузер не является живой средой для поддержки режимов смешивания графики, как в фотошопе.


1

Если вы перетащите вниз панель «Заполнить непрозрачность» в дополнительных настройках, эффект прозрачности сохранится на всем протяжении .png.


0

Если у вас есть несколько слоев, выберите все ваши слои и затем преобразуйте их в смарт-объект, щелкнув правой кнопкой мыши и затем «Преобразовать в смарт-объект».

Затем растеризуйте слой, щелкнув вправо, выберите «Растеризация слоя» и сохраните его в формате PNG. Это должно сработать!


0

У меня просто была такая же проблема. То, что работало для меня, собиралось «заполнить» мои слои и настроить его от 100% до 0%, а затем сохранить png. Надеюсь, вы поймете это!


0

Сначала выберите все слои, которые имеют режимы наложения, затем щелкните правой кнопкой мыши, дублируйте слои (при дублировании слоя выберите во всплывающем окне «Новый файл»>, затем откройте новый файл и сохраните для веб-страницы с помощью png 24).


-1

Вот некоторые вещи, которые мне нужно было сделать, чтобы это работало:

  • Сначала сделайте изображение, которое вы хотите использовать в оттенках серого.
  • Вставьте его в канал маски в окне канала.
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.