イージング/イージング関数
イージング/イージング関数とは?
イージング関数は、アニメーションが加速・減速する速さを制御し、動きをロボット的で機械的ではなく、自然で物理的に信頼できるものに感じさせます。
ひと目で分かる
- 別名
- 補間曲線トゥイーニング曲線モーション曲線アニメーション曲線
- 用途
- アニメーションの動きを自然で物理的に根拠のあるものに感じさせる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クリエイティブプラットフォーム。