#Aftereffects #Animation #Illustration

動くサーチアイコンのアニメーション作ってみた【Aftereffectsトレーニング】

参考チュートリアル

今回の参考チュートリアルはMove Shapesさんの

Animated Search Icon Interaction – After Effects Tutorial

です

動くサーチアイコンのアニメーション!

難しいエフェクトはありません

ヌルの基本動作を覚えたい人におすすめのチュートリアルです

アイコンをヌルで回した時に着地点にズレがあると思いますが、アンカーポイントをいい配置に調整すると

ズレが無くなります

レベル感

レベル感はポケモンでいうと10~15くらいです

結構簡単なので初心者におすすめ

制作の大まかな流れ

1.サーチアイコンを作ります

2.丸の部分の横幅を動かします(閉じる動き)

3.サーチアイコンの丸と棒をヌルに紐付けて回転させます

4.背景のサーチバーをつけてグラデーションでいい感じの色味にして完成!

学べること

ヌルオブジェクトで回転

ヌルの基本動作を覚えたい人におすすめのチュートリアルです

完成動画

完成形はこちらです!