このチュートリアルでは、Photoshopでパペットワープを使う方法について説明します。パペットワープを使うと、対象者の姿勢を操作するために便利です!
パペットワープは髪を整形したり体の一部を再配置したりして、多くの歪みに非常に便利なツールです。
メッシュの上に作成したピンの上をドラッグすることで、画像を歪ませることができます。
このビデオでは、Photoshop でパペットワープがどのように動作するか、そしてこのツールで利用できるすべてのオプションをどのように利用できるかを学習していきます。
Puppet Warp Options
オプションバーのPuppet Warpで調整できるさまざまな設定は次のとおりです。
Puppet Warp in Photoshop キーボードショートカット
Puppet Warp中に使用できるPhotoshopキーボードショートカットを紹介します。
- Ctrl A (Mac: Command A) – すべてのピンを選択します。
- Ctrl D (Mac: Command D) – すべてのピンの選択を解除します。
- Shift-任意のピンをクリックすると複数のピンを選択します。
- Hキーを押し続けるとピンを非表示にすることができます。
- Altキーでピンをクリック(Mac: Optionキーでクリック)して削除。
- Altキー(Mac: Optionキー)をピンの近くで押し続けると、ピンを回転させるための円が表示されます。
- Escキーで歪みをキャンセルできます。
チュートリアル画像
- Man Jumping
レイヤーをスマートオブジェクトに変換
作業スペースに背景レイヤーと背景がマスクされた被写体を用意します。 被写体レイヤーを右クリック>スマートオブジェクトに変換します。
レイヤーにパペットワープを適用してピンを作成
[編集] > パペットワープを選択します。
初期状態では、レイヤーの周りにメッシュを適用しますが、オプションバーからメッシュを表示のチェックを外せば、これを無効にできます。
被写体のジョイントをクリックしてレイヤー上にピンを作成し、ポーズを操作するときに、より自然に見えるようにします。

ピンをクリック アンド ドラッグすると、動きを追加したときに、被写体の体がどのように自然に動くかがわかります。

これを [Distort] に切り替え、ピンの 1 つをクリック アンド ドラッグすると、ピンされた領域の周囲の視点とスケールを変更することにより、メッシュがいかに歪んでいるかがわかります。

モードをリジッドに設定すると、ノーマル
や Distort モードよりも弾性が低く、まったく反対の効果が得られます。

Puppet Warp Density (Fewer Points, Normal, More Points)
Density はメッシュポイントの間隔を決定し、ポイントが多くなると精度が上がるが処理時間が長くなることを意味しています。

Fewer Points オプションは、精度は低くなりますが、処理時間は速くなります。
The Puppet Warp Mesh Expansion
Zooming into the image, the Subject has a wayward backpack strap stick out with its own mesh.
実際、それをクリックしてポイントを追加し、その位置を変形させることができます。
ただし、このような状態にせず、サブジェクトのメイン メッシュの一部にしたい場合は、オプション バーに移動して、[拡張] を調整します。
拡張の値を大きくすると、ストラップはメインメッシュの一部になります。
パペットワープピンの削除
削除したいピンをクリックしてアクティブにし、右クリック > ピンを削除します。

より速い方法は、ピンをクリックして Delete (Windows) または Backspace (macOS) を押します。
他の方法は、ピンの上にカーソルを置いて Alt (Windows) または Option (macOS) を押します。
Puppet Warp Pin Depth
2つの手足または被写体の体の一部が互いに重なり、代わりにもう一方を上にしたい場合、移動させたいピンを選択します。
オプションバーには、2つのピンの深さのオプションがあり、アイコンのどちらかをクリックすると、選択したピンを前または後ろに移動するコマンドを実行できます。

Puppet Warp Rotate Pin (Auto or Fixed)
オプション バーの Rotate には、2 つのオプションがあるドロップダウン メニューがあります。 自動] および [固定] の 2 つのオプションがあります。

[自動] に設定した場合、ピンをクリック アンド ドラッグすると自動的に回転し、ピンを移動すると回転角度を示す回転角度入力ボックスでリアルタイムに確認することができます。
ピンをクリックし、[回転]を[固定]に変更します。
今度は肘のピンをクリック&ドラッグすると、前腕の位置が固定され、ピンを思い切って動かしても角度が変わりません。
リアルさを保つために微妙に歪ませる
画像を歪ませる場合、できるだけリアルさを保つことが肝心です。
たとえば、膝のピンをクリックして回転させると、太ももの部分に非現実的な曲がりが生じます。
それを元の位置に固定するために、太もも部分をクリックしてピンを追加し、したがって、それを「固定」してください。
領域を回転させるには、ピンの周囲に円が表示されるまで、ピンの近くにマウスを移動します。

それから、オプション バーのチェックマークをクリックして、この Subject で適用した変更をコミットします。
非破壊処理の利点
パペットワープツールはスマートオブジェクトに適用されるため、非破壊処理になります。
つまり、パペットワープ ラベルをダブルクリックしてピンを戻し、必要に応じて再調整することにより、すばやく戻って調整することができます。

パペットワープツールは、人物でも無生物でも、被写体の姿勢をより自由にコントロールできるため、きっと Photoshop でお気に入りのパーツになるはずです。
最終画像
スライダーをドラッグして変更前 & 変更後