After EffectsとLottieのコースの紹介

多くの人は、Adobe After Effects をモーション グラフィックスを作成するための主要ソフトウェアとみなしています。Webflow を使用すると、After Effects アニメーションを Web デザインに統合できます。

チュートリアル「Webflow の After Effects と Lottie」では、ページが読み込まれたとき、スクロール中にページが表示されたとき、スクロール中、またはクリックしたときに After Effects アニメーションをトリガーするように設定する方法を説明します。Cinema 4D または Blender でイメージ シーケンスをレンダリングするプロセスと、マウスの位置に基づいてこのシーケンスを管理する方法を説明します。

これらはすべて視覚的に実現できるため、コーディングの必要がありません。

これらのアニメーションは、 Airbnbのロッティ たった 4 つの簡単な手順で生成できます。

1. After Effectsでアニメーションを作成する
2. Bodymovinというプラグインを使用してアニメーションをエクスポートします。
3. アニメーションを組み込む
4. トリガーを確立し、アニメーション設定をカスタマイズする

Webflow で After Effects と Lottie の機能を調べて、After Effects と Webflow の両方のパワーを最大限に活用する方法を学びます。