Skip to main content
Participant
June 3, 2023
Answered

illustratorで作成したシェイプをafter effectsで動かしたい

  • June 3, 2023
  • 2 replies
  • 1196 views

illustratorで作成した長方形シェイプ等のパスのトリミングをすると、after effectsで作成して同じようにパスのトリミングをした長方形シェイプと違った同作をしてしまいます

after effectsと同じようなアニメーションをつける方法、または有料のツールがあれば教えてください

動画のシェイプは黄色がillusutratorで作成したもので、白がafter effectsで作成したものです

どちらも線のみです

This topic has been closed for replies.
Correct answer Mukaida

「ベクトルレイヤーからシェイプを作成」を使用すると、画像のアウトラインが描画されるため、すべて「塗り」の設定になっていると思います。
右側のトリミングは、「線」をトリミングしているので異なる結果になります。


対処法としては、シェイプレイヤーから不要なパスを削除するか、または、目玉アイコンを閉じて1本だけパスを残します。
残ったパスに「線」を追加すれば、トリミングができると思います。


Illustratorの「線」は、外側・中央・内側とあるので、設定を合わせる場合は、「パスのオフセット」を追加すれば対応できます。


別の方法としては、Illustratorのパスをコピーして、新規シェイプレイヤーの「パス」に貼り付けてから「線」を追加しても同じようにトリミングができます。

2 replies

150kw
Community Expert
Community Expert
June 3, 2023

こんばんは、壮真28878800sf67 さん

 

Illustratorから持ってくるのではなく(分からない(笑))、After Effectsで長方形シェイプレイヤーをベジェシェイプパスに変換し、動きを付けてみました。ほぼ同じだと思います。

・「長方形パス1」の右隣りは線の左回り、右回りを選択します。ここでは右周りに設定しました。

・「開始点」は「0.0%」と「100.0%」のキーフレームを打ちます。

・「オフセット」は開始点位置を調整します。ここでは右上から左上に変更しました。

・「カラー」は線の色を設定します。

・「線幅」は線の幅を設定します。

・「不透明度」は「0%」に設定します。

Participant
June 4, 2023

解決することができました

ありがとうございます

MukaidaCommunity ExpertCorrect answer
Community Expert
June 3, 2023

「ベクトルレイヤーからシェイプを作成」を使用すると、画像のアウトラインが描画されるため、すべて「塗り」の設定になっていると思います。
右側のトリミングは、「線」をトリミングしているので異なる結果になります。


対処法としては、シェイプレイヤーから不要なパスを削除するか、または、目玉アイコンを閉じて1本だけパスを残します。
残ったパスに「線」を追加すれば、トリミングができると思います。


Illustratorの「線」は、外側・中央・内側とあるので、設定を合わせる場合は、「パスのオフセット」を追加すれば対応できます。


別の方法としては、Illustratorのパスをコピーして、新規シェイプレイヤーの「パス」に貼り付けてから「線」を追加しても同じようにトリミングができます。

Community Expert
June 3, 2023

<追記>
ツールは、「Overload」でIllustratorからAfter Effectsへ転送できますが、After Effectsが対応していない機能は、再現できない場合があります。
例えば、「線」の外側・内側はAfter Effectsの機能にないのでパスの中央に線が描画されるようになります。