描画モードが乗算のオブジェクトをデザイン通りにスライスするPhotoshopテクニック｜BLOG｜株式会社エムハンド文字だけだと分かりにくいので簡単なデザインを5秒で用意しました。ダサいとか言わない。 コルク模様の背景に矢印が半透明で乗っかってます。 まぁまず間違いなく最初は、 「背景はCSSでリピートさせて、その上に矢印を透過pngで配置すればいいやー。」 ってなります。…なりますよね？ コーディングしてブラウザでチェックしてみました。 アレ？なんか違う……。 デザインでは半透明の矢印ごしにうっすらとコルク模様が見えていたのに、一色で塗りつぶされてしまいました。 ……何故！？ 結論を先に言ってしまうと、レイヤーの描画モードが「乗算」や「オーバーレイ」など、「通常」以外になっていることが原因です。 これらの描画モードはその下のレイヤーに依存して見た目が変わるので、透過pngを書き出すために背景を不可視にした時点でコルク模様が無くなってしまっている訳です。 ちょっとしたアイコンくらいならopacityで誤
