Photoshop 写真にクリエイティブなカットアウト効果を加える

読了時間 約6分

ホーム/ PSチュートリアル/ Photoshop 写真にクリエイティブなカットアウト効果を加える

カットアウト効果の決め手は、レイヤースタイルの「ノックアウト」ただ一つです。レイヤーを複製し、切り抜き用の枠を描いてノックアウトし、ドロップシャドウを加える。この6ステップで、切り口にすき間のある仕上がりになります。オンラインPSでのカバーやポスター制作に向いています。

ステップ1:元のレイヤーを複製する

オンラインPS(zaixianps.cc)を開き、加工したい写真をワークスペースにドラッグします。

背景レイヤーを選び、Ctrl + J(Mac は ⌘ + J)で新しいレイヤーを複製します。

ステップ2:塗りつぶしレイヤーを新規作成する

レイヤー → 新規 → レイヤー…をクリック(または Shift + Ctrl + N を押します)。OK すると空のレイヤーができます。

新しいレイヤーが複製した写真レイヤーの下にあることを確認し、選択した状態で Ctrl + Delete(Mac は ⌘ + Delete)を押して、背景色(既定では白)でカンバス全体を塗りつぶします。

ステップ3:切り抜き用の枠を描く

長方形ツール(U)を選び、白い塗りつぶしレイヤーの上に正方形(または長方形)を描きます。サイズは自由ですが、写真の主要なモチーフに合わせると収まりがよくなります。

描き終わったら、シェイプレイヤーが選択されたままであることを確認します。

ステップ4:レイヤースタイル → ノックアウトを開く

シェイプレイヤーのサムネールをダブルクリックして、レイヤースタイル(描画モードオプション)の画面を開きます。

  • 詳細な描画モードの中にある塗りの不透明度を0%にします。
  • 内側の光彩または境界線の中にある「ノックアウト」で、「浅い」を選びます(効果に応じて「深い」でもかまいません)。

設定が終わると、白いレイヤーが四角の形にくり抜かれ、下の写真が見えるようになります。

ステップ5:ドロップシャドウを追加する

レイヤースタイルの画面のまま、左側のドロップシャドウをクリックします。

  • 不透明度を30%〜50%程度にします(背景の明暗に合わせて微調整します)。
  • 距離・広がり・サイズを調整し、影が自然に見えるようにします。

影を入れると切り抜き枠にほどよい立体感が出て、効果が引き立ちます。

ステップ6:切り抜き枠を複製する

移動ツール(V)を選び、Alt(Mac は Option)を押しながら四角をドラッグすると、同じサイズ・同じスタイルの切り抜き枠を複製できます。

複製した枠を好きな位置(写真の別の場所など)に移動し、これを繰り返せば複数の切り抜きがある演出になります。

完成! 🎉

これで写真にクリエイティブなカットアウト+ドロップシャドウの効果が入りました。位置や影をさらに微調整したり、内側の影やベベルとエンボスなどのレイヤースタイルを足して、作品を仕上げていきましょう。


参考資料

  • Adobe Photoshop 公式ドキュメント
  • HTML5 と現代フロントエンドの画像処理の仕組み
  • オンラインPS