Photoshopでピクチャーインピクチャー効果を作成する方法

このチュートリアルでは、Adobe Photoshopを使用して、1 枚の写真を撮影し、その中に同じ写真の小さく切り取られたバージョンがあるような錯覚を作り出すことで、クールなピクチャ イン ピクチャ効果を作成する方法を説明します。メインの被写体の周囲にある小さい画像を切り取って回転し、境界線とドロップシャドウを追加して強調表示し、最後にその背後にある元の画像を白黒に変換します。

ステップ1:写真を開く

まず写真を開きます。

Photoshopでピクチャーインピクチャー効果を作成する方法
ピクチャーインピクチャー効果では元の画像が使用されます。

ステップ2: 背景レイヤーのコピーを作成する

レイヤーパネルでは、画像が背景レイヤー上に開きます。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤー パネルには、背景レイヤー上の元の画像が表示されます。

背景レイヤーを「新しいレイヤーを追加」アイコンまでドラッグして、画像のコピーを作成します。

Photoshopでピクチャーインピクチャー効果を作成する方法
背景レイヤーを「新規レイヤーの追加」アイコンにドラッグします

オリジナルの上にコピーが表示されます。

Photoshopでピクチャーインピクチャー効果を作成する方法
元の背景レイヤーの上に複製レイヤーが表示されます。

ステップ3: コピーの名前を「Small」に変更します

コピーは、大きな画像の中に小さな画像を作成するために使用されます。そのため、背景のコピー名をダブルクリックし、レイヤーの名前を Small に変更します。承認するには、キーボードのEnter キー(Win) / Return キー(Mac)を押します。

Photoshopでピクチャーインピクチャー効果を作成する方法
レイヤーの名前を「Small」に変更します。

ステップ4: 小さいレイヤーをオフにする

現時点では Small レイヤーは必要ないので、表示アイコンをクリックしてオフにします。

Photoshopでピクチャーインピクチャー効果を作成する方法
Small レイヤーの表示アイコンをクリックします。

ステップ5: 背景レイヤーを選択する

画像の縮小版を作成する前に、元の画像を白黒に変換します。背景レイヤーをクリックして選択します。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤーパネルで背景レイヤーを選択します。

ステップ6:白黒調整レイヤーを追加する

次に、レイヤーパネルの下部にある新しい塗りつぶしまたは調整レイヤーアイコンをクリックします。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤーパネルで、新しい塗りつぶしまたは調整レイヤーのアイコンをクリックします。

リストから白黒調整レイヤーを選択します。

Photoshopでピクチャーインピクチャー効果を作成する方法
元の画像の上に白黒調整レイヤーを追加します

調整レイヤーは、背景レイヤーと小さいレイヤーの間に表示されます。つまり、その下にある背景レイヤーにのみ影響し、その上にある小さなレイヤーには影響しません。

Photoshopでピクチャーインピクチャー効果を作成する方法
背景レイヤーの上に白黒調整レイヤーが追加されます。

そして画像は即座に白黒に変換されます。

Photoshopでピクチャーインピクチャー効果を作成する方法
白黒調整レイヤーを追加した後の結果。

ステップ7: 自動ボタンをクリックする

白黒調整レイヤーのコントロールは、Photoshop のプロパティ パネルに表示されます。個々のカラースライダー(赤、黄、緑など)をドラッグして、元の色に基づいて画像のさまざまな部分の明るさを調整することにより、白黒変換を微調整できます。

Photoshopでピクチャーインピクチャー効果を作成する方法
プロパティ パネルで、白黒調整レイヤーのカラー スライダーをドラッグします。

しかし、この効果は実際には背景のみに適用され、小さい画像に隠れてしまうことが多いため、「自動」ボタンをクリックすると十分な結果が得られます。

Photoshopでピクチャーインピクチャー効果を作成する方法
自動ボタンをクリックします。

ステップ8: Smallレイヤーを選択してオンにする

ここで、元の画像内に小さいフルカラー画像を作成します。

