クリックでトリガーされるアニメーションAfter Effectsコンポジションを作成する

マウスのクリックまたはタップで読み込むアニメーションを設定します。

Webflow 内の After Effects と Lottie を網羅した教育カリキュラムでは、円が複数の小さな円に拡大する魅力的なアニメーションが作成されました。このチュートリアルでは、マウスのクリックまたはタップでアニメーションがアクティブになるように設定する方法を説明します。

手順は主に 3 つのフェーズで進めていきます。

  1. ロッティーアニメーションを挿入する 
  2. トリガーを確立する 
  3. アニメーションを準備する

積極的に参加するには、 このプロジェクトを複製する.

ロッティーアニメーションを挿入する

トリガーを設定する

アニメーションを設定する

ユアン・マック