Photoshopの自由変形で画像を合成するテクニックを解説

この記事ではPhotoshopの自由変形で画像を合成するテクニックを解説します。

僕は仕事で、自分で制作したデザインをパースがかかった画像に合成したり、お店のファサードにデザインを合成したりするときによく使います。

この方法を応用すれば、面白い表現にも繋がるかもしれません。是非この機会にマスターして、色々と試してみてください。

Photoshopの「自由変形」の基本的な使い方

まずは、自由に形を変形させたい画像を用意します。

その画像をフォトショップで開き、

その状態で画像の角をドラックすると、画像を自由に変形することが出来きます。

形を調整している間は、形をまだ決定していない状態ですので、調整が終わり、画像の形を決定したい場合はエンターキーを押して完了です。

Photoshopの自由変形を使って画像を合成する

では本題の画像を変形させて、別画像に合成する方法をご紹介します。

今回はパソコンのモニターに画像を合成してみます。そのために、斜体のかかったノートパソコンの画像を用意しました。

パソコンの画像をフォトショップで開いたら、先ほどの画像をコピー&ペーストします。

次に先ほどの方法を使って、画像の角を、モニターの角に合わせるように変形させます。

４つの角をしっかり合わせて変形を確定させたら完成です。

あとは周りの明るさや色味と違いすぎて違和感がある場合は調整をすればより馴染むと思います。

Photoshopの自由変形を使って自然に合成するためのコツ

先ほどは横長のパソコンモニターに合成するために、りんごの画像は同じ横長で比率が近かったので、そこまでの違和感なく合成することが出来ました。

それをわかりやすく解説するために、さまざなな比率の画像を用意しました。

ここに映っているデバイス画面に先ほどの横長の画像を無理やり当て込めてみると、このようになります。

iPhoneや額縁などは画像が不自然に変形してしまいました。中央のモニターも横一ですが、ワイド(横)が長いため、比率が合わずに横に少し引き延ばされてしまってます。

それぞれ、比率を合わせて、自由変形して当て込むと、より自然な合成画像にすることが出来ました。

Photoshopの自由変形で画像を合成するテクニックまとめ

合成する画像同士の比率だけ気をつけておけば、簡単に合成することが出来ます。

この方法の良いところは、パースや斜体がかかっているような奥行き感がある画像にも合成できることです。

様々な場面で使うことがあるかと思います。コラージュ作品などのアート作品にも使える機能だと思いますので、覚えて応用してみてください！