イージング／イージング関数
イージング／イージング関数とは？
イージング関数は、アニメーションが加速・減速する速さを制御し、動きをロボット的で機械的ではなく、自然で物理的に信頼できるものに感じさせます。
ひと目で分かる
- 別名
- 補間曲線トゥイーニング曲線モーション曲線アニメーション曲線
- 用途
- アニメーションの動きを自然で物理的に根拠のあるものに感じさせるUIやモーショングラフィックスで加速と減速を制御するアニメーションでのキャラクターやカメラの動きの感触を定義するプロ品質のアニメーションを機械的な線形運動から区別する
- 主なツール
- Animation software curve editorsCSS animation timing functionsGame engine animation systemsMotion graphics timeline tools
- 関連用語
- AnimationKeyframeMotion blurFrame rateIn-betweening
創ってみませんか？
シーンを演出し、キャラクターをデザインし、長編映像まで仕上げる
シンプルで透明性の高い料金体系、速度制限なし、無限のCanvasで創造性を最大化する、オールインワンのAIクリエイティブプラットフォーム。
他の概念との比較
Compared with related concepts
イージング対線形補間：線形補間はアニメーション値を始点から終点まで一定の速度で変化させ、ほぼすべての現実世界の物理運動に存在する加速と減速を欠くため、機械的でロボット的に感じる動きを生み出します。イージングは変化率に曲線を適用し、実際の物理的力の下にある物体の非線形な速度プロファイルを反映します。線形にアニメーション化されたカメラ移動と、同じ移動にイーズインアウトを適用したものの知覚的な違いは、なぜ一方が自然に感じられ他方がそうでないかを言葉にできない視聴者にも即座に気づかれます。
たとえば…
床にじっと置かれたおもちゃの車を想像してください。最初から最後までまったく同じ力で完璧に均一に押すと、機械のように奇妙でロボット的に感じる、完全に一定の速度で動きます。でも、最初は強まる優しい押しを与えてから、終わりに滑らかな停止へと惰性で進ませると、本物の車が動くように動きます。速度を上げていき、到着するにつれて減速するのです。その均一でロボット的な動きと、自然に加速・減速する動きの違いこそ、アニメーションでイージングがすることです。アニメーション化された物体に、現実世界で本物の物体が持つのと同じ開始・停止の挙動を与え、コンピューターの中を漂うのではなく、重力と物理を持つ世界に属しているように感じさせます。観客はこれを直感的に処理し、よくイージングされたアニメーションを生きているものとして、下手にイージングされたアニメーションを人工的なものとして感じます。関係する技術的原理について何も知らなくてもです。
プロのヒント
AI生成アニメーションを評価したり、生成プロンプトで動きの品質を指定したりするときは、何を示すべきかだけでなく、動きがどう始まり停止すべきかという観点で考えてください。ゆっくり始まり滑らかに加速してから優しく減速して止まると記述されたカメラ移動は、モデルが解釈し適用できるイーズインアウトの挙動を暗黙的に伝えます。このアプローチは、生成された動きの品質を確認するときにも有効です。動きが一定速度で唐突に始まり終わる映像は、通常、再タイミングや速度曲線の調整を通してポストプロダクションで対処できるイージングの欠如を示しています。
種類とバリエーション
イーズインはゆっくり始まり終わりに向かって加速し、静止状態から始まる物体に役立ちます。イーズアウトは速く始まり減速して停止し、目的地に到着する物体に役立ちます。イーズインアウトは両方を組み合わせ、始まりで加速し終わりで減速する、最も自然に感じる汎用的な選択肢です。線形イージングは一定の速度で変化し、機械的な精密さが意図的な文脈にのみ適しています。バウンスイージングは終点を行き過ぎて落ち着く前に振動し、弾性的またはばね的な物理挙動を模倣します。エラスティックイージングはターゲットを大きく超えて伸びてから跳ね戻り、漫画的または様式化された動きに使われます。ステップイージングは離散的な量子化されたジャンプで動き、レトロ、8ビット影響下、または意図的に機械的な美学に使われます。
Morphicで最初のシーンを作ってみませんか？
Morphicを試す主な活用シーン
ボタン、パネル、メニューが現れたり消えたりするイージングがインターフェースの感触を定義する、アプリ、ウェブサイト、インタラクティブメディアでのUI要素の遷移を設計する。動く要素の加速と減速が主要な表現ツールとなる、モーショングラフィックスやタイトルシーケンスをアニメーション化する。イーズインアウト曲線がドリーやパンの動きに、滑らかでプロフェッショナルなカメラワークを機械的な線形運動から区別する減速を与える、映画的アニメーションでのカメラ移動の品質を定義する。身体がどう加速し停止するかを支配する物理法則を反映するイージング曲線を自然な動きが必要とする、ゲームや映画のキャラクターアニメーション。意図したイージングの挙動を暗示する記述的言語を通して、AIツールにアニメーション品質の要件を伝える。
創ってみませんか？
シーンを演出し、キャラクターをデザインし、長編映像まで仕上げる
シンプルで透明性の高い料金体系、速度制限なし、無限のCanvasで創造性を最大化する、オールインワンのAIクリエイティブプラットフォーム。
FAQ
イージングは、アニメーション化されたプロパティが時間とともにどれだけ速く変化するかを制御する数学的曲線を表し、動きの加速・減速のプロファイルを定義します。適切なイージングは、アニメーションを機械的でロボット的ではなく、自然で物理的に根拠のあるものに感じさせます。
イーズインは、静止状態から勢いを増す物体のように、アニメーションをゆっくり始めて終わりに向かって加速します。イーズアウトは、目的地に到着する物体のように、速く始めて滑らかに減速して停止します。イーズインアウトは両方を組み合わせ、最も自然に感じる汎用的なモーション曲線を生み出します。
線形アニメーションは、加速も減速もなく一定の速度で変化します。すべての動きは非線形な速度プロファイルを生む力の影響下にあるため、現実世界でこのように動く物体はほとんどありません。脳は自然な加速の欠如を検出し、線形の動きを機械的で人工的なものとして読み取ります。
バウンスイージングは、アニメーションがそのターゲット終点を行き過ぎ、落ち着く前に振幅を減らしながら前後に振動させ、弾性的またはゴム的な物体が表面に当たる挙動を模倣します。漫画風、遊び心のある、または物理的に様式化された動きに使われます。
イージング関数は、UIアニメーション、モーショングラフィックス、ゲームアニメーション、映画的カメラ移動、キャラクターアニメーション、そしてアニメーション化された値が自然で物理的に信頼できると感じる必要があるあらゆる文脈で使われます。これらはすべてのアニメーションソフトウェアシステムの基盤的なツールです。
AI動画生成モデルは学習データから動きのパターンを学び、そのデータに存在するイージング特性を自然に再現します。自然な加速と減速を暗示する言語を使ってプロンプトで動きの品質を記述すると、適切なイージングの挙動を持つ映像の生成へとモデルを導くのに役立ちます。
動きの始まりで加速し終わりで減速するイーズインアウトが、アニメーションで最も一般的に使われる汎用イージング関数です。最も幅広いアニメーション化された要素に対して、最も滑らかで最も自然に感じる動きを生み出します。
ステップイージングは、アニメーション化された値を滑らかな連続曲線ではなく離散的な量子化されたジャンプで動かし、階段状の動きパターンを生み出します。滑らかな補間が不適切となる、レトロ、ピクセルアート、または意図的に機械的な美学に使われます。
