【Photoshop】被写体の一部を引き伸ばして印象的なグラフィックを表現する（変形／動き／写真加工）

エムディエヌコーポレーション 2 週前

今回はPhotoshopで、被写体を部分的に引き伸ばして印象的なグラフィックを表現するテクニックを解説します。写真に動きや躍動感、インパクトなどをプラスしたいときなどに役立ちます。以前の記事「被写体を引き伸ばしてインパクトを出したグラフィック（Photoshop／写真加工／変形／画像を伸ばす）」も併せて参考にしてみてください。
*本連載はPhotoshopで作る定番グラフィックの制作工程を、一から手順通りに解説するHow to記事です。■使用する機能
「長方形選択ツール」「自由変形」「レイヤーマスク」「ブラシツール」「ワープ」「被写体を選択」「ぼかし（ガウス）」目次Photoshopで被写体の一部を引き伸ばす:
1.被写体の一部を水平方向に引き伸ばすまずは新規ファイルを［幅：1200ピクセル］、［高さ：1400ピクセル］、［解像度：350ピクセル/インチ］で作成したら、元となる写真を配置する（図1）。

図1レイヤーパネルで、この元写真のレイヤーを前面に複製したら、長方形選択ツールで被写体の上をドラッグして縦に細長い選択範囲を作成する（図2）。

図2。縦に細長い長方形の選択範囲を作成する

（選択部分の拡大）続いて、編集メニュー→“自由変形”を選択し、shiftキーを押しながらバウンディングボックスのハンドルをドラッグして横長に引き伸ばしたあと（図3）、enterキーを押して変形を確定させ、選択範囲を解除しておく（図4）。

図3。shiftキーを押しながらバウンディングボックスのハンドルをドラッグして横長に変形させる

図4この引き伸ばしたレイヤーが選択された状態のまま、レイヤーパネル下部の［レイヤーマスクを追加］ボタンをクリックしてレイヤーマスクを追加したら（図5）、［描画色］を黒にしてブラシツールを選択。オプションバーでブラシプリセットピッカーを開いて［ソフト円ブラシ］を選び、ブラシの［直径］や［流量］を適宜調整しながら（図6）、被写体と重なる部分（ここでは、被写体の足辺り）にブラシを加えて馴染ませる（図7）。

図5。この時点のレイヤーの状態。赤枠部分の［レイヤーマスクを追加］ボタンをクリックしてレイヤーマスクを追加しておく。図のようにレイヤーマスクサムネールの周囲に白い枠線が表示されている状態が選択された状態。選択されていない場合はクリックして選択しておく

図6。オプションバーでブラシプリセットピッカーから［ソフト円ブラシ］を選び、ブラシの［直径］や［流量］を適宜調整してブラシを加えていく

図7。ブラシを加える前

ブラシを加えた後レイヤーパネルでこのレイヤーのレイヤーサムネールをクリックして選択したら、長方形選択ツールで別の部分に縦に細長い選択範囲を作成。編集メニュー→“自由変形”で横長に引き伸ばしたあと、レイヤーマスクサムネールを選択してブラシツールで被写体と重なる部分にブラシを加えて馴染ませる（図8）。同様の手順で、数箇所部分的に引き伸ばしていく（図9）（図10）。

図8

図9

図10Photoshopで被写体の一部を引き伸ばす:
2.引き伸ばし部分を「ワープ」で変形させるさらに変形していく。まず、長方形選択ツールで引き伸ばした一部を囲むように選択範囲を作成する（図11）。

図11この選択部分をコピー＆ペーストして、ペーストされたレイヤーを選択したら（図12）、編集メニュー→“変形”→“ワープ...”を選ぶ。メッシュグリッドが表示されるので、そのアンカーポイントをドラッグしてラッパ状に変形させたあと（図13）、enterキーを押して変形を確定させる（図14）。