Photoshopで3D飛び出し効果を作る方法

Photoshopは素晴らしいアートを作成するために使用できます。今日の記事では、平面画像を3Dに見せる方法を紹介します。Photoshopで3D飛び出し効果を作成する方法を学ぶことは、電子機器などの広告を作成するのに最適な方法です。

3D飛び出し効果とは、画像を別の画像から飛び出しているように見せることです。たとえば、HDフラットスクリーンテレビの広告を掲載する場合があります。テレビは画像を非常に鮮明に表示するため、飛び出しているように見えると言えます。その後、テレビから車やその他のアイテムや風景を飛び出させることができます。

Photoshopで3D飛び出し効果を作る方法

1つの画像を別の画像から飛び出させることも、画像が飛び出すためのフレームを作成することもできます。どちらも同じ基本手順を使用します。この記事に従って、Photoshopで3D飛び出し効果を作成する方法を学びましょう。

  1. Photoshopに画像を配置する
  2. コンテナー画像に被写体画像のサイズを変更する
  3. 被写体の選択を作成する
  4. クイックマスクを切り替えて、すべての画像が選択されていることを確認する
  5. 選択範囲を新しいレイヤーにコピーする
  6. 画面のコピーを作成する
  7. タブレット画面のコピーの選択を作成する
  8. 選択範囲を使用してレイヤーマスクを作成する
  9. レイヤーマスクを車のレイヤーにコピーする
  10. 鉛筆ツールを使用して隠れた画像の部分を明らかにする
  11. 被写体の影を追加する
  12. 影にグラデーションを追加する

1] Photoshopに画像を配置する

Photoshopでこの3D飛び出し効果を作成する最初のステップは、画像をPhotoshopに配置することです。この記事では2つの画像を効果に使用しますが、作成する効果によっては1つの画像を使用できます。

画像をPhotoshopに配置するには、ベース/セカンダリ画像にする画像を見つけます。次に、画像を右クリックしてメニューから「プログラムから開く」を選択し、Adobe Photoshop(バージョン)を選択します。画像は背景としてPhotoshopに配置されます。次に、Photoshopで飛び出す画像を配置する時が来ました。画像を見つけて右クリックし、「プログラムから開く」を選択し、Adobe Photoshop(バージョン)を選択します。この画像は最初の画像の上のレイヤーとしてPhotoshopで開きます。コンテナー/背景として機能する他の画像の上に飛び出し画像が必要です。その順序になっていない場合は、レイヤーパネルをクリックして正しい順序にドラッグできます。

2] コンテナー画像に被写体画像のサイズを変更する

画像がPhotoshopにあるので、サイズを変更して配置する時が来ました。コンテナー画像のサイズによっては、サイズを変更する必要がある場合があります。飛び出し画像はコンテナー画像に配置する必要があります。簡単に行うために、レイヤーを選択してからレイヤーパネルで不透明度を調整して、飛び出し画像の不透明度を下げます。不透明度を下げると、画像が正しく並んでいるかどうかを確認できます。不透明度を下げたら、被写体画像(飛び出す画像)を配置して、その背景がコンテナー画像を埋めるようにします。コンテナー画像から一部がはみ出るように配置します。

画像のサイズを変更する必要がある場合は、サイズを変更する画像をクリックしてCtrl + Tを押してからハンドルを保持して画像のサイズを変更します。以前のバージョンのPhotoshopでは、画像を一度にすべての角度からサイズ変更する必要がある場合は、サイズ変更中にShift + Altを押す必要がある場合があります。配置が完了したら、被写体画像の不透明度を100%に戻します。

3] 被写体の選択を作成する

被写体は飛び出す画像であることに注意してください。この手順では、他の画像から飛び出させたい被写体画像の部分を選択します。これは、被写体画像のすべてを表示したくない場合に役立ちます。たとえば、被写体画像に背景がある場合があります。この手順は、被写体を画像から分離するのに役立ちます。

クイック選択ツールを使用する

被写体を選択するには、クイック選択ツールを使用します。クイック選択ツールは左側のツールパネルにあります。同じグループに別のツールが1つ、マジックワンドツールがあります。クイック選択ツールマジックワンドツールの両方が、Photoshopのすべてまたは一部を選択するために使用されます。

