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

最高の AI 写真背景除去ツールは何ですか?

最高の AI 写真背景除去ツールは何ですか?

人々は背景を手動で削除するのに多くの時間を費やしており、AI は必ずしも主張するほどの魔法ではありません。

Photoshopで写真を鉛筆スケッチ風に加工する方法

Photoshopで写真を鉛筆スケッチ風に加工する方法

このチュートリアルでは、Adobe Photoshop を使用して写真を簡単に鉛筆スケッチに変換する方法を説明します。

Photoshopで画像のサイズを適切に変更する方法

Photoshopで画像のサイズを適切に変更する方法

Photoshop のシンプルなチャンネルベースの保護方法を知るまでは、画像のサイズ変更を非常に面倒に感じていた人がたくさんいました。

Photoshopで写真にポスター効果を加える方法

Photoshopで写真にポスター効果を加える方法

Photoshop を使用して画像にポスター効果をすばやく簡単に追加し、限られたインク色で印刷されたポスターのクラシックな外観を再現します。

Photoshopよりも優れたAI写真編集ツール6選

Photoshopよりも優れたAI写真編集ツール6選

Photoshop を第 2 の選択肢にする AI 写真編集ツールは数多くあり、AI 機能は複雑な Photoshop を習得しなくても写真を編集できる便利なツールです。

Photoshop 2025で最も人気の3つの機能

Photoshop 2025で最も人気の3つの機能

Photoshop 2025 には、新しい AI ツール、よりスマートな選択、そしてこれまで必要だとは思わなかった機能が搭載されています。

Photoshopでモノクロカラー効果を作成する方法

Photoshopでモノクロカラー効果を作成する方法

このチュートリアルでは、Adobe Photoshop を使用して画像にモノクロカラー効果を簡単に追加する方法について説明します。

Photoshopで影の境界線を作成する方法

Photoshopで影の境界線を作成する方法

このチュートリアルでは、Photoshop でキャンバス スペースとドロップ シャドウを写真に追加して、シンプルでありながらスタイリッシュな写真の境界線を作成する方法を説明します。

レンズぼかしが芸術的な写真編集に使用される Photoshop ツールなのはなぜですか?

レンズぼかしが芸術的な写真編集に使用される Photoshop ツールなのはなぜですか?

Adobe のレンズぼかしツールを使用すると、写真を簡単に確認して、写真に深みとフォーカスを加えることができます。

AIではなく、アクションはユーザーが愛するPhotoshopの機能です

AIではなく、アクションはユーザーが愛するPhotoshopの機能です

アプリ内に隠れている Photoshop アクションは、AI を必要とせずにワークフローを高速化することを目的とした、人気の写真編集ツールの人気の機能です。

ほとんどの写真家にとって、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 の「貼り付け」コマンドを使用して、画像をコピーし、別の画像の選択範囲に貼り付ける方法を説明します。

通常のテレビとスマートテレビの違い

通常のテレビとスマートテレビの違い

スマートテレビはまさに世界を席巻しています。数多くの優れた機能とインターネット接続により、テクノロジーはテレビの視聴方法を変えました。

なぜ冷凍庫にはライトがないのに、冷蔵庫にはライトがあるのでしょうか?

なぜ冷凍庫にはライトがないのに、冷蔵庫にはライトがあるのでしょうか?

冷蔵庫は家庭ではよく使われる家電製品です。冷蔵庫には通常 2 つの部屋があり、冷蔵室は広く、ユーザーが開けるたびに自動的に点灯するライトが付いていますが、冷凍室は狭く、ライトはありません。

Wi-Fiの速度低下を引き起こすネットワーク混雑を解決する2つの方法

Wi-Fiの速度低下を引き起こすネットワーク混雑を解決する2つの方法

Wi-Fi ネットワークは、ルーター、帯域幅、干渉以外にも多くの要因の影響を受けますが、ネットワークを強化する賢い方法がいくつかあります。

Tenorshare Reibootを使ってデータ損失なくiOS 17からiOS 16にダウングレードする方法

Tenorshare Reibootを使ってデータ損失なくiOS 17からiOS 16にダウングレードする方法

お使いの携帯電話で安定した iOS 16 に戻したい場合は、iOS 17 をアンインストールして iOS 17 から 16 にダウングレードするための基本ガイドを以下に示します。

ヨーグルトを毎日食べると体に何が起こるのでしょうか?

ヨーグルトを毎日食べると体に何が起こるのでしょうか?

ヨーグルトは素晴らしい食べ物です。ヨーグルトを毎日食べるのは良いことでしょうか?ヨーグルトを毎日食べると、身体はどう変わるのでしょうか?一緒に調べてみましょう!

健康に最も良いお米の種類は何ですか?

健康に最も良いお米の種類は何ですか?

この記事では、最も栄養価の高い米の種類と、どの米を選んだとしてもその健康効果を最大限に引き出す方法について説明します。

朝時間通りに起きる方法

朝時間通りに起きる方法

睡眠スケジュールと就寝時の習慣を確立し、目覚まし時計を変え、食生活を調整することは、よりよく眠り、朝時間通りに起きるのに役立つ対策の一部です。

Rent Please! をプレイするためのヒント初心者向け大家シミュレーション

Rent Please! をプレイするためのヒント初心者向け大家シミュレーション

レンタルして下さい! Landlord Sim は、iOS および Android 向けのシミュレーション モバイル ゲームです。あなたはアパートの大家としてプレイし、アパートの内装をアップグレードして入居者を受け入れる準備をしながら、アパートの賃貸を始めます。

最新のバスルームタワーディフェンスコードとコードの入力方法

最新のバスルームタワーディフェンスコードとコードの入力方法

Bathroom Tower Defense Roblox ゲーム コードを入手して、魅力的な報酬と引き換えましょう。これらは、より高いダメージを与えるタワーをアップグレードしたり、ロックを解除したりするのに役立ちます。

変圧器の構造、記号、動作原理

変圧器の構造、記号、動作原理

変圧器の構造、記号、動作原理を最も正確な方法で学びましょう。

AIがスマートテレビを進化させる4つの方法

AIがスマートテレビを進化させる4つの方法

画質や音質の向上から音声制御まで、これらの AI 搭載機能により、スマートテレビはさらに優れたものになります。

ChatGPTがDeepSeekより優れている理由

ChatGPTがDeepSeekより優れている理由

当初、人々はDeepSeekに大きな期待を寄せていました。 ChatGPT の強力な競合製品として販売されている AI チャットボットは、インテリジェントなチャット機能とエクスペリエンスを約束します。

Fireflies.ai をご紹介します: 仕事の時間を節約できる無料の AI 秘書

Fireflies.ai をご紹介します: 仕事の時間を節約できる無料の AI 秘書

他の重要な事柄を書き留めるときに重要な詳細を見逃すことはよくありますし、チャットしながらメモを取ろうとすると気が散ってしまうこともあります。 Fireflies.ai が解決策です。

Minecraftでアホロートルを育てる方法、Minecraftでサラマンダーを飼いならす方法

Minecraftでアホロートルを育てる方法、Minecraftでサラマンダーを飼いならす方法

Axolot Minecraft は、使い方を知っていれば、水中で操作するときにプレイヤーにとって素晴らしいアシスタントになります。

『クワイエット・プレイス:ザ・ロード・アヘッド』PCゲーム設定

『クワイエット・プレイス:ザ・ロード・アヘッド』PCゲーム設定

『A Quiet Place: The Road Ahead』の構成は非常に高く評価されているため、ダウンロードを決定する前に構成を考慮する必要があります。