Character Motion Studio
Character Motion Studio/Learn/パーツとパペット
PARTS / PUPPET / 2D MOTION

パーツアニメーションとパペットの違い|同じ2Dイラストでも動き方が変わる理由

パーツアニメーションは「絵を部品単位で動かす方法」、パペットは「絵そのものを変形させる方法」。似た2Dアニメーションでも、形を保って動かすのか、輪郭まで曲げるのかで、動画の印象と制作工程は変わります。

公開:2026年9月16日更新:2026年9月30日テーマ:パーツ / パペット / キーフレーム
先に結論

硬い形を保ったまま移動・回転したいならパーツアニメーション、髪・布・胴体などの内部を曲げたいならパペットが向いています。実制作では、全体の動きをパーツやTransformで組み、局所的なしなりをパペットで足す方法が扱いやすくなります。

この記事でのパーツとパペットの定義

「パペット」という言葉はソフトによって意味が異なります。分離した頭・胴体・腕・脚を階層化したカットアウトキャラクター全体をデジタルパペットと呼ぶ場合もあります。Toon Boomのカットアウト制作工程 ↗も、その考え方に近い例です。

方式この記事での意味
パーツアニメーション分離した画像・レイヤーを位置、回転、拡大縮小などで動かす
パペットピンやメッシュを使い、画像内部を連続的に曲げる
描画切り替え表情、手、角度など別の画像・描画へ交換する

パーツアニメーションは「形を保ったまま動かす」

頭、胴体、腕、脚などを別レイヤーとして用意し、それぞれの位置、角度、大きさをタイムライン上で変化させます。例えば腕なら、上腕を肩付近から、前腕を肘付近から回転させます。

キーフレーム間はシステムが補間できるため、毎フレームを手で少しずつ動かす必要はありません。Adobe Animateのクラシックトゥイーンでも、位置・回転・スケールなどをキーフレーム間で補間できます。

Adobe Animate:Classic tween animation ↗

一方で、移動中もパーツ自体の形は基本的に変わりません。これはデザインを崩しにくい長所であり、同時に紙人形のように見える原因にもなります。

Character Motion Studioの現行タイムライン

位置・幅・高さ・スケール・回転・不透明度などはTransformキーフレームとして記録され、前後を基本的に線形補間します。タイムラインUIの◆はTransform・Puppet・Bone・Pathなど各キートラックの時刻を集約して「状態がある時刻」として見せますが、共通◆ボタンがすべてを一つのデータへ保存するわけではありません。

キーフレームと状態キー表示の違いは「キーフレームとは?」で整理しています。

なぜコマ送りのように見えるのか

30fpsで書き出しても、シルエットやタイミングが不自然なら動きは硬く見えます。

パーツの輪郭が変わらない

腕を上げても肩や脇の輪郭が変わらなければ、位置は滑らかでも「板状のパーツが回った」印象が残ります。

回転軸が関節からずれている

肩、肘、膝の回転中心がずれると、関節が外れたり隙間が見えたりします。素材側で重なりと軸を設計する必要があります。

全部が同時に動く

頭、胴体、腕、髪が同じ瞬間に開始・停止すると機械的に見えます。胴体が先に動き、腕や髪が少し遅れて追従するだけでも印象は変わります。

速度が一定すぎる

現行Character Motion Studioには独立したイージング曲線エディターがないため、速度感を変えたい位置へ中間状態を追加し、時間間隔と移動量で調整します。

絵そのものを差し替えている

正面、斜め、側面などの画像を途中で交換すると輪郭自体が急変します。これは数値補間だけでは埋められません。

キーポイント中心の使い方で改善できるか

意味のある主要ポーズだけを置く考え方は有効です。単純な手振りなら、静止、予備動作、最大動作、少し行き過ぎる位置、戻りという数点から始められます。

ただし、改善できるのは主に位置、回転、サイズ、タイミングです。肘の内側が潰れる、胴体がしなる、肩の輪郭が変わるといった内部形状の変化にはパペットが役立ちます。

パペットは「画像内部の形を変える」

パペットでは画像上の制御点を動かし、その周囲のメッシュや画素を連動して変形させます。位置だけを変えるパーツアニメーションとは異なり、輪郭そのものを曲げられます。

After EffectsのPuppetツール ↗も、ピンとメッシュを使って画像を変形します。

Character Motion Studioのパペット

選択したレイヤーへピンを置き、基準位置・現在位置・影響半径から周囲の三角形メッシュを変形します。ボーンは別機能として存在し、パペットそのものとは役割を分けています。