レイヤー パネルに戻り、Small レイヤーをクリックして選択します。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤー パネルで Small レイヤーを選択します。

次に、レイヤーの表示アイコンをクリックして、再度オンにします。

Photoshopでピクチャーインピクチャー効果を作成する方法
Smallレイヤーをオンにします。

画像のカラーバージョンが再表示されます。

Photoshopでピクチャーインピクチャー効果を作成する方法
小さいレイヤーをオンにした後の結果。

ステップ9: 長方形ツールを選択

ツールバーで、長方形ツールを選択します。上部近くにある「長方形選択ツール」は選択ツールなので選択しないでください。 Photoshop のシェイプ ツールの 1 つである長方形ツールを選択します。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop ツールバーから長方形ツールを選択します。

ステップ10: ツールモードをシェイプに設定する

オプション バーで、ツール モードがパスやピクセルではなくシェイプに設定されていることを確認します。

Photoshopでピクチャーインピクチャー効果を作成する方法
ツールモードをシェイプに設定します。

ステップ11: 図形の色を黒に設定する

まだ設定していない場合は、図形の色を黒に設定します。色は特に重要ではありませんが、図形を描くときには黒が見やすいです。

塗りつぶしの色見本をクリックします:

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshopのオプションバーで塗りつぶしの色見本をクリックします

次に、ダイアログ ボックスの右上隅にあるカラー ピッカーアイコンをクリックします。

Photoshopでピクチャーインピクチャー効果を作成する方法
カラーピッカーアイコンをクリックして、図形の色を選択します。

そして 、R、G、Bの値を0に設定して、カラーピッカーから黒を選択します。次に、「OK」をクリックしてカラーピッカーを閉じます。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のカラーピッカーから黒を選択します。

ステップ12: 図形の周りのストロークをオフにする

デフォルトでは、Photoshop は図形の周囲に 1 ピクセル幅の黒いストロークを追加しますが、これは不要なものです。ストロークの色見本をクリックします。

オプション バーのストロークの色見本をクリックします。

次に、左上隅にある「色なし」アイコンをクリックします。ダイアログボックスを閉じるには、Enter キー(Win) / Return キー(Mac)を押します。

Photoshopでピクチャーインピクチャー効果を作成する方法
ストロークの「色なし」オプションをクリックします。

ステップ13: メインオブジェクトの周囲に図形を描く

メインオブジェクトの周囲に四角形を描きます。図形は画像の縮小版となるため、図形内に表示されるすべてのものを囲むようにしてください。

オブジェクトの左上隅をクリックして、図形の開始点を設定します。次に、マウスボタンを押したまま右下にドラッグします。ドラッグすると、図形のアウトラインのみが表示されます。

Photoshopでピクチャーインピクチャー効果を作成する方法
写真の主な被写体の周囲に長方形を描きます。

図形の位置を変更する方法

描画中に図形の位置を変更するには、マウスを押したまま、キーボードのスペースバーを押し続けます。図形を必要な場所までドラッグし、スペースバーを放して図形の残りの部分をドラッグし続けます。

形を完璧にする方法

図形が完成したらマウス ボタンを放します。その時点で Photoshop によって図形が黒く塗りつぶされます。

Photoshopでピクチャーインピクチャー効果を作成する方法
マウスボタンを放して図形を完成させます。

ステップ14: 必要に応じて図形のサイズを変更する

図形が背後の画像を完全に隠してしまうため、図形が必要な場所に正確に描画されているかどうかはわかりにくくなります。したがって、シェイプを通して画像を表示するには、レイヤー パネルでシェイプ レイヤーの不透明度を50% に下げます。簡単な方法は、キーボードの数字 5 を押すことです。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshopのレイヤーパネルでシェイプの不透明度を50%に下げます

次に、図形の周囲のハンドルをクリックしてドラッグし、必要に応じてサイズを変更します。

Photoshopでピクチャーインピクチャー効果を作成する方法
ハンドルをドラッグして図形のサイズを変更します

図形の不透明度を100%にリセット

