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

このチュートリアルでは、 Adobe Photoshopの「貼り付け」コマンドを使用して、画像をコピーし、別の画像の選択範囲に貼り付ける方法を説明します。この記事では、Photoshop の自由変形コマンドを使用して 2 つの画像間の遠近感の問題を修正する方法についても説明します。

目次

ステップ1: 画像を貼り付ける領域を選択します

たとえば、テレビ内の領域を選択して、そこに 2 番目の画像を貼り付けられるようにします。画面は直線のエッジを持つポリゴンなので、Photoshop の多角形選択ツールを使用して選択できます。

ツールバーで、標準のなげなわツールをクリックして押したままにすると、その背後に隠れている他のツールが表示されます。次に、メニューから多角形選択ツールを選択します。

Photoshopで選択範囲に画像を貼り付ける方法
多角形選択ツールを選択します。

多角形選択ツールを使用して選択範囲を描く方法

多角形選択ツールを使用するには、選択する領域の周囲をクリックしてポイントを追加するだけです。 Photoshop は、ポイントを直線で接続します。つまり、線の方向を変える必要があるポイントをクリックすることになります。たとえば、画像は画面の 4 隅になります。

選択範囲の開始点を追加するには、画面の左上隅をクリックします。次に、時計回りに移動しながら右上隅をクリックして、2 番目のポイントを追加します。右下隅に 3 番目のポイントを追加し、左下隅に 4 番目のポイントを追加します。

多角形選択ツールでクリックしてドラッグしないでください。クリックしてポイントを追加し、マウスボタンを放すだけです。誤って間違ったポイントをクリックした場合は、PC では Backspace キー、Mac では Delete キーを押して、最後のポイントを元に戻します。

Photoshopで選択範囲に画像を貼り付ける方法
多角形選択ツールで画面の各コーナーをクリックしてポイントを追加します。

選択を完了するには、開始点をもう一度クリックします。この例では、そのポイントは左上隅にあります。

Photoshopで選択範囲に画像を貼り付ける方法
開始点をクリックして選択を完了します。

選択境界線が表示され、その中に画像を貼り付ける準備が整います。

Photoshopで選択範囲に画像を貼り付ける方法
この領域は、Photoshop の多角形選択ツールを使用して選択されました。

ステップ2: 選択範囲に貼り付ける画像を開きます

選択が完了したら、貼り付け先の画像を開きます。上部の「ドキュメント」タブをクリックして、2 番目の画像に切り替えます。

Photoshopで選択範囲に画像を貼り付ける方法
Photoshop で選択範囲に貼り付ける画像を開きます。

ステップ3: 画像を選択してコピーする

メニューバーの「選択」メニューに移動し、 「すべて」を選択して画像を選択します。画像の周囲に選択境界線が表示されます。

Photoshopで選択範囲に画像を貼り付ける方法
[選択] > [すべて] に移動します。

次に、 [編集]メニューに移動して[コピー]を選択して画像をコピーします。

Photoshopで選択範囲に画像を貼り付ける方法
「編集 > コピー」に移動します。

ステップ4: 元の画像に変換する

最初の画像(選択した画像)のタブをクリックして、最初の画像に戻ります。

Photoshopで選択範囲に画像を貼り付ける方法
選択した画像に変換します。

ステップ5: 選択範囲に画像を貼り付ける

次に、コピーした画像を選択範囲に貼り付けるには、[編集]メニューに移動し、[形式を選択して貼り付け] 、[選択した範囲に貼り付け] の順に選択します。

Photoshopで選択範囲に画像を貼り付ける方法
「編集」>「形式を選択して貼り付け」>「貼り付け先」に移動します。

選択範囲内に画像が表示されます。まだやるべき仕事が残っています。被写体が中心からずれており、視点が正しくありません。そこで、次にこれら両方の問題を修正します。

Photoshopで選択範囲に画像を貼り付ける方法
画像を選択範囲に貼り付けた後の初期結果。

Photoshopは選択範囲をレイヤーマスクに変換します

画像を選択範囲に貼り付けると、選択範囲の境界線が消えることに注意してください。これは、Photoshop が選択範囲をレイヤーマスクに変換したためです。

レイヤーパネルでは、レイヤー マスクのサムネイルにマスクが表示されます。マスクの白い部分は選択した領域であり、レイヤー上の画像が表示される場所です。黒い部分は選択範囲の外側の領域であり、画像が隠れている部分です。

Photoshopで選択範囲に画像を貼り付ける方法
レイヤーマスクのサムネイルが表示された Photoshop のレイヤー パネル。

