fantiaはじめました！無料素材やAI、PSDを配布中です。

【Photoshop】はめ込み画像を作る方法（画像や文字を自由な形に変形する方法）

SHARE

この記事を読むのに必要な時間は約 8 分です。

テレビやスマホ画面やタブレット画面、PC画面に別の画像をはめ込む方法です。
斜めアングルから撮影した端末に別画像をはめ込むには従来の[ Ctrl + T ]の変形では上手くいきません。

当記事はそんな「斜めから撮影した画面」に別画像や文字をはめ込む方法をゼロから解説します。
Photoshop（フォトショップ）初心者の方にも分かりやすく解説いたします！

斜めから撮った画面に画像をはめ込む手順

正面ではなく、斜めから見た画面に対して任意の画像をハメ込む方法です。

STEP.1
素材を用意
今回はiPad Airの画面に別の写真をはめ込んでみたいと思います。
STEP.2
Ctrl + Tでは上手くいかない
[ Ctrl + T ]の従来の変形では上手く画面に写真をはめ込む事ができません。
STEP.2
「自由な形に」を適用
[ 編集 ] → [ 変形 ] → [ 自由な形に ]を適用します。
STEP.3
画像の四隅をつまんで変形
すると画像の四隅をつまんで自由な形に変形する事ができます。
画像の四隅をはめ込みたい画面の四隅に合わせてみましょう。
STEP.4
拡大してキッチリ合わせる
画面を拡大してキッチリと合わせておきます。
FINISH
完成
四隅の位置をキッチリ合わせた後に[ Enter ]または画面上部の[ 〇 ]を押すと変形の確定です。
以上ではめ込み画像作成が完了しました。
斜めアングルから見たiPad Airの画面にキッチリはめ込まれています。

文字をパースに沿って変形させる方法

STEP.1
文字を入力する
[ 文字ツール(T) ]を使って文字を入力します。
文字ツールの詳しい使い方は下記で解説しています。

【Photoshop】フォトショの文字ツールの使い方を徹底解説
STEP.2
シェイプに変換する
入力した文字レイヤーを複製します。
[ コピーした文字レイヤーを右クリック ] → [ シェイプに変換 ]を適用し、テキストをシェイプに変換します。
シェイプに変換されるとレイヤーパネルのサムネイルが変わります。
STEP.3
「自由な形に」を適用する
先の画像はめ込みと同様に文字シェイプに対して[ 編集 ] → [ 変形 ] → [ 自由な形に ]を適用します。
STEP.4
4隅をパースに合わせて変形
シェイプの四隅を移動させてパースに合わせて変形させます。
FINISH
完成
[ Enter ]または画面上部の[ 〇 ]をクリックすると変形の完了です。

まとめ

以上、斜めアングルの画面に別画像や文字をはめ込む方法についてでした。
Photoshop（フォトショップ）を使った画像合成でよく使う機能の一つなので覚えておくと便利です。

フォトショを使わずにはめ込み画像を作りたい方は下記に無料で使えるモックアップジェネレーターサイトを紹介しています。
はめ込み画像さえあれば簡単に作れるので時短できますよ！

【無料・簡単】はめ込み画像モックアップジェネレーター10選

ではまた！

目次一覧

Photoshopを最安で購入するには

Photoshop（フォトショップ）を持っていない方は、下記から最安値で購入できます。
各種通販サイト等で取り扱われていますが、結局Adobe公式サイトが最安値です。

 

学生の方や教職員の方なら断然 学割価格のコンプリートプラン がオススメ！
公式サイトが一番お得です。
なお Photoshop単品はコチラ から最安値で購入できます。
最安ではないけどamazonがお好きな方はコチラからどうぞ。
Photoshopをはじめ、様々なアドビ製品を12か月間使い倒しましょう！

上記以外の方は 一般向けのコンプリートプラン が最安値です。
Photoshop単品はコチラ から最安値で購入できます。
最安ではないけどamazonがお好きな方はコチラからどうぞ。
Photoshopで自身の発想をドンドンビジュアル化し、デザイン制作を通して人生を大いに楽しみましょう！


下記にフォトショ、イラレを最安値で導入できる手順を記載しております。

【Photoshop】フォトショを最安値で購入する方法と導入手順を徹底解説
【Illustrator】イラレを最安で購入する方法と導入手順を徹底解説

前の記事

【Photoshop】1分で人や物を消す方法（コンテンツに応じ…

次の記事

【JS不要、コピペで1分】CSSだけで作るマウスオーバーでふわ…