Как сохранять для верстки такие картинки из Photoshop?

Question

[Евгений Журов]

Здравствуйте. Столкнулся с неизвестной мне доселе фичей Фотошопа. На картинке - фрагмент макета:

Фон из досок - это обычная картинка. Поверх этого фона - четыре иконки, причем каждая иконка состоит из двух слоев. Например:

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

Answer 1

[dom1n1k]

Там наверное режимы смешивания задействованы.
Вероятнее всего Multiply, но могут быть и другие, типа Overlay, Color Burn и прочих.
А может быть ещё эффекты какие-то наложены, типа Pattern Overlay.
Как экспортировать? По отдельности - никак. Ну то есть в браузерах поддержка режимов смешивания формально есть, но кроссбраузерность неважная, да и просто геморно будет этот бутерброд поддерживать, смысла просто нет.
Надо экспортнуть уже готовый результат в виде простой однослойной картинки.

Comments

[Евгений Журов]

Благодарю, я вот тоже больше в эту сторону склоняюсь. Просто решил уточнить, вдруг чего-то не понимаю)