Photoshopで魅力的な3Dポップアウト効果を作成する方法

古いデジタル写真を使って他に何ができるか想像するのは楽しいです。Adobe Photoshopで 3D ポップアウト効果を作成することは、ソーシャル メディアの投稿やクリエイティブな写真撮影プロジェクトであなたの取り組みを人々に知ってもらうのに最適な方法です。

最低要件

ポップアウト効果は、画像の一部が境界から飛び出したように見えるクリエイティブな手法であり、ダイナミックな 3D 効果を生み出します。

このチュートリアルを完了するには、次のリソースが必要です。

• Adobe Photoshop（最新バージョン）
• Photoshopインターフェースの基礎知識があること
• 少なくとも2枚の高解像度写真

完成したプロジェクトは次のようになります。

注: この記事では最新バージョンの Adob​​e Photoshop を使用していますが、古いバージョンでも試すことができます。写真の被写体を選択する基本的な原則は変わりません。選択オプションの範囲のみが拡張されます。最後に、Photoshop での画像編集と同様に、この効果を作成するには複数の方法があります。

ステップ1: プロジェクトを設定する

適切な画像を見つけることが戦いの半分です。プロジェクトに最適な画像を選択するためのヒントをいくつか紹介します。

1. 鮮明なエッジを持つ高解像度の写真が最良の結果をもたらすため、ぼやけた画像やピクセル化された画像は避けてください。
2. 被写体が背景から簡単に分離できる画像を選択します。たとえば、単色の背景に目立つ被写体があると、選択やマスクがしやすくなります。
3. アクションショットやダイナミックなポーズは動きの感覚を生み出すので理想的です。
4. 被写体の一部がフレームを破って自然に広がるような画像を選びましょう。たとえば、伸ばした手や、フレームから出ている全身ポートレートなどです。
5. ネガティブスペースの多い画像を使用します。必要な詳細を切り取ることなくフレームを拡張するのに十分な余地があります。

ヒント: 最初のプロジェクトを開始するときは、シンプルな写真を参照してください。著作権フリーの画像を探すには、多くのストックフォト Web サイトでシンプルな背景の写真を検索します。

ステップ2: 背景画像を準備する

背景画像または背景画像の一部が、注目画像のフレームになります。背景の複製レイヤーで作業すると、元の画像が保持され、非破壊編集が可能になります。次の手順では、元のレイヤーを複製して新しいレイヤーを作成し、ピクセルを分離してポップアウト効果のシーンを設定します。

1. 背景レイヤーのロックを解除します。
2. このレイヤーの名前を変更し、複製 ( Ctrl + J ) して元のレイヤーを保持します。
3. 2 番目の画像を配置する領域を選択します。
4. 選択した領域を右クリックし、[コピーによるレイヤー]をクリックします。

ヒント: Photoshop には選択範囲を作成するためのいくつかの方法が用意されています。上のスクリーンショットでは、著者は長方形選択ツールを使って写真フレーム内の白い空白領域を選択しています。

複製によって新しいレイヤーの代わりに単色調整レイヤーを作成できます。ポップアウト効果は、一貫した色の背景でより顕著になります。また、後で背景色を変更する必要がある場合でも、レイアウトの残りの部分に影響を与えずに変更できます。

ステップ3：写真を配置してポップアウト効果を作成する

ポップアウト効果は、オブジェクトの一部がフレーム内にあり、一部がフレーム外にある場合に最適に機能します。

1. 2 番目に選択した画像をドラッグして、メイン ドキュメントにポップアウト効果を作成します。
2. Ctrl + Tを押して画像を選択し、拡大縮小します。
3. 画像の大部分が背景レイヤーの選択したフレームの外側にくるように画像を拡大縮小します。
4. レイヤーの位置を調整しやすくするために、レイヤーの不透明度を一時的に下げます。
5. 画像を配置したら、不透明度を 100% まで下げます。

リアルなポップアウト効果を作成するには、適切なスケーリングと配置が重要です。繰り返しになりますが、上の画像を拡大しすぎると、フレームと画像のポップアウト部分のバランスが崩れる可能性があります。

注意: Photoshop の最新バージョンでは、変形ツールはデフォルトでレイヤーを比例して拡大縮小します。以前のバージョンでは、変換ツールを使用するときにアスペクト比を維持するためにShiftキーを押す必要がありました。

ステップ4：クリッピングマスクを作成する

ポップアウト写真をフレームの上に重ねるのではなく、シームレスにブレンドする必要があります。クリッピング マスクは、被写体を下のレイヤーの形状 (この場合は、レイヤーからコピーして作成した「フレーム」) に制限します。この手順は、背景に影響を与えずにポップアウト効果に最適なエッジを作成するため重要です。

これを行うには、写真を右クリックし、「クリッピング マスクの作成」を選択します。

ステップ5: ポップアウト効果を適用するオブジェクトを選択する

3D イリュージョン効果を高めるには、ポップアウト効果が適用される画像の部分を分離する必要があります。

1. Ctrl + J (Windows) またはCmd + J (Mac)を押して、画像レイヤーを複製します。
2. 複製したレイヤーを選択した状態で、「選択」 > 「被写体」に進みます。
3. 他の選択ツールを使用して、選択範囲を追加または削除します。

この手順により、画像の「ポップ」する部分に別のレイヤーが作成され、個別に操作できるようになります。

ヒント: 髪の毛のようなより複雑で柔らかい選択範囲の場合は、Photoshop メニューの「選択とマスク」オプション (Photoshop CC 2018 で導入) を使用して、より滑らかなエッジを作成します。

ステップ6：印象的なポップアウト効果を作成する

印象的な効果を生み出す画像の部分だけを表示して、全体をまとめます。

1. 複製したレイヤーにレイヤーマスクを追加します。
2. ブラシツールを選択し、前景色が黒に設定されていることを確認します。
3. 隠したい画像の部分を慎重にペイントして、下のレイヤーを表示します。

レイヤー マスクを使用すると、画像のどの部分にポップアウト効果を適用するかを正確に制御して、奥行き感を演出できます。

ステップ6：エフェクトの仕上げ

ここから、ハイライトされた被写体に微妙な効果を追加できます。たとえば、ポップアウト被写体のレイヤーを選択し、ドロップ シャドウを追加します (レイヤー > レイヤー スタイル > ドロップ シャドウ)。

影は効果に深みを加えます。カラーバランスや色相/彩度の調整も、被写体と背景の色をブレンドするのに役立ちます。

画像をフラット化するか、将来の編集のためにPSDとして保存します。最後に、最終結果をPNGまたはJPEGとしてエクスポートして共有します。さまざまなベース画像をフレームとして使用し、ポップアウト効果を適用する画像を使用して練習を続けます。