クイック選択ツールがアクティブな状態で、選択する画像の部分をクリックしてドラッグします。

クイック選択の修正

クイック選択ツールは、不要な他の部分を取り込んだり、必要な部分を逃したりする場合があります。選択範囲を修正するには、Altを使用します。クリックまたはドラッグ中にAltを押すと、ドラッグしている選択範囲の部分が移動します。クイック選択カーソルにマイナス-記号が表示され、プラス+記号は表示されません。

4] クイックマスクを切り替えて、すべての画像が選択されていることを確認する

画像を選択するときに、必要なすべてのパーツを選択したことを確認する必要がある場合があります。選択範囲を確認するには、クイックマスクをオンとオフに切り替えます。

クイックマスクを切り替えるには、キーボードでQを押します。選択した画像の部分が明るく表示され、選択範囲外の部分はくすんだ赤色で表示されます。次に、もう一度Qを押してクイックマスクをオフにし、必要に応じて選択範囲を修正します。

5] 選択範囲を新しいレイヤーにコピーする

必要な画像のすべての領域を選択したら、選択範囲を新しいレイヤーにコピーする時が来ました。選択範囲を新しいレイヤーにコピーするには、選択範囲を右クリックし、メニューからレイヤー経由でコピーを選択するか、Ctrl + Jを押します。選択した画像の部分が画像の上にある新しいレイヤーに移動することがわかります。

6] 画面のコピーを作成する

このコンテナー画像の場合、指、手、画像の背景をバイパスできるように、画面のコピーを作成する必要があります。3D飛び出しはタブレットの画面から出てくるので、画面のコピーは別のレイヤーにある必要があります。

画面のコピーを作成するには、左側のツールパネルに移動してクイック選択ツールをクリックし、タブレットの画面をクリックします。タブレットの画面がすべて選択されたら、選択した領域を右クリックしてレイヤー経由でコピーを選択するか、Ctrl + Jを押して画面のコピーを作成します。

7] タブレット画面のコピーの選択を作成する

この手順では、コンテナー画像の概要が必要です。これは、上部の画像から必要な領域が表示され、他のすべてが非表示になるようにレイヤーマスクを作成したいので重要です。コンテナー画像は飛び出し画像の下にある画像になります。この場合、コンテナー画像は手のあるタブレット、より具体的にはタブレットの画面です。プロジェクトには満足のいくものにするために異なる要件があることに注意してください。

画面の選択を作成するには、レイヤーパネルに移動して車の画像全体を選択します。次に、Ctrlを押しながらタブレット画面レイヤーのサムネイルをクリックします。

作成されたタブレット画面のサイズであるアウトラインが表示されます。アウトラインはタブレット画面の形をした点線になります。次に、レイヤーマスクを作成する必要があります。

8] 選択範囲を使用してレイヤーマスクを作成する

これで選択範囲ができたので、それを使用してレイヤーマスクを作成します。レイヤーマスクを作成するには、レイヤーパネルの下部にあるレイヤーマスクを追加アイコンをクリックします。レイヤーマスクを追加アイコンは穴の開いた正方形です。レイヤーパネルの被写体画像の横にタブレット画面の形が表示されます。それがレイヤーマスクです。レイヤーマスクはマスクの外側にあるものを非表示にするために使用されます。

これはレイヤーマスクが作成された画像です。3D飛び出し効果が表示されているのがわかります。画像の指が被写体の部分によってわずかに隠されていることに気付くでしょう。これは画像に問題がない場合がありますが、画像でこれが発生した場合は、読み続けて修正方法を確認してください。

9] レイヤーマスクを車のレイヤーにコピーする

レイヤーマスクが作成され、画面の切り抜きにあるので、同じレイヤーマスクを飛び出し画像の切り抜きにも適用したいと考えています。これにより、3D飛び出しの背後に元の画像の一部を配置できます。そのレイヤーにベクトルをコピーするには、Altを押しながらレイヤーマスクをクリックして、切り抜きレイヤーまでドラッグします。レイヤーマスクのコピーがそのレイヤーのアイコンの横に表示されます。

