1枚のイラストを動かす方法｜パーツ分け・パペット・別角度・差分の選び方

最初に「元の絵にある情報か」で分ける

1枚のキャラクターイラストを動かそうとすると、「まずパーツ分けした方がいいのか」「パペットを使えば全部動かせるのか」「口や横顔も1枚から作れるのか」と、機能選びの段階で分かりにくくなります。

最初に考えるべきなのは、使用するソフトではありません。

ここを分けると、パーツ分け・パペット・ボーン・差分・別角度のどれを使うかがかなり判断しやすくなります。

この表の「条件付き」が、1枚絵アニメーションで最も重要な部分です。小さな変形なら1枚のまま作れても、変形量が大きくなると輪郭や模様が崩れ、パーツ化や別素材の方が安定する境界があります。

移動・回転・拡縮なら、まず1枚のままでよい

キャラクターを画面の左から右へ移動させたり、少し傾けたり、手前へ近づくように大きくしたりする場合、イラストそのものを描き直す必要はありません。

After EffectsのLayer properties ↗でも、Position、Scale、Rotationなどはレイヤーの基本的なTransformとして扱われ、画像自体を描き換えずに時間変化を作れます。

Character Motion Studioでも、まず位置・回転・拡縮をタイムラインで組み立てるのが最も単純です。現在の共通◆ボタンでは、位置・幅・高さ・スケール・回転・不透明度などをTransformキーフレームとして時間へ記録できます。

ここで重要なのは、動かしたいからといって最初からパーツ分けをしないことです。一枚の画像全体を動かすだけなら、一枚のままの方が管理も簡単です。

キーフレームの基本と◆の「状態キー」という表示の違いは「キーフレームとは？フレーム・キーポーズ・状態キーとの違い」で整理しています。

1枚絵でも「曲げる」ことはできる

次に、髪を揺らす、尻尾を振る、身体を少し傾ける、着地時に潰す、腕を軽く曲げる、といった動きです。

これは元画像にある画素を引っ張ったり縮めたりしているため、一枚絵のままでも対応できます。

After EffectsのPuppetツール ↗も、画像上のピンと変形メッシュを使って元画像を曲げます。Live2D CubismのWarp Deformer ↗も、子要素をまとめて変形し、顔の向きや揺れる部位の動きに使える仕組みです。

Character Motion Studioでいうパペットもこの領域です。つまり、元の絵を残したまま、形だけ少し変えるときに使います。

Character Motion StudioではTransform・Puppet・Bone・Pathは別々のキーデータとして保持されます。タイムラインUIではそれらのキー時刻をまとめて◆で見せますが、現行の共通◆ボタンが直接追加・削除するのはTransformキーフレームです。Puppet、Bone、Pathはそれぞれ別の記録系統を持ちます。

パペットそのものの仕組みは「パペット機能とは何か」で確認できます。

では肘は「パペット」と「パーツ」のどちらなのか

肘は少し判断が難しい部分です。一枚の画像でも、肩・肘・手首付近へピンを置けば腕を曲げることはできます。

ただし、曲げる角度が大きくなるほど、袖が伸びる、肘付近が潰れる、腕の太さが変わる、線画が歪む、といった問題が出やすくなります。

形を保ちたいキャラクターでは、上腕・前腕・手のように分け、肘を関節位置として回転させた方が安定します。Live2DのRotation Deformer ↗も、親子階層の中で対象を回転・拡縮するための仕組みです。

さらに「パーツで大きく回転し、肘周辺だけパペットで柔らかく補正する」といった組み合わせもできます。パーツとパペットは二者択一ではありません。

具体的にどこまで腕・髪・目・口を分けるかは「イラストのパーツ分けはどこまで必要？」で整理しています。両者の動き方の違いは「パーツアニメーションとパペットの違い」で詳しく比較しています。

横を向かせる場合、「少し」と「真横」は別物

「横向きにするなら必ず別画像」と断定すると少し正確ではありません。少しだけ顔を左右へ振る程度なら、一枚の正面絵を変形させる方法があります。

Live2D Cubismの標準パラメータ ↗にはAngle X・Angle Yなどがあり、顔の向きを表すパラメータとして使われます。実際のモデルでは輪郭、目、鼻、口、髪などの形を調整して、正面から斜め方向の見え方を作ります。

