モーションの原則 · 動きの作法
スクワッシュ＆ストレッチ挤压与拉伸
- カートゥーン
- 弾力
- 誇張
動きの中で要素を潰したり伸ばしたりし、弾力のあるものが着地・離陸するときの変形をまねます。
使いどころ
イラスト・マスコット・ゲーム的な要素に使います。アイコンや文字は潰すと見分けにくくなるので注意してください。
パラメータ
on landing scale(1.1, 0.9) · on takeoff scale(0.95, 1.05) · each 120ms ease-out
レシピ
各 120ms ease-outスクワッシュ＆ストレッチ → on landing scale(1.1, 0.9) · on takeoff scale(0.95, 1.05)
AI に渡す一文
このマスコットにスクワッシュ＆ストレッチを付けてください。着地で scale(1.1, 0.9)、離陸で scale(0.95, 1.05)、それぞれ 120ms、ease-out、その後 1 に戻します。