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

 

▼サンプルムービー

youtu.be

 

初期設定

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

 

シェイプの作成

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

 

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

 

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

 

●「シェイプレイヤー１」のコンテンツ内の「各パス」を開き、以下の設定を行います。

　・長方形パス／サイズ：500

　・楕円形パス／サイズ：500

　・多角形パス／内半径：100、外半径：250

 

パスのコピー＆ペースト

●「長方形パス１」を右クリックから「ベジェパスに変換」を選択します。※「パス１」に変わります。

・「楕円形パス１（パス２）」「多角形パス１（パス３）」も同様の設定を行います。

 

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

 

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

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

 

●「パス２」と「パス３」の「パス」をそれぞれ、「パス１」の「パス」にコピー＆ペーストを行いましたので、「パス２」と「パス３」は削除します。

・長方形→楕円形→多角形に変形する動きが完成です。

 

カラーの設定

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

 

●「塗り１」を開き、「カラー」の色指定を0秒、2秒、4秒の箇所に設定します。

・形の変化に合わせて、色も変化する動きが完成です。

 

 

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

 

 

youtu.be

 

#AfterEffects

 

■Kishioka Design Blog

https://y-kishioka.com/

■Kishioka-Design日誌（はてなブログ）

https://www.kishioka-design.net/

■note

https://note.com/kishioka

 

 

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

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