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

このチュートリアルでは、 Adobe Photoshopを使用して写真を図形に挿入する方法を説明します。ご覧のとおり、基本的な長方形や円から、凝ったカスタム形状まで、あらゆる種類の形状に写真を配置するのは簡単です。このチュートリアルではカスタム シェイプを使用し、複数選択時に不足しているシェイプをすべて Photoshop に読み込む方法を説明します。

目次

ステップ1: 新しいドキュメントを作成する

まず、新しい Photoshop ドキュメントを作成します。メイン画面が表示されている場合は、[新しいファイル]ボタンをクリックします。

Photoshopで写真を図形に挿入する方法
Photoshopのメイン画面で「新規ファイル」ボタンをクリックします。

または、メニュー バーの[ファイル]メニューに移動して[新規]を選択することもできます。

Photoshopで写真を図形に挿入する方法
「ファイル > 新規」に移動します。

どちらの場合も、「新しいドキュメント」ダイアログボックスが開き、右側の列に必要な設定を入力できます。この例では、高さの両方を 2000 ピクセルに設定して正方形のドキュメントを作成します。

図形内に画像を配置しますが、画像は通常、より高い解像度で保存されるため、解像度の値を 300 ピクセル/インチに変更し、背景コンテンツはのままにしておきます。

Photoshopで写真を図形に挿入する方法
新しいPhotoshopドキュメントを設定する

次に、「作成」ボタンをクリックします。

Photoshopで写真を図形に挿入する方法
「作成」ボタンをクリックして、新しい Photoshop ドキュメントを作成します。

そして、Photoshop は新しいドキュメントを作成します。

Photoshopで写真を図形に挿入する方法
新しいPhotoshopドキュメント

ステップ2: シェイプパネルを開く

Photoshop でカスタム シェイプを描画する最も簡単な方法は、シェイプ パネルから追加することです。このパネルを開くには、「ウィンドウ」メニューに移動して「シェイプ」を選択します

Photoshopで写真を図形に挿入する方法
ウィンドウメニューから図形パネルを開きます

シェイプ パネルは、メイン パネルの左側のサブパネル列に開きます。パネルアイコンをクリックすると、パネルを表示または非表示にすることができます。

Photoshopで写真を図形に挿入する方法
Photoshop のシェイプ パネルがサブパネル列に開きます。

最初に表示されるのは、グループに分割されたデフォルトの図形だけです。

Photoshopで写真を図形に挿入する方法
Photoshopのデフォルトのカスタムシェイプグループ

グループのフォルダー アイコンの横にある矢印をクリックすると、グループを回転してグループ内の図形を表示できます。

Photoshopで写真を図形に挿入する方法
グループ内の図形を表示する

また、図形パネルの下部を下にドラッグして拡大し、複数の図形を一度に表示することもできます。

Photoshopで写真を図形に挿入する方法
シェイプパネルを展開する

ステップ3: 不足している図形を読み込む

Photoshop で使用可能な不足しているシェイプをすべて読み込むには、シェイプパネル メニュー アイコンをクリックします。

Photoshopで写真を図形に挿入する方法
メニューアイコンをクリックします。

次に、[従来の図形とその他]を選択します。

Photoshopで写真を図形に挿入する方法
レガシー図形とその他のグループを読み込みます。

デフォルトの下に、新しい [レガシー図形とその他] グループが表示されます。

Photoshopで写真を図形に挿入する方法
新しいレガシー シェイプとその他のグループ。

そして内部にはさらに 2 つのグループがあります。2019 Shapesには、Photoshop 2020 に追加された数百の新しいシェイプが含まれています。また、All Legacy Default Shapes には、以前のバージョンの Photoshop のクラシックなシェイプが含まれています。

Photoshopで写真を図形に挿入する方法
2019 シェイプとすべてのレガシーデフォルトシェイプ

ステップ4: 図形を選択する

このチュートリアルでは、クラシックなシェイプの 1 つを使用します。この例では、「すべての従来の既定の図形」グループが開きます。

