こんにちは、BasecampのLeoです。 最近、UIトレースと同じようなことを代わりにアニメーションでやっていて、結構いい感じに学べることがわかったので、その方法についてまとめようと思います。アイコンやロゴのアニメーション実装のためにAfter Effectsを練習したい!というデザイナーにオススメな方法です。 (この記事はAfter Effectsの使い方について書いているわけではありません!) アニメーショントレースが効果的な理由 1. 実践的にAfter Effectsの使い方を学べる 2. 1フレームごとに観察するからこその発見 3. どうしたら気持ちの良い動きになるか感覚で学べる(イージング) 特に3.が大事です。アイコンのアニメーションなどでは複雑なエフェクトを使ったりするわけではないので、結局イージングが肝になってきます。 ふとアイコンを押した時の「なんか気持ち良い
![After Effectsを習得したいデザイナーへ、アニメーショントレースが効果的です。|北川レオ / hicard](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0a30612fb28eac587aeba2612a53430ac44318a/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F13373938%2Frectangle_large_type_2_b222736c6533b1f7db8d7100b218eadc.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)