キーボードのShiftキーを押しながらレイヤー マスクのサムネイルをクリックすると、マスクが一時的にオフになります。

Photoshopで選択範囲に画像を貼り付ける方法
Shift キーを押しながらサムネイルをクリックすると、レイヤーマスクがオフになります。

マスクがオフの場合、画像全体が表示されます。

Photoshopで選択範囲に画像を貼り付ける方法
レイヤーマスクをオフにすると画像全体が表示されます。

レイヤー マスクのサムネイルをもう一度クリックすると、マスクが再びオンになり、選択した領域の画像のみが表示されます。

Photoshopで選択範囲に画像を貼り付ける方法
レイヤーマスクを有効にした場合の結果。

ステップ6: 選択した領域内で画像のサイズを変更する

また、レイヤー パネルでは、画像のサムネイルとマスクのサムネイルの間の領域が空白になっていることに注意してください。つまり、リンク アイコンは表示されません。

通常、画像とそのレイヤーマスクはリンクされているため、一方のサイズを変更せずにもう一方のサイズを変更することはできません。ただし、画像を選択範囲に貼り付ける場合、画像とマスクはリンクされないので、マスクに影響を与えずに画像のサイズを変更できます。

Photoshopで選択範囲に画像を貼り付ける方法
レイヤーパネルでは、画像とレイヤーマスクはリンクされていません。

画像のサムネイルをクリックして、レイヤーマスクではなく画像がアクティブになっていることを確認します。

Photoshopで選択範囲に画像を貼り付ける方法
Photoshopのレイヤーパネルで画像のサムネイルをクリックします

次に、「編集」メニューに移動して、「自由変形」を選択します。

Photoshopで選択範囲に画像を貼り付ける方法
「編集」>「自由変形」に移動します。

レイヤーマスクによって隠れている領域も含め、画像の実際のサイズの周囲に自由変形ボックスとハンドルが表示されます。

Photoshopで選択範囲に画像を貼り付ける方法
貼り付けた画像の周囲の自由変形ボックスとハンドル。

画像のサイズを変更するには、ハンドルをクリックしてドラッグします。この記事では、画像の遠近法の問題を修正する方法をすぐに説明します。しかし、今のところ、この記事では、サイド ハンドルをテレビの端に向かって内側にドラッグして幅を調整することにのみ焦点を当てます。

Photoshopで選択範囲に画像を貼り付ける方法
選択範囲内に貼り付けられた画像のサイズを変更します。

ステップ7: 画像の遠近感を調整する

画像はまっすぐですが、テレビが傾いているため、遠近感の問題が発生しています。したがって、パースペクティブを調整するには、[変換] ボックス内を右クリックし、[パースペクティブ]を選択します。

Photoshopで選択範囲に画像を貼り付ける方法
右クリックして、メニューから「パースペクティブ」を選択します。

パースペクティブ モードでは、コーナー ハンドルを水平または垂直にドラッグすると、反対側のコーナー ハンドルも一緒に移動しますが、方向は反対になります。

両方の画像の角が揃うまで、コーナーハンドルを上または下にドラッグします。この例では、右上隅のハンドルを上にドラッグします。

Photoshopで選択範囲に画像を貼り付ける方法
右上隅のハンドルを上にドラッグして、画像の上隅を揃えます。

歪曲モードで遠近感を微調整する

場合によっては、上部の角と下部の角を揃えるには、パースペクティブ モードだけで十分です。場合によっては、一方の角を揃えるともう一方の角が歪んでしまうことがあります。

上の角は正しくなりましたが、下の角は正しくないことに注意してください。

Photoshopで選択範囲に画像を貼り付ける方法
パースペクティブモードでは、画像の上隅は修正されますが、下隅は修正されません。

これを修正するには、変換ボックス内を右クリックし、パースペクティブ モードから歪みモードに切り替えます。

Photoshopで選択範囲に画像を貼り付ける方法
「変形」メニューから「歪曲」コマンドを選択します。

歪みモードでは、各コーナーハンドルを個別に移動できます。したがって、右下隅のハンドルを上にドラッグして、上隅に影響を与えずに下隅を揃えることができます。

キーボードの Shift キーを押しながらドラッグすると、移動できる方向が制限され、まっすぐ上または下にドラッグしやすくなります。

Photoshopで選択範囲に画像を貼り付ける方法
歪曲モードでは、他のハンドルを移動せずに任意のコーナーハンドルをドラッグできます。

自由変形モードに戻る

作者は、バスケットボール選手が画面上でもっと多くのスペースを占めるようにしたいと考えました。ただし、画像のサイズを再度変更する前に、[変形] ボックス内を右クリックし、[歪曲] または [遠近法] モードから [自由変形] に切り替える必要があります。

