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

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

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

テレビやスマホ画面やタブレット画面、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公式サイトが最安値かつ安全です。

オススメはコンプリートプラン

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。
アプリ単体を2つ3つ使うと費用がコンプリートプランと同等かそれ以上になります。

制作はPhotoshop、Illustrator、Lightroom、InDesign、Acrobat、etc…複数のアプリを使い分けながら作る事が多いです。
Photoshopで作業をしている際に「Illustratorなら効率的に作れるのに…」、「完成したデザインをPDFで複数ページに冊子形式にしたいなぁ…」という事は頻繁にあります。
なのでデザイナーにとって最低限Photoshop、Illustrator、Acrobatは必要です。

それならいっそ初めからコンプリートプラン を選択する方が断然便利でお得ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
65%OFFはデカイですね!
アプリ1本分の価格で全てが使えます。

Photoshop単品ならフォトプランが最安

Photoshopを使うならAdobe公式の フォトプラン が一番お得です。
Photoshop単体の半分以下の価格で、尚且つLightroomもセットになっているのが嬉しいですね。

アマゾンや他の通販サイトのフォトプランだと、不要なオンラインストレージが付いて倍くらいの価格です。Photoshop自体の最安はAdobe公式サイトの フォトプラン なので気を付けてください。

ゼロフォトもくじ

ゼロから始めるPhotoshopのもくじです。

目次一覧
Photoshopを最安で導入するには

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

オススメはコンプリートプラン

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。
アプリ単体を2つ3つ使うと費用がコンプリートプランと同等かそれ以上になります。

制作はPhotoshop、Illustrator、Lightroom、InDesign、Acrobat、etc…複数のアプリを使い分けながら作る事が多いです。
Photoshopで作業をしている際に「Illustratorなら効率的に作れるのに…」、「完成したデザインをPDFで複数ページに冊子形式にしたいなぁ…」という事は頻繁にあります。
なのでデザイナーにとって最低限Photoshop、Illustrator、Acrobatは必要です。

それならいっそ初めからコンプリートプラン を選択する方が断然便利でお得ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
65%OFFはデカイですね!
アプリ1本分の価格で全てが使えます。

Photoshop単品ならフォトプランが最安

Photoshopを使うならAdobe公式の フォトプラン が一番お得です。
Photoshop単体の半分以下の価格で、尚且つLightroomもセットになっているのが嬉しいですね。

アマゾンや他の通販サイトのフォトプランだと、不要なオンラインストレージが付いて倍くらいの価格です。Photoshop自体の最安はAdobe公式サイトの フォトプラン なので気を付けてください。