新着最新の記事
#ウェブデザイン旭化成ゾールメディカル
#ウェブデザイン旭化成ゾールメディカル
ウェブデザイン

アニメーションの動きが変わる参考資料と練習方法の完全ガイド

2026.09.10

アニメーションの「動き」は、キャラクターやオブジェクトに命を吹き込む最も重要な要素です。しかし、いざ自分で動きを作ろうとすると、「なぜかCGくさい」「不自然で違和感がある」という壁にぶつかる方が本当に多いのではないでしょうか。

個人的にモーション制作に携わってきた中で気づいたのは、上達の鍵は理論・参考資料・練習の3つを組み合わせることだという点です。どれか一つだけでは、なかなか動きの質は上がりません。

この記事では、ディズニー由来の原則から具体的な練習カリキュラム、無償で使える課題集まで、動きを参考にして学ぶためのリソースを一つにまとめました。

この記事で学べること

  • 動きの質を決めるのは「アニメーション12原則」という体系化された理論である
  • 基礎から実践まで段階的に学ぶカリキュラムで最短ルートが見える
  • 日本動画協会が無償配布する課題集で実務レベルの基礎が学べる
  • 脱CGくさい動きの正体は「リズムの変化」と「間の取り方」にある
  • 身近な人や動物の観察こそが最良の参考資料になる

動きの基本原理を理解するための参考理論

動きを参考にして学ぶうえで、まず土台になるのが理論です。感覚だけで動かそうとすると、どうしても行き詰まってしまいます。

その中心にあるのが、ディズニーのアニメーターたちが体系化した「アニメーション12原則」です。これは長年にわたり世界中のアニメーターが参照してきた、いわば動きの共通言語といえます。

アニメーション12原則の主要な考え方

12原則の中でも、特に動きの自然さに直結するものをいくつか紹介します。

Slow In & Slow Out(両端詰め)は、動きの始まりと終わりをゆっくりにする考え方です。現実の物体は急に止まったり動き出したりしないため、この処理があるだけで一気に自然になります。

Anticipation(予備動作)は、大きな動作の前に反対方向へ小さく動く「ため」のことです。ジャンプ前にしゃがむような動きを指します。

さらに、Follow Through(フォロースルー)やOverlapping Action(重なり合う動き)、Squash & Stretch(潰しと伸ばし)、Arcs(運動曲線)など、それぞれが動きにリアリティと生命感を与える役割を担っています。

“

観察して自ら法則を解き明かし、どのような動きでも描けるようになる基礎を身につける。

— 一般社団法人日本動画協会「アニメーターの課題集」より

セルアニメ制作の本質を理論と実技の両面から掘り下げた古典的な参考書も、動きの根本原理を学ぶうえで長く推奨されています。基礎理論は、こうした信頼できる書籍でじっくり固めることをおすすめします。

実際に参考にできる動きのリファレンス

動きの基本原理を理解するための参考理論 - アニメーション 動き 参考
動きの基本原理を理解するための参考理論 – アニメーション 動き 参考

理論を頭に入れたら、次は実物の動きを参考資料として観察する段階です。ここが上達のスピードを大きく左右します。

映像リファレンスの活用

人間や動物、モンスターなど多様な対象の動きを、横・正面からグリッド付きで撮影した「アニメーションリファレンス」をまとめた資料が存在します。グリッド付きなので、体の各部位がどのタイミングでどれだけ移動するかを正確に確認できます。

動物の動きも重要な参考対象です。犬の歩き方や足の運び、接地するタイミングを解説した動画、動物の歩様をアニメーター向けに整理した動画などは、四足歩行のモーション制作で大いに役立ちます。

身近な現実こそ最高の参考資料

実は、最も価値のある参考資料は日常の中にあります。

現実世界のものの動きをよく観察することが、脱CGくさい動きへの第一歩です。屋外では電線にとまるカラスのポーズ、電車内では人の動きや近景・遠景の流れ方など、身近なものすべてが教材になります。

💡 実体験から学んだこと
自分の動きをスマホで撮影して見返す習慣をつけたところ、頭の中のイメージと実際の動きのズレに驚きました。特に歩きのモーションは、想像していたより体が上下していて、この気づきだけで動きの説得力が大きく変わりました。

上達するための練習カリキュラム

実際に参考にできる動きのリファレンス - アニメーション 動き 参考
実際に参考にできる動きのリファレンス – アニメーション 動き 参考

参考資料を集めても、手を動かさなければ身につきません。ここでは段階的な練習の流れを紹介します。

1

基礎

12原則、バウンシングボール、落下の質感差、ペンデュラム、尻尾つきボールで動きの基本を体得します。

2

ボディメカニクス

