パペット・ボーン・パス変形の違い｜1枚絵を動かす3つの変形方法

パペット・ボーン・パス変形の違い

イラストを動かす機能として「パペット」「ボーン」「パス変形」は似て見えますが、得意なことはかなり違います。

パペット＝面を柔らかく変形する。ボーン＝骨格・関節を動かす。パス変形＝線や流れに沿って曲げる。この3つを基準にすると整理しやすくなります。

キャラクター全体を画面内で移動・回転・拡縮するだけなら、そもそもこの3機能を使う必要はありません。通常のTransformで済む動きは、通常変形へ任せた方が構造を簡単に保てます。

パペット｜一枚絵をそのまま柔らかく動かす

パペットは画像を変形用のメッシュとして扱い、その中に置いたピンを移動して周囲を変形させる方法です。

After EffectsのPuppetツール ↗でも、ピンを置いた領域にメッシュを作り、ピンの移動に応じて画像を変形します。自然な変形を保つには、目的を達成できる範囲で必要な制御点に絞ることが重要です。

一般的には、髪、尻尾、服、頬、身体の揺れなど、形そのものが少し変わっても不自然ではない部分に向いています。さらに身体を潰す、伸ばす、波打たせるといった誇張表現にも使えます。

一方、腕を90度曲げるような大きな関節運動をパペットだけで作ると、腕が伸びたり細くなったりする場合があります。「骨を曲げたい」のに「面を引っ張っている」ためです。

ピンの具体的な置き方は「パペットピンはどこに置く？」、ゴムのように伸びる場合は「パペットで腕や髪がゴムのように伸びる原因」で分けて解説しています。

ボーン｜関節と親子関係を作る

ボーンは、キャラクター内部に仮想的な骨格を作って動かす方法です。例えば胴体から上腕、前腕、手へ親子関係を作ると、親の動きがその先の子へ伝わります。

SpineのBones ↗では、ボーンに移動・回転・拡縮・シアーなどのTransformがあり、親のTransformを子が継承する階層構造を使います。画像やメッシュを複数のボーンへ結び付け、骨の動きと面変形を組み合わせることもできます。

そのためボーンは「パーツを棒のように動かすだけ」の機能ではありません。基本段階では肩・肘・手首のような関節へ骨を置き、応用では骨の影響範囲を使って一枚絵そのものを連続変形させることもできます。

Character Motion Studioの現行ボーン実装にも親子関係があり、親ボーンの姿勢を子ボーンへ連鎖させます。また、レイヤー全体へ作用するバインドと、骨の周辺だけへ距離に応じて作用する領域バインドを持ちます。

腕、脚、首、指、関節を持つ尻尾、機械的な部品など、関節構造を維持しながら大きく動かしたいものに向いています。逆に髪一房の細かなうねりを大量の骨だけで作ると、リグが複雑になりやすくなります。

パス変形｜「流れ」を作る

パス変形は、複数の制御点を線状に並べ、その曲線の変化を周囲の形へ伝える方法です。自由な点を個別に引っ張るというより、「この形はこの方向へ流れる」という軸を作りやすいのが特徴です。

Live2D CubismのDeform Paths ↗では、ArtMeshの流れに沿って制御点を置き、髪や長い布、大きなArtMeshを滑らかに変形できます。1つのArtMeshへ複数の変形パスを配置することもできます。

長い髪、マフラー、スカート、尻尾、触手、植物、煙のような形と相性がよく、S字や連続したカーブを作りたいときに扱いやすくなります。

Character Motion Studioの現行Path変形は、アンカーごとに基準位置・現在位置とベジェハンドルを持ち、開いたパス／閉じたパスを扱えます。元の曲線から現在の曲線への変位を周囲へ伝え、falloffでパスから離れるほど影響を弱める構造です。

そのため「輪郭の一点を押す」のではなく、長い形の流れを整えながら曲げたい場面で、パペットとは違う選択肢になります。

3つは競合ではなく組み合わせる

実際のキャラクターでは、一つの方法だけで全身を作る必要はありません。動きを分解して、それぞれに合う方式を割り当てます。

Live2DでもWarp DeformerとRotation Deformerを親子として組み合わせ、柔らかな変形と関節的な回転を併用できます。重要なのは「どの機能が一番良いか」ではなく、動きの性質を分解することです。

パーツ移動とパペットの違いを先に整理したい場合は「パーツアニメーションとパペットの違い」も関連します。

基本・一般・応用で考えると選びやすい

基本

• キャラクター全体の移動・回転・拡縮 → 通常Transform
• 髪先を少し動かす → パペット
• 腕を関節として曲げる → ボーン
• 長い髪を滑らかな流れで曲げる → パス変形

一般的な制作

身体の大きな関節運動はボーン、髪と服はパペットやパス、キャラクター全体の移動は通常Transformというように、役割を分けます。

応用

ボーンで大きな動作を作った後にパペットで肉や服の形を補正し、さらに髪や尻尾へパス変形を加えて遅れて揺れる動きを作る、といった組み合わせができます。

複数機能を使うこと自体が目的ではありません。一つのTransformだけで十分なら、それが最も簡単です。

Character Motion Studioで考えるなら

Character Motion Studioでは、素材制作側で描画・選択・レイヤー・パペットなどを使って素材を整え、Animation Studio側で素材配置、通常Transform、パペット、ボーン、Path変形、コマ送り、タイムラインを組み合わせる構成です。

一枚絵を読み込んだからといって、最初から全身をパペット化したり、全身へボーンを作ったりする必要はありません。「1枚のイラストを動かす方法」で整理したように、まず1枚のまま動かし、必要な場所だけ機能を追加する方が管理しやすくなります。

タイムラインでの扱いは同じではない

パペット・ボーン・Path変形は同じ画面で組み合わせられる変形方式ですが、現行Character Motion Studioでは時間軸への保存単位が異なります。

タイムラインUIではこれらのキー時刻をまとめて◆で見せますが、現行の共通◆ボタンが直接追加・削除するのはTransformキーフレームです。パペット・ボーン・Pathはそれぞれ別の記録系統を持ちます。

ボーンの現行姿勢は回転とX/Yオフセットを持ち、前後のキー間では回転を最短角度で、オフセットを線形に補間します。Path変形もアンカーとハンドルをPathキーフレーム間で補間します。

キーフレームと「状態キー」というUI上の見せ方の違いは「キーフレームとは？フレーム・キーポーズ・状態キーとの違い」、パペットが再生時に戻る場合は「パペットとタイムラインでアニメーション化する」で詳しく整理しています。

動かしたい部位から選ぶ

まとめ

パペット・ボーン・パス変形は、同じ「イラストを曲げる」機能に見えても、制御の基準が異なります。

パペットはピンから周囲の面へ変形を広げ、ボーンは骨の親子関係と影響範囲で関節運動を作り、Path変形はアンカーと曲線を使って形の流れを作ります。

重要なのは3機能を全部使うことではありません。なぜ腕が伸びるのか、なぜ髪が硬く見えるのかを「面・骨格・流れ」の違いから判断し、必要な方式だけ選ぶことです。