
上記画像のように After Effects で線が伸びる/縮むアニメーションを作成するには、主に2つの方法があります。パスのトリミングを使用する方法と、トランスフォームを使用する方法です。
線が伸びる/縮むアニメーション作成方法
ここからは以下の方法について、順に説明します。
- パスのトリミング (Trim Paths)
- トランスフォーム (Transform Shape)
(1) パスのトリミングを使用する方法
- 線を引く
- アニメーションの開始点に移動
- タイムラインの線を選択し、追加をクリック。パスのトリミングを追加する
- パスのトリミング内の終了点の値を 0 に変更
- パスのトリミング内の開始点で、値は 0 のままでキーを打つ
- アニメーションの終了点に移動
- パスのトリミング内の開始点の値を 100 に変更
(1-1) 線を引き、パスのトリミングを追加する


タイムラインにある線の項目を選択したうえで、追加ボタンをクリックします。クリックすると、線の項目内にパスのトリミングの項目が追加されます。
(1-2) パスのトリミング
次に、アニメーションの開始点で、パスのトリミング内の終了点の値を 0 に変更します。そのあと、パスのトリミング内の開始点でキーを打ち、アニメーションの終了点に移動してください。そこで、開始点の値を100にします。そうすることで、上記のような線が伸びていくアニメーションを作成することができます。
(2)トランスフォームを使用する
- 線を引く
- アニメーションの開始点に移動
- Transform Shape 内の Scale を 0 にして、キーを打つ
- アニメーションの終了点に移動
- Transform Shape 内の Scale を 100 にして、キーを打つ

コメント