有料プラグイン有り&無し【AdobeCC+Trapcode+C4D】

動画制作してる人たちと繋がりたい!

【丸→四角→星】シェイプレイヤーの変形アニメーション【 AfterEffects CC 2020 プラグイン無し】

今回はシェイプレイヤーの形を【丸→四角→星】と変形させてアニメーションさせてみようと思います。

パスをコピペするだけなのでとても簡単です!

 

1.新規コンポジション作成

f:id:burst-signal:20200112130310p:plain

▲HDTV 1080 29.97

デュレーションは10秒にしました。

 

 

2.アニメーションさせるシェイプレイヤーを用意する

f:id:burst-signal:20200112130317p:plain

丸、四角、星のシェイプレイヤーをそれぞれ用意します。

ここでは3つのシェイプレイヤーになります。

 

 

3.ベジェパスに変換

f:id:burst-signal:20200112130324p:plain

▲[シェイプレイヤー丸]

[コンテンツ]→[楕円形1]→[楕円形パス1]

[楕円形パス1]を選択して、右クリック[ベジェパスに変換]を選択。

 

※楕円形ツールを使用してシェイプレイヤーを作成したため、[コンテンツ]→[楕円形1]となっております。四角は長方形ツール、星は多角形ツールで作成。

 

 

4.シェイプレイヤー全てを[ベジェパスに変換]

f:id:burst-signal:20200112130337p:plain

f:id:burst-signal:20200112130343p:plain

▲[シェイプレイヤー四角]、[シェイプレイヤー星]の両方ともベジェパスに変換します。

[コンテンツ]→[長方形1]→[長方形パス1]→ベジェパスに変換

[コンテンツ]→[多角形1]→[多角形パス1]→ベジェパスに変換

 

f:id:burst-signal:20200112130349p:plain

▲[ベジェパスに変換]を適用すると、名称が[パス1]に変わります。

 

 

5.【丸→四角→星】アニメーション

f:id:burst-signal:20200112130355p:plain

▲開始点(今回は0秒のところ)で[シェイプレイヤー丸]にキーフレームを打ちます。

[コンテンツ]→[楕円形1]→[パス1]→[パス]

丸から四角にアニメーションさせてみたいと思います。もともと丸い形ですので、ただ単純にキーフレームを打つだけです。

 

 

6.[シェイプレイヤー四角]のパスをコピー

f:id:burst-signal:20200112130401p:plain

▲[シェイプレイヤー四角]のパスをコピーします。

[シェイプレイヤー四角]→[コンテンツ]→[長方形1]→[パス1]→[パス]

ポイント
[パス1]ではなく、[パス]を選択してコピー。

 

 

7.[シェイプレイヤー四角]のパスをペースト

f:id:burst-signal:20200112130407p:plain

▲[シェイプレイヤー丸]の[パス]を選択してペースト。

今回はタイムが2秒のところで四角に変形するようにしたいので、タイムインジケーターが2秒のところでペースト。

勝手にキーフレームが打たれます。

 

f:id:burst-signal:20200112130412p:plain

▲ペーストすると、こんな感じ。

 

 

8.[シェイプレイヤー星]も同じことをする

f:id:burst-signal:20200112130419p:plain

▲[シェイプレイヤー星]→[コンテンツ]→[多角形1]→[パス1]→[パス]をコピー。

 

f:id:burst-signal:20200112130425p:plain

▲[シェイプレイヤー丸]タイムインジケーターが4秒のところでペースト。

勿論こちらも勝手にキーフレームが打たれます。

 

f:id:burst-signal:20200112130430p:plain

▲ペーストすると、このようになります。

 

 

9.プレビューして確認する【完成!】

f:id:burst-signal:20200112130437p:plain

▲使用しない[シェイプレイヤー四角]と、[シェイプレイヤー星]を非表示にして、プレビューしてみます。

左側から右側に移動しながら、【丸→四角→星】と変形するアニメーションになっています!

  

定点アニメーション

f:id:burst-signal:20200112130443p:plain

▲左側から右側にアニメーションしていますが、【丸→四角→星】を同じ位置(定点)で変形させることもできます!

・[シェイプレイヤー丸]、[シェイプレイヤー四角]、[シェイプレイヤー星]を最初から同じ位置に配置しておく

・[パス]のキーフレームを打ったところ(今回は0秒、2秒、4秒)のパスを選択ツールでドラッグ&ドロップして同じ位置に移動させる