そうすると、レイヤーパネルがどのように見えるかを示したコピーです。レイヤーのアイコンの横にある白い長方形がレイヤーマスクです。私のレイヤーには説明的な名前が付けられていることに気付くでしょう。レイヤーに説明的な名前を付ける必要があります。これはオプションですが、レイヤーをはるかに簡単に識別するのに役立ちます。

レイヤーマスクを切り抜き画像に追加すると、レイヤーマスクが画像の一部を隠すことに気付くでしょう。これは次の手順で対処します。

10] 鉛筆ツールを使用して隠れた画像の部分を明らかにする

レイヤーマスクが切り抜き画像のレイヤーに追加されると、表示したい画像の一部が隠れました。隠された画像の部分は、画面から飛び出すはずの部分です。これは、鉛筆ツールを使用して画像の隠れた部分を明らかにすることで修正できます。

左側のレイヤーパネルで鉛筆ツールを選択します。前景色と背景色のアイコンが前景色を白、背景色を黒にしていることを確認します。

鉛筆のハードポイントを選択し、不透明度と硬さを100%にします。コピーされたレイヤーマスクのレイヤーマスクアイコンをクリックします。それは被写体の切り抜きの横にあるレイヤーマスクです。レイヤーマスクをクリックすると、アクティブになります。このレイヤーマスクがアクティブな状態で、鉛筆ツールを使用して表示したい画像の部分をこすります。この場合、タブレットの画面から飛び出す画像のすべての部分を表示したいと考えています。指は画像の上に置いたままにしておいてください。

これが画像の外観です。

11] 被写体の影を追加する

この手順はオプションです。使用する画像の中には影を必要としないものもあるためです。ただし、影が必要な画像を持っている人が、その方法を知ることができるように、この手順を実行します。影は、特に光が明らかな場合に、アートワークにリアルな要素を追加します。必要な場合は、以下の手順に従って影を作成します。

切り抜き画像レイヤーを選択する

これは最初の手順です。被写体画像の切り抜き部分の周りに選択範囲を作成する必要があります。選択範囲を作成するには、レイヤーをクリックして選択します。次に、Ctrlを押しながらその画像レイヤーのサムネイルをクリックします。画像の周りに選択範囲が表示されます。

被写体レイヤーの下に新しいレイヤーを作成する。

被写体レイヤーの下にレイヤーを作成するには、Ctrlを押しながらレイヤーパネルの下部にある新しいレイヤーを作成アイコンを押します。現在選択されているレイヤーの下に新しいレイヤーが表示されます。Ctrlを押さずに新しいレイヤーを作成アイコンを押した場合、新しいレイヤーは現在選択されているレイヤーの上に作成されます。

作成された新しいレイヤーに選択範囲を配置する

この手順では、選択範囲を新しいレイヤーに配置する必要があります。ただし、選択範囲を黒で塗りつぶす必要があります。選択範囲を黒で塗りつぶすには、左側のツールパネルの foreground color アイコンの前景色を黒、背景色を白にします。次に、Alt + Deleteを押します(Alt + Deleteを押す前に新しいレイヤーを選択する必要があります)。レイヤーパネルの新しいレイヤーに影が表示されます。

画像の周りの選択範囲を解除する

画像の周りの選択範囲を解除するには、Ctrl + Dを押します。

影を調整する

影は画像の後ろにあり、調整する必要があります。影を調整するには、新しいレイヤーを選択し、Ctrl + Tを押して影の周りの変形ボックスを表示します。変形ボックスが表示されます。画像の上部にある中央のハンドルにマウスを合わせると、上下に2つの矢印が表示されます。次に、中央のハンドルをクリックして押したまま、画像の下までドラッグします。影を快適な位置までドラッグします。Enterキーを押して変換を受け入れ、変形ボックスを削除します。

光源の方向に応じて、影を調整する必要があります。影を歪ませるには、Ctrlを押しながらドラッグするハンドルをつかみます。影はドラッグした方向に歪みます。

これは調整された影です。画像によって、さまざまな調整と角度が必要になる場合があります。

影をスマートオブジェクトにする

この手順では、影をスマートオブジェクトにする必要があります。影をスマートオブジェクトにすることで、非破壊的に編集できるようになります。影をスマートオブジェクトにするには、レイヤーを右クリックし、メニューからスマートオブジェクトに変換を選択します。