Photoshopで写真を図形に挿入する方法
すべてのレガシーデフォルトシェイプグループを開く

次に、「Nature」まで下にスクロールし、クリックして開きます。

Photoshopで写真を図形に挿入する方法
オープンネイチャーグループ

そして、自然の中では蝶の形を使います。

Photoshopで写真を図形に挿入する方法
蝶の画像を選択

ステップ5: 画像をキャンバスにドラッグアンドドロップします

図形を追加するには、図形パネルから図形のサムネイルをクリックしてドラッグし、キャンバスにドロップするだけです。

Photoshopで写真を図形に挿入する方法
図形パネルからキャンバスに図形をドラッグします。

Photoshop では、マウス ボタンを放すと図形が描画されます。

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

ステップ6: 画像のサイズを変更して中央に配置する

画像のサイズを変更する前に、オプション バーに移動して、高さのフィールドの間にあるリンク アイコンが選択され、画像のアスペクト比が固定されていることを確認します。

Photoshopで写真を図形に挿入する方法
幅と高さがリンクされていることを確認してください。

次に、変換ハンドルのいずれかをクリックしてドラッグし、図形のサイズを変更します。キーボードのAltキー(Win) / Optionキー (Mac)を押しながらドラッグすると、図形の中心からサイズが変更されます。

Photoshopで写真を図形に挿入する方法
ハンドルをドラッグして図形のサイズを変更します。

図形をクリックしてキャンバスの中央にドラッグします。中心に近づくと、所定の位置にカチッとはまります。

Photoshopで写真を図形に挿入する方法
図形を中央にドラッグします。

次に、オプション バーのチェック マークをクリックして受け入れます。

Photoshopで写真を図形に挿入する方法
チェックマークをクリックして、図形のサイズと位置を承認します。

レイヤーパネルでは、シェイプが独自のレイヤーに表示されます。サムネイルの右下隅にあるアイコンから、それがシェイプ レイヤーであることがわかります。

Photoshopで写真を図形に挿入する方法
新しいシェイプ レイヤーが表示された Photoshop のレイヤー パネル。

ステップ7: プロパティパネルで塗りと線のオプションを確認します

シェイプ レイヤーを選択すると、プロパティ パネルから、塗りやストロークなどのシェイプのすべてのオプションにアクセスできます。

Photoshopで写真を図形に挿入する方法
Photoshop のプロパティ パネルのシェイプ オプション。

デフォルトでは、Photoshop は塗りつぶし色に黒を使用しますが、図形に画像を挿入した後はその色は表示されないので問題ありません。

しかし、Photoshop では、図形の周囲に 1 ピクセルの黒いストロークも追加されます。

Photoshopで写真を図形に挿入する方法
図形のデフォルトの塗りつぶしとストローク。

必要に応じて、後でストロークを追加できます。ただし、今は、ストロークの色見本をクリックしてストロークをオフにします。

Photoshopで写真を図形に挿入する方法
ストロークの色見本をクリックします

パネルの左上隅にある「色なし」アイコンをクリックします。次に、パネルの外側をクリックしてパネルを閉じるか、キーボードのEnter (Win) / Return (Mac) を押します。

Photoshopで写真を図形に挿入する方法
ストロークを「色なし」に設定します。

ステップ8: ドキュメントに画像を配置する

次に、画像をドキュメントに配置します。画像をシェイプと同じドキュメントに表示したいので、Photoshop の「埋め込みを配置」コマンドを使用します。

[ファイル] メニューに移動して、[埋め込みを配置]を選択します。

Photoshopで写真を図形に挿入する方法
ファイルメニューから埋め込みを配置コマンドを選択します。

コンピューター上で画像が保存されている場所に移動します。この例では、画像はデスクトップ上のフォルダーにあります。画像をクリックして選択し、「配置」をクリックします。

Photoshopで写真を図形に挿入する方法
画像を選択し、「配置」をクリックします。

