mcpField
T
timing-mastery

timing-mastery

github.com/dylantarreクリエイティブ・メディア132562 回インストール43 週間前に更新
リポジトリ

timing-mastery について

リズムやフレーム数、時間の対比をもとにアニメーションを設計するスキルです。間や動作速度が印象に与える影響を解説し、動きが急ぎすぎる場合や遅すぎる場合の調整方法を示します。

主な機能

  1. 01フレーム数による時間設計
  2. 0212の原則に沿った解説
  3. 03急ぎすぎる動きの調整
  4. 04遅すぎる動きの調整
  5. 05フレーム数の参考表

活用シーン

  1. 01キーとなるポーズの時間決定
  2. 02急ぎすぎる動きの改善
  3. 03シーンのリズムに対比を加える

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/dylantarre/animation-principles --skill timing-mastery

インストール後、Claude Code で/timing-masteryを入力して読み込まれたか確認します。

詳細

タイミングを極める

ドラマーのように考えましょう。アニメーションとは、目に見えるリズムです。拍と拍の間の空白も、拍そのものと同じくらい重要です。

基本となる考え方

何かをアニメーション化する前に、こう問いかけましょう。これは何フレームかけるべきでしょうか?

タイミングはアニメーションの魂です。同じ動きでも、速度が違えばまったく別の物語になります。速い動きは軽やかで、緊迫感があり、コミカルです。遅い動きは重厚で、ドラマチックで、思慮深い印象を与えます。

タイミングで表現する12の原則

タイミング — それ自体が原則です。フレーム数を徹底的に数えましょう。6フレームの動きはキビキビとした印象になり、24フレームの動きは意図的な印象になります。動作の長さを表す言葉を把握しましょう。

スローイン&スローアウト — 時間は動きの端で伸び縮みします。動作はゆっくり始まり、動きが収まるときもゆっくりになります。中間は速くてもかまいませんが、始まりと終わりには余裕が必要です。

予備動作 — タイミングが期待感を生みます。居心地が悪く感じるほど長く予備動作を見せましょう。動きが解き放たれる前の静止の間に、観客の緊張が高まります。

フォロースルーとオーバーラッピングアクション — タイミングをずらしましょう。すべてが一斉に到達するわけではありません。まず主要な動きを先行させ、二次的な要素はそれぞれのペースで追いつかせます。

二次動作 — 二次的な要素のタイミングは、主役の動きを引き立てるように調整し、競合させないようにしましょう。メロディーに続くハーモニーのように、主要な拍の少し後に収まるのが理想です。

演出 — 観客が読み取る時間を確保しましょう。カットが速すぎると混乱を招きます。重要なポーズは、理解できるだけの時間、保ちましょう。明瞭さには時間が必要です。

誇張 — タイミングが誇張の効果を高めます。長い予備動作の直後に一瞬で動くと、キレが生まれます。時間を引き伸ばして、インパクトを強めましょう。

つぶしと伸ばし — 変形の度合いは速度で決まります。動きが速いほど、伸ばしを大きくします。衝撃の瞬間には、すばやくつぶします。形を変えるタイミングが、速度を伝えます。

アーク — アークに沿って速度を変化させましょう。振り子の動きでは、最下点で最も速く、頂点で最も遅くなります。タイミングは振り子の物理法則に従います。

アピール — リズミカルな動きは魅力的です。タイミングのよいキャラクターは生き生きと感じられます。リズムを乱したタイミングは不安感を生みます(悪役やホラーに効果的です)。

ストレートアヘッドとポーズ・トゥ・ポーズ — まずキーポーズのタイミングを決め(ポーズ・トゥ・ポーズ)、次にその間をつなぐフレーム数を決めます。または、動きを描き進めながら(ストレートアヘッド)タイミングを自然に見つけ、あとから調整します。

立体感のある描画 — 速度がある状態でも、ボリュームが伝わらなければなりません。速く動く物体には、強調した伸ばしやモーションブラーが必要です。タイミングが合っていないと、立体感のある描画でも動きが止まって見えます。

実践での活用

動きが「急ぎすぎている」と感じる場合:

  1. 予備動作のフレーム数を増やす
  2. キーポーズを2~4フレーム長く保つ
  3. イーズアウトをゆっくりにして、動きが収まる余裕をつくる
  4. 動きを完全に止めるのではなく、「動きを伴う静止」を入れる

動きが「もたついている」と感じる場合:

  1. 中割りのフレーム数を減らす
  2. 予備動作の長さを短くする
  3. 速い部分と遅い部分のコントラストを強める
  4. 重要度の低い動きからフレームを取り除く

タイミングの目安:

  • まばたき:2~4フレーム
  • 素早いジェスチャー:6~8フレーム
  • 歩行サイクル:1歩あたり12~16フレーム
  • 感情的な反応:8~12フレーム+保持
  • 重い衝撃:接触に2フレーム、収まるまでに12フレーム以上

黄金律

タイミングは相対的です。 速さを感じるのは、遅さと比べたときだけです。コントラストをつくりましょう。静かな瞬間を置くことで、にぎやかな瞬間をいっそう際立たせます。オチの前の間があるからこそ、オチが決まります。

コメント