シェイプのサイズ変更が完了したら、キーボードの0 を押して、レイヤー パネルでシェイプ レイヤーの不透明度を 100% にリセットします。この形状により、再び画像が視界から遮られます。

Photoshopでピクチャーインピクチャー効果を作成する方法
シェイプ レイヤーの不透明度を 100% にリセットします。

ステップ15: Smallレイヤーを図形の上にドラッグします

次に、Small レイヤー上の画像をシェイプ内に配置します。レイヤー パネルでは、図形が画像の上に表示されます。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤー パネルには、画像の上にシェイプ レイヤーが表示されます。

画像を図形の上に配置する必要があります。そこで、Small レイヤーをクリックして、シェイプ レイヤーの上にドラッグします。シェイプ レイヤーの上に青いハイライト バーが表示されたら、次の操作を行います。

Photoshopでピクチャーインピクチャー効果を作成する方法
画像レイヤーをシェイプレイヤーの上にドラッグします。

マウス ボタンを放して、Small レイヤーを所定の位置にドロップします。

Photoshopでピクチャーインピクチャー効果を作成する方法
画像がシェイプレイヤーの上に移動されました。

そして、ドキュメント内では、画像によって図形が隠れてしまいます。

Photoshopでピクチャーインピクチャー効果を作成する方法
写真は現在、その下の図形をブロックしています。

ステップ16: クリッピングマスクを作成する

画像をシェイプ内に配置するには、レイヤー パネル メニュー アイコンをクリックします。

Photoshopでピクチャーインピクチャー効果を作成する方法
レイヤーパネルメニューアイコンをクリックします。

「クリッピングマスクの作成」を選択します。

Photoshopでピクチャーインピクチャー効果を作成する方法
クリッピングマスクの作成コマンドを選択します。

Photoshop は、Small レイヤー上の画像をその下のシェイプ レイヤーに切り取ります。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤー パネルには、小さいレイヤーにクリップされた画像レイヤーが表示されます。

フルカラー画像は図形の境界内にのみ表示され、背景レイヤーの白黒バージョンはその周囲に再び表示されます。

Photoshopでピクチャーインピクチャー効果を作成する方法
小さいレイヤーをシェイプ レイヤーにクリッピングした後の結果。

ステップ17: シェイプレイヤーを選択する

小さい画像を目立たせるために、白い枠線とドロップ シャドウを追加します。まずは国境から始めましょう。

レイヤーパネルで、シェイプレイヤーを選択します。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤーパネルでシェイプレイヤーを選択します。

ステップ18: 図形の周囲に白い線を追加する

次に、下部にあるレイヤー効果アイコン(「fx」アイコン)をクリックします。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤーパネルでレイヤー効果アイコンをクリックします。

リストから「ストローク」を選択します。

Photoshopでピクチャーインピクチャー効果を作成する方法
シェイプにストローク レイヤー効果を追加します。

カラーストローク

レイヤー スタイルダイアログ ボックスで、カラー スウォッチをクリックしてストロークの色を変更します。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤー スタイル ダイアログ ボックスで、ストローク カラー見本をクリックします。

カラーピッカーで、R、G、Bの値を255に設定して白を選択します。次に[OK]をクリックしてカラーピッカーを閉じます。

Photoshopでピクチャーインピクチャー効果を作成する方法
カラーピッカーから白を選択します。

ストロークの位置

レイヤー スタイル ダイアログに戻り、境界線の角をきれいにシャープに保つために、ストロークの位置が内側に設定されていることを確認します。

Photoshopでピクチャーインピクチャー効果を作成する方法
ストロークの位置を内側に設定します。

ストロークサイズ

次に、「サイズ」スライダーをドラッグして境界線の幅を設定します。必要なサイズは画像によって異なります。この例では、画像を 40 ピクセルに設定します。

Photoshopでピクチャーインピクチャー効果を作成する方法
境界線のサイズを設定するには、サイズスライダーを使用します。

画像の周囲に小さな境界線を追加した効果は次のとおりです。

Photoshopでピクチャーインピクチャー効果を作成する方法
ボーダーが追加されたエフェクト。

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

