シェイプの形が徐々に別の形に変形する表現方法【After Effects】

▼サンプルムービー

●新規コンポジションからコンポジションの名前を「モーフィング」、デュレーションを「6秒」で作成します。（※任意）

●レイヤー→新規→「シェイプレイヤー」を作成します。

●「シェイプレイヤー１」を開き、コンテンツの右側にある「追加▶」から「長方形」を選択します。

●同様の方法で「楕円形」「多角形」も追加します。

●「シェイプレイヤー１」のコンテンツ内の「各パス」を開き、以下の設定を行います。
　・長方形パス／サイズ：500
　・楕円形パス／サイズ：500
　・多角形パス／内半径：100、外半径：250

●「長方形パス１」を右クリックから「ベジェパスに変換」を選択します。※「パス１」に変わります。
　・「楕円形パス１（パス２）」「多角形パス１（パス３）」も同様の設定を行います。

●インジケーター0秒で「パス１」を開き、「パス」のストップウォッチをONにします。

●「パス２」の「パス」をコピー（Ctrl+C）し、「パス１」の「パス」内で、2秒の箇所にペースト（Ctrl+V）します。
●「パス３」の「パス」をコピー（Ctrl+C）し、「パス１」の「パス」内で、4秒の箇所にペースト（Ctrl+V）します。

●「パス２」と「パス３」の「パス」をそれぞれ、「パス１」の「パス」にコピー＆ペーストを行いましたので、「パス２」と「パス３」は削除します。
　・長方形→楕円形→多角形に変形する動きが完成です。

●コンテンツの右側にある「追加▶」から「塗り」を選択します。

●「塗り１」を開き、「カラー」の色指定を0秒、2秒、4秒の箇所に設定します。
　・形の変化に合わせて、色も変化する動きが完成です。

●全ての「キーフレーム」を選択し、右クリックから「キーフレーム補助」→「イージーイーズ」を選択して、完成です。

波線をゆらゆらさせる表現方法【After Effects】

2025.04.02

After Effects

シェイプの形が徐々に別の形に変形する表現方法【After Effects】

2025.03.25

After Effects

液体シェイプがくっついたり、離れたりする表現方法【After Effects】

2025.03.21

After Effects

グニャッと曲げる表現方法【After Effects】

2025.03.11

After Effects

ガタガタ震える文字の作り方【After Effects】

2025.03.07

After Effects

中央から左右に広がるアニメーションの作成方法【After Effects】

2025.03.02

After Effects

After Effectsモーションデザイン　すぐに使える実用アイデア見本帳 [ この ] 価格：3,190円（税込、送料無料) (2025/3/25時点) 楽天で購入

After Effects イメージで覚える動きの基本 [ 山下 大輔 ] 価格：2,420円（税込、送料無料) (2025/3/25時点) 楽天で購入

Yasuo Kishioka

Web Designer

Adobe／Flmora／Canva／STUDIOなどの情報をお伝えするブログです。