Photoshopの自由変形の使い方：画像や文字を斜めに傾ける

まず、斜めに変形したい画像と、はめこむ先の画像をそれぞれ同じキャンバスで開きます。画像を重ねて開く方法などは『画像の開き方・配置のポイント』で詳しく解説しています。

キーボードでctrl(⌘) ＋ Tを押すと変形ができるようになります。額縁が見えなくなるくらいに画像を拡大しましょう。変形モードを解除するときには、enterやescapeを押せばOKです。

このままだと額縁が全く見えないので、女性画像を少し透明にします。レイヤーパネルで女性の画像レイヤーを選択して、不透明度を70%くらいに下げましょう。

これで、歪ませる方の画像も、額縁画像も両方見ながら作業ができます。

ここがポイントです。まず、ctrl（⌘） ＋ Tで女性画像を自由変形できる状態にします。※ このショートカットを使わずに、メニューバーの［編集］⇒［自由変形］をクリックしてもOKです。

次に、ctrl(⌘)を押しながら、女性画像の角を、額縁の角にドラッグして合わせます。４つの角全てをあわせましょう。

4点の角を合わせると、このようにピッタリと額縁にはまりました。ただ、明らかに画像が歪んでいて不自然ですね。

歪みを補正するために、キーボードのどこも押さずに、自由変形枠の左右の■をドラッグして横に広げます。今回はctrl(⌘)を押す必要はありません。画像が自然な比率になるまで横に拡大しましょう。

※ 左右にバランス良く拡大して、女性が額縁内に綺麗におさまるようにしましょう。

はみ出てる部分を消したいですね。次からの手順で、額縁に合わせて女性画像を切り抜きます。

額縁の角を1点ずつクリックして、額縁型の選択範囲を作ります。1周ぐるっとまわるようにクリックしていきましょう。

下側の画像のように額縁に沿った選択範囲ができればOKです。

選択範囲で女性画像を切り抜くために、レイヤーパネルの下側にある［レイヤーマスクを追加］をクリックしましょう。※ 女性の画像レイヤーが選択されていることを確認したうえで、クリックしましょう。

これで額縁の形に、きれいに画像が切り抜かれました。ちなみに、フォトショの画像の切り抜き方法については、こちらの記事でまとめています。

最後に、レイヤーパネルで女性画像の不透明度を100%に戻せば完成です。斜めから見たように綺麗に画像が変形されましたね。

画像を開き、［文字ツール］で好きな文字を入力しましょう。

これでレイヤーパネルには、本の画像レイヤーと、文字のレイヤー２つが表示されますね。

文字レイヤーのままだと変形させにくいので、画像に変えてしまいましょう。文字レイヤーを右クリックして、［スマートオブジェクトに変換］をクリックします。これで文字が画像に変わりました。

※ スマートオブジェクトとは、縮小しても画質が落ちない画像形式のことです。詳しくは、フォトショのスマートオブジェクトとは？使い方まとめを見て頂くのが良いかと思います。

※ 一度スマートオブジェクトに変換してしまうと、文字のつづりは変えられなくなるのでご注意ください。

ctrl（⌘） ＋ Tで、文字の大きさと向きが変えられるようになります。文字画像を本に沿って傾けましょう。その後、文字を本の上にドラッグして動かします。

ここから、文字を斜めから見たように変形します。このとき、本の輪郭線との平行線（オレンジの点線）を意識すると、うまく変形ができます。※ 実際に平行線を書く必要はありません。意識するだけでOKです。

ctrlを押しながら、文字画像の角を平行線へとドラッグします。

ctrl＋Tで文字画像を自由変形にした状態で、角をctrl＋ドラッグをしましょう。

これで文字が本の角度と合い、うまく斜めから見たようになりました。