画像の背後にドロップ シャドウを追加するには、[レイヤー スタイル] ダイアログ ボックスの左側にある垂直効果列の [ドロップ シャドウ]オプションをクリックします。

Photoshopでピクチャーインピクチャー効果を作成する方法
ドロップシャドウ効果を選択

影の角度と距離

次に、画像内をクリックしてドラッグし、影の角度距離を設定します。ここでは、影の光源が左上隅から表示されるように、下方向と右方向にドラッグする例を示します。

Photoshopでピクチャーインピクチャー効果を作成する方法
影を画像の右下へドラッグします。

または、ダイアログボックスに特定の角度と距離の値を入力することもできます。この例では、角度を 135 度、距離を 50 ピクセルに設定します。画像によっては、距離の値を小さくしたり大きくしたりする必要がある場合があります。

Photoshopでピクチャーインピクチャー効果を作成する方法
特定の角度と距離の値を入力します。

ボールサイズ

サイズの値は、影のエッジの柔らかさまたは不透明度を制御します。この例では 15 ピクセルに設定します。

Photoshopでピクチャーインピクチャー効果を作成する方法
サイズを大きくして影のエッジを柔らかくします。

影の不透明度

また、不透明度スライダーをドラッグして、影の強さ(影の明るさまたは暗さ)を調整できます。ただし、この例ではデフォルト値の 35% のままになります。

Photoshopでピクチャーインピクチャー効果を作成する方法
影の不透明度をデフォルト値のままにします。

完了したら、[OK]をクリックして、[レイヤー スタイル] ダイアログ ボックスを閉じます。以下は、小さい画像に境界線とドロップ シャドウを追加した効果です。あと一つだけやるべきことがあります:

Photoshopでピクチャーインピクチャー効果を作成する方法
小さい写真に境界線と影が追加されたピクチャー イン ピクチャー効果。

ステップ20: 図形を回転する

最後に、被写体の周りの形状を回転させることにより、効果に楽しさを加えることができます。

レイヤー パネルで、シェイプ レイヤーがアクティブになっていることを確認します。

Photoshopでピクチャーインピクチャー効果を作成する方法
Photoshop のレイヤーパネルでシェイプレイヤーを選択します。

ツールバーで長方形ツールがまだアクティブな状態で、マウス ポインターを図形のハンドルのすぐ外側に置きます。カーソルが回転アイコン (両端に矢印がある曲線) に変わります。

Photoshopでピクチャーインピクチャー効果を作成する方法
ハンドルの近くにマウスを移動すると、回転アイコンが表示されます。

次に、クリックしてドラッグし、図形を回転します。図形内の画像は固定されたままになります。その形状のみが、その輪郭と影とともに回転し、写真が斜めから撮影されたように見えます。

Photoshopでピクチャーインピクチャー効果を作成する方法
メインの被写体を中心に小さな写真を回転させます。

ステップ21: 図形のサイズを最終調整する

回転した図形によって被写体の一部が切り取られていないことを確認し、必要に応じてハンドルをドラッグして図形のサイズを変更します。

完了したら、キーボードのEnter キー(Win) / Return キー(Mac)を押して、図形の周囲の境界線とハンドルを非表示にします。

そして、女性の親指の一部が切れてしまわないように図形の下部を引き伸ばすと、最終的なピクチャーインピクチャー効果が完成します。

Photoshopでピクチャーインピクチャー効果を作成する方法
最終結果。
Sign up and earn $1000 a day ⋙

Leave a Comment

ほとんどの写真家にとって、Lightroom と Photoshop の両方を使用するのはやりすぎなのはなぜでしょうか?

ほとんどの写真家にとって、Lightroom と Photoshop の両方を使用するのはやりすぎなのはなぜでしょうか?

Lightroom と Adob​​e Photoshop はどちらも最も優れた写真編集ツールですが、多くのプロが両方を併用している一方で、アマチュア写真家の場合は Lightroom のみが必要です。

