У меня есть дизайн в Photoshop с двумя изображениями с эффектом умножения. Этот эффект возможен не во всех браузерах с Javascript/CSS3, поэтому я решил экспортировать изображения с эффектом из Photoshop.
Я скопировал слой изображения с эффектом умножения. Затем я экспортировал это. Но когда я помещаю его в браузер, эффект умножения исчезает.
Как правильно экспортировать изображения с помощью Multi?
Если вы пытаетесь использовать эффект многослойности без использования CSS, вам придется сохранять как сглаженное изображение, а не просто сохранять отдельный слой.
Итак, если слой 2 имеет режим многократного наложения, который проходит поверх слоя 1. Тогда вам нужно будет сохранить изображение с отображением слоев 1 и 2.
Создайте новый слой черного цвета и добавьте к нему маску.
Вставьте свое изображение в маску (Alt+щелчок по маске) и инвертируйте ее.
Весь белый цвет теперь замаскирован из вашего изображения, а черный остается сплошным, как при умножении.
Сохранить для Интернета как 24-битный PNG с прозрачностью
Используйте ImageAlpha, если вы хотите сохранить его в меньшем размере.
Он выглядит немного темным по сравнению с «настоящей» множественной прозрачностью, но, на мой взгляд, это нормально.
Винсент