つまり、正面 → 少し斜め程度なら変形で表現できる場合があります。

問題は、正面 → 完全な側面です。正面画像からは、鼻の横方向の長さ、後頭部、耳の前後関係、正面では隠れている髪、服の側面などを確定できません。

Adobe Character AnimatorのHead & Body Turner ↗でも、Frontal、Quarter、Profileなど複数のビューレイヤーを用意して、向きに応じて切り替える方式が使われています。

ただし、AIで生成された側面や背面は、正面画像から見えなかった情報を推測した候補です。「元絵から本当の背面を復元した」のではなく、候補を生成して人が採用すると考える方が正確です。

口を開くなら、なぜ差分が必要なのか

閉じた口しか描かれていない一枚絵でも、口周辺を上下へ引き伸ばすこと自体はできます。しかし本当に口が開けば、口の中、舌、歯、唇の裏側など、閉じた状態では見えていなかった情報が現れます。

これはPositionやScaleだけでは作れません。

Adobe Character AnimatorのLip Sync ↗も、元アート側へ口形＝Visemeを用意し、それを音声に応じて使う設計です。

Live2Dでも口の開閉用パラメータへ、閉じた形・開いた形などのKeyformを作り、その間を変形させます。口を動かす機能が、元画像にない口内を自動的に発明しているわけではありません。

Character Motion Studioで考えるなら、閉じ口・少し開いた口・大きく開いた口などを素材として用意し、必要なフレームやレイヤー状態で使い分ける方が元の絵柄を保ちやすくなります。

まばたきも同じです。開いた目を縦方向へ潰すことはできますが、まぶたや線の形をきれいに残したいなら、目を開く・半目・閉じるという差分を用意する方が安定します。

「1枚絵では不可能」の本当の意味

厳密には、AI生成や強いワープ変形まで含めれば、「一枚では絶対に動かせない」と言い切れるものは多くありません。横顔らしい画像や、口が開いたような形を新しく作ることもできます。

ただし重要なのは、元画像だけから正しい形を確定できるかという点です。

元画像にない情報が必要になった時点で、別画像を描く、パーツを追加する、AIで候補を生成する、Character Masterへ採用する、といった「素材を増やす工程」が必要になります。

一枚絵アニメーションの境界は、「変形できるかどうか」より「新しい視覚情報が必要になったか」にあります。

Character Motion Studioなら4種類に分けて考える

1枚絵を読み込んだら、「何の機能を使えばいいか」ではなく、作りたい動きを次の4種類に分類すると分かりやすくなります。

Character Motion Studioでは、この4種類を同じキャラクター制作フローの中で組み合わせます。ただし時間軸への保存単位は同一ではありません。TransformはLayerTransformKeyframe、PuppetはPuppetPinKeyframe、BoneはRigKeyframe、Pathは独立したPathキーフレームとして保持され、別素材や角度は素材側の管理と切り替えで扱います。

最初の1枚は、そのまま動かしてから分解する

初心者がやりがちなのは、「アニメーションを作るなら、まず全部パーツ分けしなければ」と考えることです。

しかし最初から目、鼻、口、上腕、前腕、手、髪、服まで全部分けてしまうと、準備だけでかなり複雑になります。

この順番なら、必要のない分解やリギングを増やしません。「イラストのパーツ分けはどこまで必要？」では、腕・髪・目・口をどの段階で独立させるか、隠れた本体側の補完、Character Motion Studioの切り出し・コピー・自動分離まで詳しく整理しています。

背景が残った画像を素材として扱いにくい場合は、先に背景透過と素材化の考え方を確認すると、後のパーツ分けや変形へつなげやすくなります。

まとめ

一枚で済む動きは一枚のまま。曲げたいところだけ変形する。関節だけ必要に応じてパーツやボーンにする。元の絵に存在しない状態だけ新しい素材を作る。

この順番で足していけば、1枚のキャラクターイラストからでも、必要以上に複雑な準備をせずに多くのアニメーションを組み立てられます。

機能名から制作を始めるのではなく、「全体を動かす」「元絵を曲げる」「部品として動かす」「新しい絵を用意する」のどれなのかを先に決めることが、1枚絵アニメーションを整理する最も簡単な方法です。