timing-mastery について
リズムやフレーム数、時間の対比をもとにアニメーションを設計するスキルです。間や動作速度が印象に与える影響を解説し、動きが急ぎすぎる場合や遅すぎる場合の調整方法を示します。
主な機能
- 01フレーム数による時間設計
- 0212の原則に沿った解説
- 03急ぎすぎる動きの調整
- 04遅すぎる動きの調整
- 05フレーム数の参考表
活用シーン
- 01キーとなるポーズの時間決定
- 02急ぎすぎる動きの改善
- 03シーンのリズムに対比を加える
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ dylantarre/ animation-principles --skill timing-masteryインストール後、Claude Code で/timing-masteryを入力して読み込まれたか確認します。
詳細
タイミングを極める
ドラマーのように考えましょう。アニメーションとは、目に見えるリズムです。拍と拍の間の空白も、拍そのものと同じくらい重要です。
基本となる考え方
何かをアニメーション化する前に、こう問いかけましょう。これは何フレームかけるべきでしょうか?
タイミングはアニメーションの魂です。同じ動きでも、速度が違えばまったく別の物語になります。速い動きは軽やかで、緊迫感があり、コミカルです。遅い動きは重厚で、ドラマチックで、思慮深い印象を与えます。
タイミングで表現する12の原則
タイミング — それ自体が原則です。フレーム数を徹底的に数えましょう。6フレームの動きはキビキビとした印象になり、24フレームの動きは意図的な印象になります。動作の長さを表す言葉を把握しましょう。
スローイン&スローアウト — 時間は動きの端で伸び縮みします。動作はゆっくり始まり、動きが収まるときもゆっくりになります。中間は速くてもかまいませんが、始まりと終わりには余裕が必要です。
予備動作 — タイミングが期待感を生みます。居心地が悪く感じるほど長く予備動作を見せましょう。動きが解き放たれる前の静止の間に、観客の緊張が高まります。
フォロースルーとオーバーラッピングアクション — タイミングをずらしましょう。すべてが一斉に到達するわけではありません。まず主要な動きを先行させ、二次的な要素はそれぞれのペースで追いつかせます。
二次動作 — 二次的な要素のタイミングは、主役の動きを引き立てるように調整し、競合させないようにしましょう。メロディーに続くハーモニーのように、主要な拍の少し後に収まるのが理想です。
演出 — 観客が読み取る時間を確保しましょう。カットが速すぎると混乱を招きます。重要なポーズは、理解できるだけの時間、保ちましょう。明瞭さには時間が必要です。
誇張 — タイミングが誇張の効果を高めます。長い予備動作の直後に一瞬で動くと、キレが生まれます。時間を引き伸ばして、インパクトを強めましょう。
つぶしと伸ばし — 変形の度合いは速度で決まります。動きが速いほど、伸ばしを大きくします。衝撃の瞬間には、すばやくつぶします。形を変えるタイミングが、速度を伝えます。
アーク — アークに沿って速度を変化させましょう。振り子の動きでは、最下点で最も速く、頂点で最も遅くなります。タイミングは振り子の物理法則に従います。
アピール — リズミカルな動きは魅力的です。タイミングのよいキャラクターは生き生きと感じられます。リズムを乱したタイミングは不安感を生みます(悪役やホラーに効果的です)。
ストレートアヘッドとポーズ・トゥ・ポーズ — まずキーポーズのタイミングを決め(ポーズ・トゥ・ポーズ)、次にその間をつなぐフレーム数を決めます。または、動きを描き進めながら(ストレートアヘッド)タイミングを自然に見つけ、あとから調整します。
立体感のある描画 — 速度がある状態でも、ボリュームが伝わらなければなりません。速く動く物体には、強調した伸ばしやモーションブラーが必要です。タイミングが合っていないと、立体感のある描画でも動きが止まって見えます。
実践での活用
動きが「急ぎすぎている」と感じる場合:
- 予備動作のフレーム数を増やす
- キーポーズを2~4フレーム長く保つ
- イーズアウトをゆっくりにして、動きが収まる余裕をつくる
- 動きを完全に止めるのではなく、「動きを伴う静止」を入れる
動きが「もたついている」と感じる場合:
- 中割りのフレーム数を減らす
- 予備動作の長さを短くする
- 速い部分と遅い部分のコントラストを強める
- 重要度の低い動きからフレームを取り除く
タイミングの目安:
- まばたき:2~4フレーム
- 素早いジェスチャー:6~8フレーム
- 歩行サイクル:1歩あたり12~16フレーム
- 感情的な反応:8~12フレーム+保持
- 重い衝撃:接触に2フレーム、収まるまでに12フレーム以上
黄金律
タイミングは相対的です。 速さを感じるのは、遅さと比べたときだけです。コントラストをつくりましょう。静かな瞬間を置くことで、にぎやかな瞬間をいっそう際立たせます。オチの前の間があるからこそ、オチが決まります。