初心者のWEBデザイン

HTML,CSS、その他WEBデザインに関する事を記述していきます

20150411143621

Photoshop レイヤーマスク

レイヤーマスクとは

画像を直接編集せずに、画像の必要のない部分をマスキングして隠す機能です。
このマスキングして隠す機能を使用し、選択範囲の作成・画像の調整・画像を切り抜いたように見せる事ができます。
画像を直接編集しない為、何度もやり直しが可能です。

  • 白に塗りつぶす:100%不透明。下のレイヤーは透けない
  • 黒に塗りつぶす:100%透明になり、下のレイヤーが透ける

素材を使って実際に順序を記述します。

    1. レイヤー2を選択肢し、「レイヤーマスクの追加」のアイコンをクリックf:id:bellsmarket:20150114195511j:plain

 

    1. 「グラデーションツール」を選択し、任意の範囲をドラッグ&ドロップする。今回は上から下に向かってドラッグ&ドロップします。レイヤー2(昼間の海)の上側は透明で上に向かって不透明になり、背景レイヤー(夕方の海)が透けてきます。
      f:id:bellsmarket:20150114195513j:plain

 

  1. レイヤー3(蓮の葉)も「グラデーションツール」で小範囲を選択してあげれば 複数のレイヤーを綺麗に見せる事も可能です。
    f:id:bellsmarket:20150114195514j:plain

※デフォルトのグラデーションツールの設定であれば、始点から終点に向かって描画色から背景色になり透明から不透明になります。

topへ戻る