Photoshop は図形の前に画像を追加します。画像がドキュメントのサイズより大きい場合、Photoshop はサイズに合わせて画像のサイズを変更します。使用されている画像は Adob​​e Stock からのものです。

Photoshopで写真を図形に挿入する方法
画像は図形の前面に配置されます。

図形に配置した後、画像のサイズを変更します。次に、オプション バーのチェック マークをクリックして承認します。

Photoshopで写真を図形に挿入する方法
オプション バーのチェック マークをクリックします。

レイヤーパネルに戻ると、画像はシェイプレイヤーの上の新しいレイヤーに表示されます。 Photoshop によって画像がスマート オブジェクトに変換されたことに注意してください。これはサムネイルの右下隅のスマート オブジェクト アイコンで確認できます。つまり、画像のサイズを何度変更しても、画像の品質は変わりません。

Photoshopで写真を図形に挿入する方法
Photoshop は画像をスマート オブジェクトとして設定します。

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

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

Photoshopで写真を図形に挿入する方法
レイヤーパネルメニューアイコンをクリックします。

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

Photoshopで写真を図形に挿入する方法
クリッピングマスクの作成コマンドを選択します。

クリッピング マスクは、画像を下にある図形にクリップします。つまり、画像で表示される部分は図形のすぐ上または前面の領域のみになります。図形の外側にある画像の部分は非表示になり、画像が実際には図形の内側にあるかのような錯覚を生み出します。

Photoshopで写真を図形に挿入する方法
図形に画像を挿入した後の結果。

レイヤー パネルに戻ると、イメージ レイヤーが右にインデントされ、小さな矢印が下のシェイプ レイヤーを指していることがわかります。これは、クリッピング マスクを作成したことを Photoshop が通知する方法です。

Photoshopで写真を図形に挿入する方法
レイヤーパネルにはクリッピングマスクが表示されます。

ステップ10: 自由変形を使用して画像のサイズと位置を変更する

図形内の画像のサイズを変更したり位置を変更するには、[編集]メニューに移動して[自由変形]を選択します。

Photoshopで写真を図形に挿入する方法
画像を形に切り取った結果。

オプション バーで、幅と高さのフィールドの間にリンク アイコンが選択されていることを確認します。

Photoshopで写真を図形に挿入する方法
リンクアイコンが選択されていることを確認してください。

次に、変換ハンドルのいずれかをドラッグして画像のサイズを変更します。キーボードのAltキー(Win) / Optionキー (Mac) を押したままハンドルをドラッグすると、画像の中心からサイズを変更できます。

Photoshopで写真を図形に挿入する方法
図形内の画像のサイズを変更します。

次に、画像をドラッグして、図形内にオブジェクトを配置します。正しく表示されるまで、画像のサイズ変更と位置変更を何度も繰り返す必要がある場合があります。

Photoshopで写真を図形に挿入する方法
図形内に画像を配置します。

完了したら、オプション バーのチェック マークをクリックします。

Photoshopで写真を図形に挿入する方法
オプション バーのチェック マークをクリックします。

背景色を変更する方法

この時点で、画像を図形内に配置し、主な効果は完成しました。次にできることがいくつかあります。図形の周囲にストロークを追加したり、図形の背景色を変更したり、背景を完全に削除したりできます。

この記事では、まず背景色を変更する方法を説明します。最も簡単な方法は、単色塗りつぶしレイヤーを使用することです。

ステップ1: 単色塗りつぶしレイヤーを追加する

単色塗りつぶしレイヤーを背景レイヤーのすぐ上に表示します。レイヤーパネルで、背景レイヤーをクリックして選択します。

Photoshopで写真を図形に挿入する方法
レイヤーパネルで背景レイヤーを選択します。

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

Photoshopで写真を図形に挿入する方法
新しい塗りつぶしまたは調整レイヤーのアイコンをクリックします。

リストの上部から「単色」を選択します。

Photoshopで写真を図形に挿入する方法
単色塗りつぶしレイヤーを追加します。

