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

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

ステップ1：写真を開く

まず写真を開きます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

形を完璧にする方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

カラーストローク

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

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

ストロークの位置

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

ストロークサイズ

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

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

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

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

影の角度と距離

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

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

ボールサイズ

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

影の不透明度

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

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

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

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

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

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

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

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

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

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

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