webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

Photoshop KnockOut ノックアウトについて

画像ファイルをPSで開いて、長方形ツールで「背景レイヤー」の上に赤い長方形を描画する。

f:id:ohta-felica:20200928204429p:plain


f:id:ohta-felica:20200928204415p:plain

長方形のレイヤーの上に、テキストレイヤーを作成する。

f:id:ohta-felica:20200928204655p:plain

f:id:ohta-felica:20200928204710p:plain

テキストレイヤーを選択した状態で、右クリック「レイヤー効果」を選択。

f:id:ohta-felica:20200928204815p:plain

「高度な合成」→「ノックアウト(抜き)」→「深い」を選択。

f:id:ohta-felica:20200928210114p:plain

塗りの不透明度を0%にする。

f:id:ohta-felica:20200928210154p:plain

するとこんな感じになる。

f:id:ohta-felica:20200928210245p:plain

「深い」を選択すると、「背景レイヤー」以外の、すべてのレイヤーが「ノックアウト」される。

 

 

画像と赤い長方形のレイヤーの間に、別の白い長方形のレイヤーを作成する。

f:id:ohta-felica:20200928210813p:plain

f:id:ohta-felica:20200928210434p:plain

上から二つのレイヤー、テキストレイヤーと、赤い長方形レイヤーを、グループ化する。

f:id:ohta-felica:20200928210922p:plain

それから、テキストレイヤーの「レイヤースタイル」からノックアウトを「浅い」に変更する。

 

すると以下のようになる。

f:id:ohta-felica:20200928211120p:plain

つまり、ノックアウトを、「浅い」にすると、同じグループ内でのみノックアウトされる、ということになります。