ピン変形の詳細は「パペット機能とは何か」で説明しています。

パペットなら必ず自然になるわけではない

  • 腕や脚がゴムのように伸びる
  • 関節部分が細く潰れる
  • 線の太さや模様が歪む
  • 固定したい場所まで動く
  • メッシュの変形が大きすぎて輪郭が折れる

パペットは自然な動きを自動生成する機能ではありません。どこを残し、どこを曲げるかを人が決める機能です。必要なら先にレイヤーを分け、少数のピンで小さく動かします。

動画の作り方自体も変わる

パーツアニメーションは「何秒後にどこへ動かすか」を組み立てる考え方が中心です。高度なリグ系ソフトでは、先にキャラクターの変形ルールや階層を作り、複数の動作へ再利用する設計もあります。

現在のCharacter Motion Studioには、親子関係を持てるボーンと、ボーンの影響範囲を使った変形機能もあります。ただし、IK・カメラトラッキング・動作ライブラリまでを自動生成する完成済み全身リグとは異なります。

時間軸ではTransform・Puppet・Bone・Pathがそれぞれ別のキーデータを持ちます。タイムライン上では同じ時刻に複数種類のキーを重ねられるため、「全体移動」「局所変形」「骨格姿勢」を同じタイミングで組み合わせられます。具体的なパペット記録はパペットとタイムラインの記事で整理しています。

比較パーツアニメーションパペット変形
主な準備パーツ分け、重なり、回転中心変形対象、ピン、基準位置
主な操作位置・回転・スケール画像内部を曲げる・潰す
動き明確で予測しやすい柔らかく連続的
主な失敗関節の隙間、紙人形感伸び、潰れ、線や模様の歪み
Character Motion Studioでの役割動きの骨格を作る局所的なしなりを足す

どのようなイラストに向いているか

パーツアニメーション向き

  • ロボットや機械
  • 幾何学的なキャラクター
  • フラットなベクター風イラスト
  • 紙人形風のデザイン
  • ロゴ、図形、説明用アイコン
  • ジャンプ、回転、移動、頷きなどの単純動作

パペット向き

  • 人物や動物
  • 柔らかいマスコット
  • 髪、布、尻尾、触手がある
  • 胴体と手足が連続した形
  • 呼吸や揺れなどの微細な動き
  • 手描き感を残したまま少し曲げたいイラスト

どちらでも作れない動きもある

どちらも基本的には既存画像を利用するため、見えていない面や全く新しい形を必要とする変化には限界があります。

作りたい変化適した方法
パーツ全体を移動・回転パーツアニメーション
腕、胴体、髪などを曲げるパペット
瞬き、口形、手形を変える描画・素材の切り替え
正面から側面・背面へ変える角度違い画像の生成・切り替え
元画像にない形へ大きく変化追加作画または画像生成

大きな向き変更は角度制作へ分ける方が自然です。

Character Motion Studioでは両方を組み合わせるのが適している

  1. パーツとTransformで移動・回転・拡大縮小など全体の動きを作る
  2. パペットで髪・服・腕・胴体へしなりや潰れを加える
  3. ボーンが合う部位では親子関係と影響範囲を使う
  4. 別素材・角度で元画像にない表情や向きを補う

これらは一つの保存形式へまとめられているわけではありません。Transform、Puppet、Bone、Pathは別のキーデータとして保持され、同じ時刻へ重ねて再生できます。まず大きな動きの骨格を作り、その後に局所的な柔らかさを足す順番が整理しやすくなります。

どこまで腕・髪・目・口を分けるか迷う場合は「イラストのパーツ分けはどこまで必要?」で、切り出し・コピー・自動分離を含めて整理しています。

PARTS + PUPPET

まず大きな動きを作り、必要な場所だけ曲げる。

アニメーション画面でパーツのTransformとパペットを組み合わせ、必要な時刻へそれぞれのキーを配置できます。

まとめ

パーツアニメーションは「形を保った部品を動かす方法」、パペットは「画像内部の形を曲げる方法」です。前者は予測しやすく、後者は柔らかな動きを作りやすい一方で歪みを管理する必要があります。

現在のCharacter Motion Studioでは、Transform・Puppet・Bone・Pathを役割分担し、それぞれのキーデータを同じタイムライン上で組み合わせます。大きな動きはパーツやTransform、小さなしなりはパペット、骨格に沿う動きはボーン、形そのものが変わる場所は別画像、と分けると整理しやすくなります。

次に読む・試す

2D motion cluster