月曜日, 4月 29, 2024

How to use Trangram 09 
Easing設定でアニメの動作調整(1)

Easing設定でアニメの動作調整の違いを整理しました。


この連載は以下で確認できます。

比較のために同じイメージを設定していますが、オブジェクトをコピー&ペーストすることで別のトラックに同じ物を作成出来ます。ただし位置が同じなので右上のプロパティーで調整しています。

Easingには上の様に多くの設定が用意されていますが、2回に分けてい中部の動作違いを整理してみました。
 
上から・・・
Ease In Out - Sine
Ease Out - Sine
Ease In - Sine
Normal - Sine

上から・・・
Ease In - Quart
Ease In - Cubic
Ease In - Quad
Ease In - Sine

上から・・・
Ease In - Back
Ease In - Circ
Ease In - Expo
Ease In - Quint

上から・・・
Ease In - Elastic
Ease In - Bounce
Ease Out - Sine
Ease Out - Quad

※なお、この書き込み時点ではWebpで書き出して再生されました。しかし、2024/05/23の段階では、Webpで書き出したモノはムービーとはならず制止画になり、Webp形式でのムービー書き出しはWebm(VP9)を指定します。ただし、ブラウザーでは表示で来ますが、このBlogに配置できませんでした。