PhotoshopのジェネレーティブワークスペースがAdobeの最高の機能である5つの理由

PhotoshopのジェネレーティブワークスペースがAdobeの最高の機能である5つの理由

Generative Workspace は、Adobe Max 2024 で発表された主要な AI 機能の 1 つです。Generative AI の画像とファイルの新しいホームになります。

Photoshopでジェネレーティブフィルを使って水面反射効果を作成する方法

Photoshopでジェネレーティブフィルを使って水面反射効果を作成する方法

Adobe の Generative AI「Firefly」を搭載した Generative Fill を使用すると、選択範囲を描画し、いくつかの単語を入力してボタンをクリックするだけで、誰でも写真にリアルな水面反射効果を加えることができます。

Photoshopで選択範囲に画像を貼り付ける方法

Photoshopで選択範囲に画像を貼り付ける方法

このチュートリアルでは、Adobe Photoshop の「貼り付け」コマンドを使用して、画像をコピーし、別の画像の選択範囲に貼り付ける方法を説明します。

Photoshopで高コントラストの白黒写真を瞬時に変換する方法

Photoshopで高コントラストの白黒写真を瞬時に変換する方法

このチュートリアルでは、グラデーション マップを使用して Photoshop で高コントラストの白黒写真を瞬時に変換する方法を説明します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法

このチュートリアルでは、ライブ グラデーションを使用して Photoshop で画像を背景色にフェードさせる最新かつ最も簡単な方法を紹介します。

Photoshopのフォントブラウザ機能を使用する理由

Photoshopのフォントブラウザ機能を使用する理由

フォント選びに迷うのは事実です。 Adobe の Photoshop には時間節約機能が組み込まれているため、数回クリックするだけでヘルプを利用できます。フォントブラウザです!

クリエイターにとって、Photoshop は Canva Pro よりも価値があるのはなぜですか?

クリエイターにとって、Photoshop は Canva Pro よりも価値があるのはなぜですか?

Canva はシンプルなので、多くの人に好まれるツールとなっています。一方、Photoshop は気の弱い人には向いていません。多くの機能があり、習得するには長い時間がかかります。

Photoshopの新しいAIツールで窓のぎらつきを簡単に除去

Photoshopの新しいAIツールで窓のぎらつきを簡単に除去

Adobe は、写真から迷惑な反射を除去できる新しい AI ツールを発表しました。

Photoshopでビンテージ3D映画風エフェクトを作成する方法

Photoshopでビンテージ3D映画風エフェクトを作成する方法

この簡単で手軽な Photoshop エフェクトを使用して、1950 年代のクラシックな 3D 映画の雰囲気を再現しましょう。

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

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

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

Photoshopでより優れたカラーハーフトーン効果を作成する方法

Photoshopでより優れたカラーハーフトーン効果を作成する方法

カラーハーフトーン効果は、新聞、雑誌、コミック、ポップアートで使用される印刷技術をエミュレートして、画像にビンテージまたはノスタルジックな外観を与えることができます。

Photoshopでポートレート写真の笑顔を編集する4つの方法

Photoshopでポートレート写真の笑顔を編集する4つの方法

Photoshop を使用して写真の笑顔を編集する方法はいくつかあります。たとえば、Liquify ツール、Neural Filter、レイヤー、Puppet Warp ツールなどです。

Photoshopで写真を図形に挿入する方法

Photoshopで写真を図形に挿入する方法

基本的な長方形や円から、凝ったカスタム形状まで、あらゆる形状に写真を配置するのは簡単です。

Zuka Lien Quan Mobileシーズン1 2023のプレイ方法

Zuka Lien Quan Mobileシーズン1 2023のプレイ方法

ズカは体力の低いチャンピオンにとって恐怖の存在として知られる暗殺者です。シーズン23でZukaを効果的に使用する方法を学びます。

最新のヒロイックエラコードとコードの利用方法

最新のヒロイックエラコードとコードの利用方法

Heroic Age ギフトコードを通じてギフトを受け取ることは、ゲームに参加するほぼすべての新規プレイヤーが行うことです。