影をぼかす

この手順では、ぼかし効果を使用して影をよりリアルにします。

これを行うには、トップメニューバーに移動してフィルターぼかしガウスぼかしの順にクリックします。

ガウスぼかしオプションウィンドウが表示されます。半径を調整して画像をぼかします。値が大きいほど画像がぼやけ、値が小さいほど画像がぼやけなくなります。

満足できるぼかし値を選択します。完了したら、[OK]を押して確定します。

ガウスぼかしを編集する必要がある場合は、レイヤーパネルに移動して画像のレイヤーの下にあるガウスぼかしをクリックします。

影の横にレイヤーマスクのコピーを配置する

この手順では、レイヤーパネルの影の横にレイヤーマスクのコピーを配置します。Altを押しながらレイヤーマスクアイコンをクリックして、影レイヤーまでドラッグするだけです。

影の一部が欠けていることに気付くでしょう。影の欠落部分を明らかにするには、項目11の手順に従います。

これは、表示したい欠落部分を明らかにするために鉛筆ツールを使用する場所です。影を明らかにするにつれて、指が見えるようにする必要があることに注意してください。

影を指にしたい場合は、できますが、指の影を少し明るくする必要があります。これにより、指が影の下に見えるようになります。これを行うには、鉛筆の不透明度を下げて、影を目立たせたい指の上を塗ります。

12] 影にグラデーションを追加する

この手順では、影にグラデーションを追加します。グラデーションにより、画像から離れるにつれて影が薄くなるため、影がさらにリアルに見えます。

影レイヤーの横にあるレイヤーマスクサムネイルをクリックし、左側のツールパネルに移動してグラデーションツールを選択するか、Gを押します。グラデーションツールを選択したら、トップメニューバーのグラデーションピッカーに移動して、白から透明のサムネイルをクリックします。線形グラデーションオプションが選択されていることを確認します。

グラデーションバーをクリックしてグラデーションエディターに移動します。左下のカラーストップをダブルクリックして、グラデーションエディターのカラーピッカーを表示します。カラーピッカーで、明るさ値を100から20に変更します。完了したら、両方のウィンドウでOKを押して閉じます。

次に、Shiftを押しながらグラデーションツールを影の上で右から左にドラッグします。方向は、画像の位置と光源の位置によって異なります。画像に最も近い影の部分が最も暗くなることを覚えておいてください。この画像の場合、グラデーションツールを右から左にドラッグします。右(最も遠い部分)が明るくなり、左が暗くなります。ドラッグするときにShiftを押すと、ドラッグするときに線が水平に保たれます。

これは、影が追加された最終的な画像です。元の画像にはすでに影がありましたが、この影は画像に影がない場合に他の人が影を作成するのに役立ちます。3D飛び出し画像エフェクトを作成するのは非常に簡単で、Photoshopで行うことができます。それで実験して、他のクールなアートワークを作成することができます。

Photoshopのポップアートフィルターとは何ですか?

Photoshopでポップアートを作成したい場合は、しきい値フィルターを使用します。Photoshopに画像を配置し、トップメニューバーに移動して、画像、調整、しきい値の順に選択します。しきい値フィルターオプションウィンドウが表示されます。ここで画像を調整できます。プレビューを有効にして、画像のライブ変更を確認できるようにします。画像を好みに調整したら、OKをクリックして変更を保持します。画像が白黒のポップアート画像のように見えることがわかります。

Photoshopで3D効果を作成するにはどうしたらよいですか?

3D効果とは、3Dメガネなしで本物の3Dを見ているように見えるアートワークを作成することです。この3D効果は、それほど手間をかけずに数分以内に簡単に作成できます。Photoshopで3D効果を作成するには、次の手順に従います。

  • Photoshopで画像を開く
  • レイヤーを複製する
  • 上部の画像のレイヤースタイルダイアログボックスを開く
  • 緑と青のチャンネルをオフにする
  • 上部レイヤーがまだ選択されている状態で、Shiftキーを押しながら左矢印を5〜10回タップするか、クリックして左にドラッグする
  • 重なりが表示されている場合は、画像をトリミングして削除する
  • 保存する。

頑張ってください!