硬い形を保ったまま移動・回転したいならパーツアニメーション、髪・布・胴体などの内部を曲げたいならパペットが向いています。実制作では、全体の動きをパーツやTransformで組み、局所的なしなりをパペットで足す方法が扱いやすくなります。
この記事でのパーツとパペットの定義
「パペット」という言葉はソフトによって意味が異なります。分離した頭・胴体・腕・脚を階層化したカットアウトキャラクター全体をデジタルパペットと呼ぶ場合もあります。Toon Boomのカットアウト制作工程 ↗も、その考え方に近い例です。
| 方式 | この記事での意味 |
|---|---|
| パーツアニメーション | 分離した画像・レイヤーを位置、回転、拡大縮小などで動かす |
| パペット | ピンやメッシュを使い、画像内部を連続的に曲げる |
| 描画切り替え | 表情、手、角度など別の画像・描画へ交換する |
パーツアニメーションは「形を保ったまま動かす」
頭、胴体、腕、脚などを別レイヤーとして用意し、それぞれの位置、角度、大きさをタイムライン上で変化させます。例えば腕なら、上腕を肩付近から、前腕を肘付近から回転させます。
キーフレーム間はシステムが補間できるため、毎フレームを手で少しずつ動かす必要はありません。Adobe Animateのクラシックトゥイーンでも、位置・回転・スケールなどをキーフレーム間で補間できます。
Adobe Animate:Classic tween animation ↗
一方で、移動中もパーツ自体の形は基本的に変わりません。これはデザインを崩しにくい長所であり、同時に紙人形のように見える原因にもなります。
位置・幅・高さ・スケール・回転・不透明度などはTransformキーフレームとして記録され、前後を基本的に線形補間します。タイムラインUIの◆はTransform・Puppet・Bone・Pathなど各キートラックの時刻を集約して「状態がある時刻」として見せますが、共通◆ボタンがすべてを一つのデータへ保存するわけではありません。
キーフレームと状態キー表示の違いは「キーフレームとは?」で整理しています。
なぜコマ送りのように見えるのか
30fpsで書き出しても、シルエットやタイミングが不自然なら動きは硬く見えます。
パーツの輪郭が変わらない
腕を上げても肩や脇の輪郭が変わらなければ、位置は滑らかでも「板状のパーツが回った」印象が残ります。
回転軸が関節からずれている
肩、肘、膝の回転中心がずれると、関節が外れたり隙間が見えたりします。素材側で重なりと軸を設計する必要があります。
全部が同時に動く
頭、胴体、腕、髪が同じ瞬間に開始・停止すると機械的に見えます。胴体が先に動き、腕や髪が少し遅れて追従するだけでも印象は変わります。
速度が一定すぎる
現行Character Motion Studioには独立したイージング曲線エディターがないため、速度感を変えたい位置へ中間状態を追加し、時間間隔と移動量で調整します。
絵そのものを差し替えている
正面、斜め、側面などの画像を途中で交換すると輪郭自体が急変します。これは数値補間だけでは埋められません。
キーポイント中心の使い方で改善できるか
意味のある主要ポーズだけを置く考え方は有効です。単純な手振りなら、静止、予備動作、最大動作、少し行き過ぎる位置、戻りという数点から始められます。
ただし、改善できるのは主に位置、回転、サイズ、タイミングです。肘の内側が潰れる、胴体がしなる、肩の輪郭が変わるといった内部形状の変化にはパペットが役立ちます。
パペットは「画像内部の形を変える」
パペットでは画像上の制御点を動かし、その周囲のメッシュや画素を連動して変形させます。位置だけを変えるパーツアニメーションとは異なり、輪郭そのものを曲げられます。
After EffectsのPuppetツール ↗も、ピンとメッシュを使って画像を変形します。
選択したレイヤーへピンを置き、基準位置・現在位置・影響半径から周囲の三角形メッシュを変形します。ボーンは別機能として存在し、パペットそのものとは役割を分けています。
ピン変形の詳細は「パペット機能とは何か」で説明しています。
パペットなら必ず自然になるわけではない
- 腕や脚がゴムのように伸びる
- 関節部分が細く潰れる
- 線の太さや模様が歪む
- 固定したい場所まで動く
- メッシュの変形が大きすぎて輪郭が折れる
パペットは自然な動きを自動生成する機能ではありません。どこを残し、どこを曲げるかを人が決める機能です。必要なら先にレイヤーを分け、少数のピンで小さく動かします。
動画の作り方自体も変わる
パーツアニメーションは「何秒後にどこへ動かすか」を組み立てる考え方が中心です。高度なリグ系ソフトでは、先にキャラクターの変形ルールや階層を作り、複数の動作へ再利用する設計もあります。
現在のCharacter Motion Studioには、親子関係を持てるボーンと、ボーンの影響範囲を使った変形機能もあります。ただし、IK・カメラトラッキング・動作ライブラリまでを自動生成する完成済み全身リグとは異なります。
時間軸ではTransform・Puppet・Bone・Pathがそれぞれ別のキーデータを持ちます。タイムライン上では同じ時刻に複数種類のキーを重ねられるため、「全体移動」「局所変形」「骨格姿勢」を同じタイミングで組み合わせられます。具体的なパペット記録はパペットとタイムラインの記事で整理しています。
| 比較 | パーツアニメーション | パペット変形 |
|---|---|---|
| 主な準備 | パーツ分け、重なり、回転中心 | 変形対象、ピン、基準位置 |
| 主な操作 | 位置・回転・スケール | 画像内部を曲げる・潰す |
| 動き | 明確で予測しやすい | 柔らかく連続的 |
| 主な失敗 | 関節の隙間、紙人形感 | 伸び、潰れ、線や模様の歪み |
| Character Motion Studioでの役割 | 動きの骨格を作る | 局所的なしなりを足す |
どのようなイラストに向いているか
パーツアニメーション向き
- ロボットや機械
- 幾何学的なキャラクター
- フラットなベクター風イラスト
- 紙人形風のデザイン
- ロゴ、図形、説明用アイコン
- ジャンプ、回転、移動、頷きなどの単純動作
パペット向き
- 人物や動物
- 柔らかいマスコット
- 髪、布、尻尾、触手がある
- 胴体と手足が連続した形
- 呼吸や揺れなどの微細な動き
- 手描き感を残したまま少し曲げたいイラスト
どちらでも作れない動きもある
どちらも基本的には既存画像を利用するため、見えていない面や全く新しい形を必要とする変化には限界があります。
| 作りたい変化 | 適した方法 |
|---|---|
| パーツ全体を移動・回転 | パーツアニメーション |
| 腕、胴体、髪などを曲げる | パペット |
| 瞬き、口形、手形を変える | 描画・素材の切り替え |
| 正面から側面・背面へ変える | 角度違い画像の生成・切り替え |
| 元画像にない形へ大きく変化 | 追加作画または画像生成 |
大きな向き変更は角度制作へ分ける方が自然です。
Character Motion Studioでは両方を組み合わせるのが適している
- パーツとTransformで移動・回転・拡大縮小など全体の動きを作る
- パペットで髪・服・腕・胴体へしなりや潰れを加える
- ボーンが合う部位では親子関係と影響範囲を使う
- 別素材・角度で元画像にない表情や向きを補う
これらは一つの保存形式へまとめられているわけではありません。Transform、Puppet、Bone、Pathは別のキーデータとして保持され、同じ時刻へ重ねて再生できます。まず大きな動きの骨格を作り、その後に局所的な柔らかさを足す順番が整理しやすくなります。
どこまで腕・髪・目・口を分けるか迷う場合は「イラストのパーツ分けはどこまで必要?」で、切り出し・コピー・自動分離を含めて整理しています。
まず大きな動きを作り、必要な場所だけ曲げる。
アニメーション画面でパーツのTransformとパペットを組み合わせ、必要な時刻へそれぞれのキーを配置できます。
まとめ
パーツアニメーションは「形を保った部品を動かす方法」、パペットは「画像内部の形を曲げる方法」です。前者は予測しやすく、後者は柔らかな動きを作りやすい一方で歪みを管理する必要があります。
現在のCharacter Motion Studioでは、Transform・Puppet・Bone・Pathを役割分担し、それぞれのキーデータを同じタイムライン上で組み合わせます。大きな動きはパーツやTransform、小さなしなりはパペット、骨格に沿う動きはボーン、形そのものが変わる場所は別画像、と分けると整理しやすくなります。