Photoshopで選択範囲に画像を貼り付ける方法
Photoshop で自由変形モードに戻ります。

次に、角のハンドルを外側にドラッグして画像のサイズを変更します。

Photoshopで選択範囲に画像を貼り付ける方法
被写体が選択した領域のより多くを占めるように画像のサイズを変更します。

画像の位置を変更する

変換ボックス内をドラッグして画像の位置を変更し、被写体を中央に配置することもできます。

Photoshopで選択範囲に画像を貼り付ける方法
選択した領域内で画像の位置を変更します。

新しい視点の問題を修正

画像のサイズを変更すると遠近感が再び失われる場合は、[変換] ボックス内を右クリックして [歪み] モードに戻します。

Photoshopで選択範囲に画像を貼り付ける方法
最終編集のために、「歪み」モードに戻ります。

次に、必要に応じてコーナーハンドルをドラッグします。

Photoshopで選択範囲に画像を貼り付ける方法
画像の視点に関する新たな問題を修正します。

ステップ8:自由変形を閉じる

自由変形を承認して閉じるには、オプション バーのチェック マークをクリックします。

Photoshopで選択範囲に画像を貼り付ける方法
オプションバーのチェックマークをクリックして自由変形を閉じます

画像のサイズを変更し、オブジェクトを画面の中央に配置し、残っている遠近法の問題を修正した後、最終結果は次のようになります。

Photoshopで選択範囲に画像を貼り付ける方法
最後に画像を貼り付けます。

(24) コメント

  1. あやか -

    神!これでポートフォリオ完成。作者さんフォローしたよ

  2. 桜子 -

    めっちゃわかりやすい!レイヤーマスク使った方法も追加で教えてほしいな。

  3. ねこみみ -

    にゃんにゃん、ありがとう!選択範囲貼り付けマスターした気分。超役立った~

  4. りんご -

    笑 俺も昨日同じことやって失敗しまくってたw これで救われた~

  5. あいこIT -

    プロの技だね。デザイナーとして参考になるよ。ブックマークしとこ

  6. みゆき nurse -

    この記事読んで即実践。選択範囲に画像貼り付けがこんなに簡単なんて!今までクリッピングマスクで無理やりやってたけど、これからはこの方法一択。病院のポスター作成にぴったりです。作者さん、もっとチュートリアルアップして

  7. ドラゴン -

    やるじゃん!貼り付けバッチリ。ドラゴンも満足w

  8. さくら京都 -

    美しい説明!京都の桜画像を貼り付けてみたよ。完璧~♪

  9. プログラマーけん -

    PhotoshopよりGIMPのほうがいいかも?でもこの方法は参考になった。サンキュー

  10. 大輔456 -

    補足だけど、Edit > Paste Special > Paste Into使えばもっと楽だよ。みんな試せ!

  11. 翔太 -

    いいね!シェアしとくわ。友達に教えてあげる。

  12. みこちゃん -

    助かりました~!ずっと困ってたんだよね。選択範囲作ってCtrl+VでOK

  13. デザイナーゆう -

    経験談だけど、最初は変形ツール併用しないとズレるよ。みんな注意!この記事のおかげでクオリティ上がった。クライアントにも好評だったわ。追加でブレンドモードのTipsも欲しいな。プロ目指す人必見の記事です。

  14. 猫のひろし -

    にゃーん、貼り付け完璧!うちの猫写真もこれで可愛く加工できたわw

  15. ゆきLondon -

    これで解決!前は変にずれてたけど、今度こそ完璧。みんなもやってみて!

  16. 健東京 -

    質問なんだけど、複数画像貼り付ける時はどうするの?教えて~

  17. 太郎123 -

    最高!これ試してみるわ。ありがとう作者さん

  18. 浩二789 -

    これで仕事捗るわ。ありがとう!でもCS6だと微妙に違うかも

  19. たかし game -

    ゲームのUI作りに最適!貼り付けのコツわかった。次はアニメーションの話聞きたいw これ読んでから実践したら、チームからも褒められたよ。短時間でクオリティ爆上がり。みんなPhotoshopユーザーなら絶対読め

  20. すずめ -

    これ知らなかった!マジで便利。感謝です。

  21. 田中太郎 -

    ありがとう!これで選択範囲にぴったり貼り付けられるわ。Photoshop初心者には神記事だよ。

  22. 健一 -

    似たようなの、Photoshopでベクター貼り付けはどうやるの?教えてください

  23. 花子大阪 -

    わーい!これでやっと上手くいった。作者さん天才すぎる!!長年悩んでた問題解決したよ。本当にありがとうございます。次は変形のコツも知りたいな

  24. ぴよぴよ -

    ぴよぴよ~可愛く貼り付けできた!嬉しい~