最も安いクラウドストレージプロバイダー8選

最も安いクラウドストレージプロバイダー8選

利用可能な最も安価なオンライン クラウド ストレージ オプションを見てみましょう。この記事では、絶対的な価格とギガバイトあたり(月額)の両方の価格設定について説明し、自分に最適なものを選択できるようにします。

Excel のポンド記号エラー (####) とは何ですか?

Excel のポンド記号エラー (####) とは何ですか?

Excel の #### は一般的な Excel エラーであり、Excel にデータ、Excel の関数、Excel の数式を入力するときにさまざまなケースで発生します。

Samsung Galaxyスマートフォンで変更すべき12の設定

Samsung Galaxyスマートフォンで変更すべき12の設定

Samsung Galaxy スマートフォンを購入したばかりで、設定が必要ですか? Samsung の携帯電話をより快適に動作させるために変更すべき 10 個の設定を紹介します。

最新のMurder Mystery 2コードと入力方法

最新のMurder Mystery 2コードと入力方法

Code Murder Mystery 2 では、プレイヤーは自分のキャラクターにさらに多くのナイフ スキンを選択したり、サービスに使用したりゲーム内の他のものを購入したりするためにさらに多くのお金を獲得したりできます。

両親、配偶者、恋人、友人へのお祝いの気持ちが込められた28種類の美しい誕生日カードデザイン

両親、配偶者、恋人、友人へのお祝いの気持ちが込められた28種類の美しい誕生日カードデザイン

恋人、両親、友人、兄弟、同僚などの誕生日には、贈り物のほかに、お祝いの気持ちを込めたバースデーカードを送ることも忘れないでください。

面白いけど甘い、あなたの好きな人の心を「捕らえる」いちゃつくなぞなぞ

面白いけど甘い、あなたの好きな人の心を「捕らえる」いちゃつくなぞなぞ

これらの楽しいクイズは、強い印象を与え、好きな人の心を早く、そして楽しく征服するのに役立ちます。

コルキ DTCL シーズン 7: ビルドアイテム、標準コルキ ガンナー部隊

コルキ DTCL シーズン 7: ビルドアイテム、標準コルキ ガンナー部隊

Corki DTCL シーズン 7 では、敵チームを自由に破壊したい場合、制御を引き起こすための保護またはサポートが必要です。同時に、より効果的なダメージを与えるためには、コルキの装備も標準化する必要があります。

Mini World Royaleのダウンロード方法と遊び方の説明

Mini World Royaleのダウンロード方法と遊び方の説明

Mini World Royale のダウンロード リンクとプレイ手順は次のとおりです。Mini World Royale APK と Mini World Royale iOS の 2 つのバージョンがあります。

1314とは何ですか?

1314とは何ですか?

1314 は若者が愛の暗号としてよく使う数字です。しかし、1314 が何であるか、そしてそれが何を意味するのかを誰もが知っているわけではないのでしょうか?

有害な環境にいるときに心身の健康を守る方法

有害な環境にいるときに心身の健康を守る方法

有害な状況に対処することは信じられないほど困難になる可能性があります。有害な環境にうまく対処し、心の平穏を保つためのヒントをいくつか紹介します。

音楽が脳を刺激する方法

音楽が脳を刺激する方法

音楽は単なる娯楽ではなく、それ以上に多くの利点があることをほとんどの人が知っています。音楽が脳の発達を刺激する方法をいくつか紹介します。

食事で最も不足しがちな栄養素

食事で最も不足しがちな栄養素

食事は私たちの健康にとって非常に重要です。しかし、私たちの食生活のほとんどには、これら 6 つの重要な栄養素が不足していることが多いのです。

サークルKのCKクラブアプリを使って魅力的なオファーを受け取る方法

サークルKのCKクラブアプリを使って魅力的なオファーを受け取る方法

Circle K からのプロモーション情報を最も早く入手するには、CK Club アプリをインストールする必要があります。このアプリケーションは、買い物やサークル K での支払い時の料金と、集めたスタンプの数を保存します。