歩き・走り・ジャンプなど、体の重心移動と物理法則を意識した動きを練習します。

3

アクティング

感情や意図を伝える演技のある動きへ。キャラクターらしさを表現する段階です。

また、走り・歩き・ジャンプ・パンチ・キックといった基本ポーズを反復練習することで、制作のスピードと質が格段に上がるという指導もあります。基本動作の反復こそが上達の近道です。

好きなアニメーションを真似する練習も効果的です。人の動きを常に観察し、動画として撮影して後で分析する習慣も、多くの上達者が実践しています。

脱CGくさい動きを作る実践的なコツ

上達するための練習カリキュラム - アニメーション 動き 参考
上達するための練習カリキュラム – アニメーション 動き 参考

「なぜか機械的に見える」という悩みには、明確な原因があります。それは動きが単調で規則的すぎることです。

✓

自然に見える動き

  • リズムに変化がある
  • 適切な「間」がある
  • 足が常に動いている
✗

CGくさい動き

  • テンポが一定で単調
  • 間がなく詰まっている
  • 動きが機械的で硬い

たとえば走りのモーションでも、テンポを単調にせず、どこかでつまずかせたり、速度に緩急をつけたりするだけで一気に生き生きとします。

足を必ず動かすクセをつけると、ループでもループに見えない自然な動きになります。これは、ループアニメーションを制作する際に特に効いてくるテクニックです。

Webサイトのモーション制作に取り組んでいる方であれば、こうした緩急の考え方はCSSアニメーションの実装でも同様に活きてきます。イージングの設定は、まさにSlow In & Slow Outの原理そのものだからです。

💡 実体験から学んだこと
以前、キャラクターの歩きループを完璧に規則正しく作ったところ、なぜか「作り物っぽい」と指摘されました。数フレームだけ歩幅を変えてみたら、それだけで不思議と生っぽさが出たのです。完璧すぎる規則性が、逆に不自然さの原因になると実感しました。

実務に耐える基礎力をつける教材

独学でも本格的に学びたい方には、公的機関が提供する信頼性の高い教材があります。

一般社団法人日本動画協会は、動きの法則を理解するための第一歩として「アニメーターの課題集」をPDFで無償配布しています。観察して自ら法則を解き明かし、どのような動きでも描けるようになる基礎を学ぶことを目的とした、非常に実践的な内容です。

また、文化庁が10年以上開催した人材育成プログラム「アニメーションブートキャンプ」のエッセンスをまとめ、「伝えるための動き」を徹底的に探求した書籍も紹介されています。単に動かすのではなく、意図を伝える動きを学べる点が特徴です。

よくある質問

アニメーションの動きはどのくらいで上達しますか

個人差はありますが、基礎課題を継続的にこなせば、数ヶ月で明確な変化を感じる方が多いです。特にバウンシングボールなどの基礎を丁寧にやり込むほど、後の複雑な動きの土台が固まります。焦らず段階を踏むことをおすすめします。

参考動画を真似するだけでも意味はありますか

大いに意味があります。好きなアニメーションを模写・トレースすることは、プロのタイミング感覚を体で覚える有効な方法です。ただし、真似で終わらず「なぜこの動きなのか」を分析すると、応用力が格段に伸びます。

まず何から始めればよいですか

まずはアニメーション12原則を理解し、バウンシングボールから練習することをおすすめします。日本動画協会の無償課題集は最初の教材として最適です。理論と実技を並行して進めるのが効率的です。

実写を参考にすると動きが硬くなりませんか

実写をそのままトレースすると硬くなることはあります。実写は正確なタイミングの参考にしつつ、Squash & Stretchなどの誇張を加えることで、アニメーションらしい生命感が生まれます。参考と誇張のバランスが鍵です。

Web制作でもこれらの原則は使えますか

はい、非常に有効です。UIのモーションやスクロール演出でも、予備動作やイージングの考え方はそのまま応用できます。動きの原則を理解しておくと、心地よいインタラクション設計につながります。

まとめ

アニメーションの動きを参考にして学ぶには、理論・リファレンス・練習の3つを循環させることが最も効果的です。

まずは12原則を理解し、日本動画協会の無償課題集で手を動かしましょう。同時に、身近な人や動物の動きを観察し、スマホで撮影して分析する習慣をつけてみてください。

完璧な規則性ではなく、リズムの変化と間こそが自然な動きを生みます。少しずつでも継続すれば、動きの質は必ず変わっていくはずです。今日から一つ、できることから始めてみてはいかがでしょうか。

アバター画像

折原 慧

制作会社でウェブデザインとフロントエンド実装を10年担当してきたデザインエンジニア。データと実例に基づいて、現場で本当に使えるデザイン・コーディングの知見を整理して届ける。