ステップ2: 新しい背景色を選択する

Photoshop でカラーピッカーが開き、背景に新しい色を選択できるようになります。デフォルトの色は黒で、形状の詳細がはっきりと強調されます。しかし、この場合、蝶の背景色としては暗すぎます。

Photoshopで写真を図形に挿入する方法
背景色として黒を使用したエフェクト。

カラーピッカーから別の色を選択できます。ただし、図形内の画像から直接色をサンプリングすることもできます。画像の上にマウス カーソルを移動すると、カーソルがスポイトに変わります。次に、サンプルとして取りたい色をクリックします。

たとえば、女の子の額から明るい肌の色調をサンプリングし、それが即座に新しい背景色になります。

Photoshopで写真を図形に挿入する方法
図形内の画像から新しい背景色をサンプリングします。

気に入った色が見つかったら、「OK」をクリックしてカラーピッカーを閉じます。レイヤー パネルに戻ると、背景レイヤーとその上のシェイプ レイヤーの間に単色塗りつぶしレイヤーが追加されていることがわかります。

Photoshopで写真を図形に挿入する方法
Photoshop のレイヤー パネルに新しいソリッド カラー塗りつぶしレイヤーが表示されています。

図形の周囲にストロークを追加する方法

効果を高めるもう 1 つの方法は、図形の周囲にストロークを追加することです。

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

まず、レイヤーパネルでシェイプレイヤーをクリックして選択します。

Photoshopで写真を図形に挿入する方法
レイヤーパネルでシェイプレイヤーを選択します。

ステップ2:ストロークレイヤー効果を追加する

プロパティパネルからストロークを追加することもできますが、多くの人は依然として、レイヤー効果を使用してストロークを追加する昔ながらの方法を好みます。シェイプ レイヤーを選択した状態で、レイヤーパネルの下部にあるfxアイコンをクリックします。

Photoshopで写真を図形に挿入する方法
Photoshop のレイヤーパネルでレイヤー効果アイコンをクリックします。

そして「ストローク」を選択します。

Photoshopで写真を図形に挿入する方法
ストロークレイヤー効果を追加します。

Photoshop は、中央の列にストロークオプションがあるレイヤー スタイルダイアログ ボックスを開きます。ストロークの色を変更するには、カラー見本をクリックします。

Photoshopで写真を図形に挿入する方法
Photoshop のレイヤー スタイル ダイアログ ボックスでカラー見本をクリックします。

次に、カラーピッカーから新しい色を選択します。この例では、R、G、B の値を 255 に設定して白を選択します。完了したら[OK]をクリックしてカラー ピッカーを閉じます。

Photoshopで写真を図形に挿入する方法
カラーピッカーからストロークに白を選択します。

レイヤー スタイルダイアログ ボックスに戻り、位置を外側に設定して、ストロークがシェイプの外側に表示されるようにします。次に、「サイズ」の値を増やして、ストロークの太さを調整します。サンプル画像の場合、18px 程度のサイズが適しています。

Photoshopで写真を図形に挿入する方法
レイヤー スタイル ダイアログ ボックスでストロークの位置とサイズを設定します。

[OK]をクリックして、レイヤー スタイルダイアログ ボックスを閉じます。以下は、例の図形の周囲にストロークを適用した結果です。

Photoshopで写真を図形に挿入する方法
図形の周囲に白いストロークが追加された結果。

ストロークが気に入らない場合は、レイヤーパネルで「ストローク」という単語の横にある表示アイコンをクリックして、ストロークをオフにすることができます。

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でピクチャーインピクチャー効果を作成する方法

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

このチュートリアルでは、Adobe Photoshop を使用して、1 枚の写真を撮影し、その中に同じ写真の小さく切り取られたバージョンがあるような錯覚を作り出すことで、クールなピクチャ イン ピクチャ効果を作成する方法を説明します。

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』の構成は非常に高く評価されているため、ダウンロードを決定する前に構成を考慮する必要があります。