#Aftereffects #Animation #Blender2.80

プログレスバーのアニメーション作ってみた【Aftereffectsトレーニング】

参考チュートリアル

今回はLearnin5さんの

How To Make A Progress Bar In After Effects | Easy Tutorial

です

レベル感

レベル感は15くらいです

Webデザイン系のデザイナー、初心者におすすめのチュートリアルです

ポートフォリオサイトなどでスキルセットの項目でこのプログレスバーがあったらかっこいいですね

今回のチュートリアルではインプレッションを使いますが、これはAEの中でも特殊な方なので

インプレッションに苦手意識を持つ必要はないと思います

制作の大まかな流れ

1.プログレスバーを”パスのトリミング”を使って作ります

2.周りの枠線をシェイプで作ります

3.文字の上に%で数字を出していきます(インプレッションを使う)

4.%を数字の大きさに合わせてずらし完成!

プログレスバーはパスのトリミングで簡単にできます

マスクを使って作る方法もあるのでいずれ作ってみたいと思います

完成動画

完成形はこちらです!