Animation Principles - Quick Start について
アニメーターやモーションデザイナー向けに、アニメーションの12原則を手早く学べるリファレンススキルです。各原則の要点を説明し、動き、明瞭さ、魅力の観点で整理しています。
主な機能
- 01アニメーション12原則の概要
- 02各原則の簡潔な説明
- 03目的別のクイックリファレンス
- 04バウンスボールの入門練習
活用シーン
- 01アニメーションの基礎の復習
- 02バウンスボール練習の計画
- 03動きの明瞭さと魅力の向上
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/インストール後、Claude Code で/animation-principles---quick-startを入力して読み込まれたか確認します。
詳細
5 分で学ぶアニメーションの12原則
ディズニーのアニメーターたちは、1930年代にこれらの原則を体系化しました。今日でも、質の高いアニメーションの基準となっています。
原則（各30秒）
1. スクワッシュ＆ストレッチ 物体は衝撃を受けるとつぶれ、動いているときは伸びます。弾むボールは地面に当たると平たくなります。生命感と柔軟さを生み出します。
2. アンティシペーション 動作の前に予備動作を入れます。ジャンプの前にかがみ、投げる前に腕を後ろへ引きます。これから起こることを観る人に予感させます。
3. ステージング アイデアを明確に伝えます。1つのショットにつき1つのアイデアにします。観る人がどこを見ればよいか迷わないようにします。
4. ストレート・アヘッド／ポーズ・トゥ・ポーズ アニメーションには2つの手法があります。ストレート・アヘッドは、流動的で自然発生的な動きを生み出すために、1コマずつ描きます。ポーズ・トゥ・ポーズは、動きをコントロールして計画的に表現するために、まずキーフレームを描きます。
5. フォロースルー／オーバーラッピング・アクション すべてのものが一斉に止まるわけではありません。頭が止まったあとも髪は動き続けます。体の各部分は、それぞれ異なる速度で動きます。
6. スローインとスローアウト 動きは加速し、減速します。始めと終わりのコマを増やし、中間のコマを減らします。自然な重みが生まれます。
7. アーク 自然な動きは曲線を描きます。腕は弧を描いて振れ、頭も弧を描いて回ります。直線的な動きはロボットのように感じられます。
8. セカンダリーアクション 動きを豊かにする補助的な動きです。口笛を吹きながら歩く、身ぶりを交えて話す、といった動きです。気を散らすことなく、表現を引き立てます。
9. タイミング コマ数が速度と重さを決めます。コマ数が少ないほど、速く、軽く感じられます。コマ数が多いほど、遅く、重く感じられます。
10. 誇張 現実をさらに押し進めて、印象を強めます。大きな表情や、よりダイナミックなポーズを使います。アニメーションは現実そのものではなく、強調された現実です。
11. 立体感のある描画 立体的に考えます。重さ、バランス、解剖学を意識します。2Dのキャラクターでも、立体感があるように感じられるべきです。
12. アピール デザインに魅力を持たせます。キャラクターは見ていて面白い存在にします。明確な形、よいプロポーション、際立った特徴が大切です。
早見グループ
動きを自然にする： タイミング、アーク、スローイン／スローアウト、スクワッシュ／ストレッチ 生き生きとした印象にする： フォロースルー、オーバーラッピング・アクション、セカンダリーアクション わかりやすく見せる： ステージング、アンティシペーション 魅力的にする： アピール、誇張、立体感のある描画
始めるために必要なたった1つの練習
弾むボールをアニメーションにしてみましょう。タイミング、スクワッシュ／ストレッチ、アーク、スローイン／スローアウトを同時に学べます。