universal-fallback について
Disneyのアニメーション原則12項目を、さまざまな媒体や状況で使うためのガイドです。アニメーションを含む創作に向け、明快さ、自然な動き、引き込みやすさへの影響を説明します。
主な機能
- 0112のアニメーション原則を解説
- 02ストレートアヘッドとポーズ・トゥ・ポーズを比較
- 03タイミングとイージングを説明
- 04弧を描く動きとフォロースルーを活用
- 05誇張で伝わりやすさを高める
- 06原則を適用する手順を提示
活用シーン
- 01自然な動きの経路を設計
- 02動きの重さやテンポを調整
- 03アニメーションの焦点と補助動作を計画
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ dylantarre/ animation-principles --skill universal-fallbackインストール後、Claude Code で/universal-fallbackを入力して読み込まれたか確認します。
詳細
汎用アニメーションの原則
ディズニーのアニメーション12原則を、あらゆる媒体や状況に汎用的に適用します。
クイックリファレンス
| 原則 | 汎用的な適用 |
|---|---|
| スクワッシュ&ストレッチ | 衝撃や柔軟性を表現する |
| アンティシペーション | 動作の前に準備する |
| ステージング | 注意を明確に誘導する |
| ストレート・アヘッド/ポーズ・トゥ・ポーズ | 連続的な手法とキーフレーム手法 |
| フォロースルー/オーバーラッピング | 要素ごとに異なる速度で動きを完了させる |
| スローイン/スローアウト | 加速と減速を滑らかにする |
| アーク | 自然な曲線の動線 |
| セカンダリーアクション | 補助的な要素で主動作を強調する |
| タイミング | 動作の長さが感じられる重さに影響する |
| 誇張 | 明瞭さとインパクトを高める |
| 立体感のある描画 | 形状と構造を保つ |
| 魅力 | 見る人を引き込み、楽しませるデザインにする |
12原則の解説
1. スクワッシュ&ストレッチ
動作中にオブジェクトを変形させ、衝撃、重さ、柔軟性を表現します。体積は一定に保たれます。一方の軸を圧縮すると、もう一方の軸が伸びます。生き生きとした物理的な動きを表現するうえで、最も重要な原則です。
適用:質量のあるものは、力に反応します。柔らかいものほど大きく変形します。硬いものは変形が少ないものの、それでも反応します。重さ、速度、素材の特性を表すために使います。
2. アンティシペーション
主動作の前に準備動作を入れます。投球前の振りかぶり、ジャンプ前のしゃがみ込み、押す前の引き動作などです。観客に次の動作を予測させ、動きを読み取りやすくします。
適用:大きな動作には準備が必要です。動作が大きいほど、予備動作も大きくします。身体的な動き、視覚的な表現、タイミングのいずれでも準備を示せます。予備動作を省くと、動きが機械的に感じられます。
3. ステージング
重要なものへ注意を向けます。構図、コントラスト、動き、タイミングを組み合わせて、意図を明確に伝えます。一瞬につき、明確なアイデアは一つにします。
適用:観客が一度に集中できるものは一つだけです。利用できるあらゆる手段(位置、照明、動き、タイミング)を使って、重要な要素をはっきりと示します。
4. ストレート・アヘッドとポーズ・トゥ・ポーズ
アニメーションには二つの手法があります。ストレート・アヘッドは、流れるような自然発生的な動きを作るために、フレームごとに描きます。ポーズ・トゥ・ポーズは、主要なポーズを定義してから間を補完し、制御と明瞭さを得ます。多くの制作では両方を組み合わせます。
適用:ダイナミックで予測しにくい動きには、ストレート・アヘッドを使います。計画的で正確なシーケンスには、ポーズ・トゥ・ポーズを使います。プロシージャルな動きや物理演算による動きはストレート・アヘッド、スクリプト化された動きはポーズ・トゥ・ポーズに当たります。
5. フォロースルーとオーバーラッピングアクション
オブジェクトやキャラクターの各部は、それぞれ異なる速度で動き、異なるタイミングで止まります。すべてが一斉に止まることはありません。動きを重ねることで、自然で有機的な動きが生まれます。
適用:根幹となる部分を先に動かし、補助的な要素が後に続きます。重い要素ほど遅れて動き、軽い要素ほど素早く反応します。これにより、動きに複雑さと説得力が生まれます。
6. スローインとスローアウト
オブジェクトは加速し、減速します。一定の速度で動くわけではありません。動きの始まりと終わりにフレームを多く使い、中間では少なくします。これにより、自然で物理法則に基づいた動きになります。
適用:直線的な動きは機械的に見えます。動きが始まるときはイーズイン、終わるときはイーズアウトを使います。範囲内に収まる動きにはイーズイン・アウトを使います。カーブによって動きの性格が決まります。
7. アーク
自然な動きは直線ではなく、曲線を描きます。関節の回転によって、動きには自然と弧が生まれます。投げられた物体は放物線を描きます。自然界で直線的な動きはまれです。
適用:何かがA地点からB地点へ動くとき、その間の経路が重要です。動線を確認しましょう。直線なら機械的、曲線なら自然に見えます。例外は、ロボットや特定の機械的な効果です。
8. セカンダリーアクション
主動作を邪魔せずに引き立てる補助的な動きです。ボディランゲージを補足する表情や、キャラクターの動作に対する環境の反応などが該当します。
適用:主動作が物語を伝え、補助的な動きが物語を豊かにします。補助的な動きが主動作を上回ってはいけません。主動作の妨げになる場合は、補助的な動きを取り除きます。
9. タイミング
フレーム数や時間の長さによって、動きの印象が決まります。フレーム数が少ないほど速く、軽快でキビキビした動きになります。フレーム数が多いほど遅く、重厚で慎重な動きになります。タイミングは、表現の個性を形づくる基礎です。
適用:適切な印象になるよう、タイミングを試してみましょう。状況が重要です。同じ時間の長さでも、期待によって速く感じたり遅く感じたりします。タイミングは重み、感情、エネルギーを伝えます。
10. 誇張
明瞭さとインパクトを得るために、現実を超えて表現します。「非現実的」という意味ではなく、本質を際立たせることです。より極端なポーズ、より劇的なタイミング、より明確なステージングを取り入れます。
適用:現実は控えめで、曖昧で、退屈なこともあります。アニメーションでは、重要な要素を強調することで現実を明確にします。本質を見極め、際立たせましょう。状況によって、適切な誇張の度合いは異なります。
11. 立体的な描画
形状、重さ、体積、三次元空間を理解することです。物体は動いている間も構造を保ちます。描画には重さ、バランス、奥行きがあります。
適用:物には質量があり、空間を占めます。アニメーション中も一貫性を保ちましょう。アニメーション化する対象の構造を理解しましょう。意図しない変形は避けてください。
12. 魅力
観客が見たいと思うようにさせる要素です。単に「かわいい」ということではありません。デザイン、個性、動きによって魅力を生み出せます。キャラクターや動きは人を引きつけるものであるべきです。
適用:観客に合わせてデザインし、アニメーションを作りましょう。感情的なつながりを生み出してください。動きには意図が感じられ、満足感があるべきです。すべての選択が、観客を引きつけることにつながるようにしましょう。
原則の適用
- 目的から始める:観客に何を理解し、何を感じてもらう必要がありますか?
- 明確に見せる:重要なものに注意を向けます
- 適切なタイミングを設定する:時間の長さはあらゆる要素に影響します
- 自然に緩急をつける:自然界に直線的な動きはありません
- 動作を予測させる:大きな動きの前に準備します
- 余韻を残す:動きが自然に完了するようにします
- 奥行きを加える:二次動作が主動作を豊かにします
- 明瞭さを誇張する:伝わるように強調します
- 構造を保つ:形状と物理法則を尊重します
- 魅力を設計する:見たいと思えるものにします
これらの原則は、媒体を超えて活用できます。習得し、応用し、よく考えて実践しましょう。