Skip to main content
Participant
February 2, 2024
Answered

Illustratorで描いた眉毛が生えてくるアニメーションの作り方

  • February 2, 2024
  • 1 reply
  • 296 views

 イラレで描いた眉毛を1本1本生えてくるアニメーションを作りたいのですが

どのような方法がありますでしょうか?

 

レイヤーを分けてマスクを動かすよりも効率的な方法が知りたいです。

 

ベクトルレイヤーからシェイプを作成してパスのトリミングをしても線が太くなったり

パスの方向が変わらなかったりうまくいきません。。。

This topic has been closed for replies.
Correct answer Mukaida

レイヤーに分けて、縦の毛のレイヤーにマスクを描いて「減算」に設定すれば、上部に移動するとマスクと重なった部分は透過されます。


別の方法としては、「パスのトリミング」があります。
但し、オープンパスの「線」に適用するため、Illustratorで作成した眉毛はそのままでは使用できません。
Illustratorからパスをコピーして、After Effectsにペーストできますが、線の情報は無くなるので、After Effects上でテーパーや色の設定を行います。


方法は、
レイヤー/新規シェイプレイヤーを作成して、追加メニューで「パス」を選択。
イラストレーターのパスを貼り付ける、または、ペンツールで新たにパスを描きます。
パスを作成してから、「線」を追加して、色・線幅・テーパーなどを設定します。
パスと線を選択してCtrl + Gでグループにします。


選択を解除してから新たに「パス」を追加して縦の毛のパスの設定を同じ手順で行います。
2本目からは、グループごと複製を作成できます。
縦の毛のグループを複数選択してグループを作成してから、「パスのトリミング」を追加してアニメーションを設定します。


動画を添付しています。

1 reply

MukaidaCommunity ExpertCorrect answer
Community Expert
February 2, 2024

レイヤーに分けて、縦の毛のレイヤーにマスクを描いて「減算」に設定すれば、上部に移動するとマスクと重なった部分は透過されます。


別の方法としては、「パスのトリミング」があります。
但し、オープンパスの「線」に適用するため、Illustratorで作成した眉毛はそのままでは使用できません。
Illustratorからパスをコピーして、After Effectsにペーストできますが、線の情報は無くなるので、After Effects上でテーパーや色の設定を行います。


方法は、
レイヤー/新規シェイプレイヤーを作成して、追加メニューで「パス」を選択。
イラストレーターのパスを貼り付ける、または、ペンツールで新たにパスを描きます。
パスを作成してから、「線」を追加して、色・線幅・テーパーなどを設定します。
パスと線を選択してCtrl + Gでグループにします。


選択を解除してから新たに「パス」を追加して縦の毛のパスの設定を同じ手順で行います。
2本目からは、グループごと複製を作成できます。
縦の毛のグループを複数選択してグループを作成してから、「パスのトリミング」を追加してアニメーションを設定します。


動画を添付しています。