レイヤーマスクを利用して画像をフェードさせる

レイヤーマスクを利用して画像のフェード効果を描画します。

手順

Photoshopを起動し、画像を開きます。画像のモードがRGBでない場合は、RGBにします。


レイヤーウィンドウの下部ツールバーの左から3番目の[マスクを追加]ボタンをクリックし、レイヤーマスク追加します。


レイヤーマスクを追加すると下図の状態になります。レイヤーマスクのプレビューをクリックしレイヤーマスクのプレビューに白枠が表示された状態にします(下図参照)。


ツールパレットから[グラデーションツール]を選択します。


上部のツールバーのグラデーションのプレビューのコンボボックスを開きグラデーションの種類を選択します。今回は左上の[描画色から背景色へ]のグラデーションを選択します。


描画色を白、背景色を黒に設定します。


左から右に向かって、ドラッグしてレイヤーマスクにグラデーションを描画します。グラデーションを描画できると下図の状態になります。レイヤーマスクが黒に近づくにつれて、透明度が増していることがわかります。


背後のレイヤーに別の画像を表示させた場合の例です。レイヤーマスクを用いることで、画像のフェード効果が描画できました。

著者

とりっち

iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。