コメントを残す

Microsoft Teamsの予期しないダウンロードエラーを修正する方法

Microsoft Teamsの予期しないダウンロードエラーを修正する方法

Microsoft Teamsのダウンロードエラー「予期せぬエラー」でワークフローが滞っていませんか?専門家によるステップバイステップガイドと、クイックフィックスと高度なヒントで、すぐに問題を解決できます。再インストールは不要です!

Teams 会議でブレイクアウト ルームが表示されないのはなぜですか?

Teams 会議でブレイクアウト ルームが表示されないのはなぜですか?

Teams 会議でブレイクアウトルームが表示されなくて困っていませんか?Teams でブレイクアウトルームが表示されない主な原因を解説します。ステップバイステップの解決方法に従って、数分でスムーズに機能するようにしましょう。主催者にも参加者にも最適です!

Microsoft Teams OneDriveのファイル同期エラーの解決

Microsoft Teams OneDriveのファイル同期エラーの解決

Microsoft Teams OneDriveのファイル同期エラーにうんざりしていませんか?ステップバイステップガイドに従って、Microsoft Teams OneDriveのファイル同期エラーを素早く解決しましょう。Teamsチャンネルでのスムーズな共同作業に役立つ実証済みの修正プログラムをご用意しています。今すぐエラーのないファイル同期を実現しましょう!

Microsoft Teams のハードエラーを修正する方法(2026 レジストリ修正)

Microsoft Teams のハードエラーを修正する方法(2026 レジストリ修正)

Microsoft Teamsがハードエラーでクラッシュするのにうんざりしていませんか? わずか数分で解決できる、実績のある2026レジストリ修正プログラムを入手しましょう。ステップバイステップガイド、スクリーンショット、そして永続的な問題解決のためのヒントをご紹介します。最新バージョンで動作します!

Microsoft Teamsチュートリアルヘルプエラーのトラブルシューティング

Microsoft Teamsチュートリアルヘルプエラーのトラブルシューティング

Microsoft Teamsチュートリアルヘルプのエラーでお困りですか?このよくある問題に対する、実証済みのステップバイステップの解決策をご覧ください。キャッシュをクリアし、Teamsを更新するなど、すぐにシームレスなコラボレーションを取り戻しましょう!

Microsoft Teams エラーのトラブルシューティング: 最初に確認すべきこと

Microsoft Teams エラーのトラブルシューティング: 最初に確認すべきこと

Microsoft Teamsでエラーが発生していますか?このMicrosoft Teamsのトラブルシューティングガイドでは、エラーを迅速に解決するための最初のチェックポイントをステップバイステップでご紹介します。接続、キャッシュ、アップデートに関するクイックフィックスで、スムーズなチャットを再開できます。

Microsoft Teams アドインが Outlook に表示されないのはなぜですか?

Microsoft Teams アドインが Outlook に表示されないのはなぜですか?

Outlook に Microsoft Teams アドインが表示されなくて困っていませんか?主な原因と簡単なステップバイステップの修正方法をご紹介します。Teams と Outlook のシームレスな連携を簡単に復元できます。最新バージョンでご利用いただけます。

公共Wi-FiでのMicrosoft Teamsネットワークエラーの解決方法

公共Wi-FiでのMicrosoft Teamsネットワークエラーの解決方法

公共Wi-FiでMicrosoft Teamsのネットワークエラーに悩まされていませんか?VPNの調整、ポートチェック、キャッシュクリアなどの即時修正で、通話や会議をスムーズに復旧できます。ステップバイステップガイドですぐに問題を解決できます。

Microsoft Teams のステータスが「離席中」のままになっているのはなぜですか?

Microsoft Teams のステータスが「離席中」のままになっているのはなぜですか?

Microsoft Teamsのステータスが「離席中」のままになって困っていませんか?アイドルタイムアウトや電源設定など、よくある原因と、すぐに「対応可能」に戻すためのステップバイステップの修正方法をご紹介します。最新のTeams機能にアップデートしました。

Microsoft Teams のようこそ画面の起動ループのトラブルシューティング

Microsoft Teams のようこそ画面の起動ループのトラブルシューティング

Microsoft Teamsのようこそ画面の起動ループに悩まされていませんか?Microsoft Teamsのようこそ画面の起動ループを解消するための実証済みのトラブルシューティング手順をお試しください。キャッシュのクリア、アプリのリセット、再インストールが可能です。数分でシームレスなコラボレーション環境を取り戻せます!