例えば、Illustratorで作成したベクターをAfter Effectsでアニメーションさせることができます。 もちろん、ファイルを正しく準備すればの話ですが。

アニメーションは細部にまでこだわる必要があり、1つでも間違えると台無しになったり、まったく機能しなくなったりします。 レイヤーの扱いは難しいです。 だからこそ、After Effectsで使う前に.aiファイルを整理することが本当に重要なのです。

では、なぜファイルそのものではなくレイヤーをインポートしたいのか、その違いは何なのか。 After Effectは.aiファイルからグループやサブレイヤーを読み込まないので、ベクターの特定の部分をアニメーション化したい場合、それは別のレイヤー上になければなりません。

このチュートリアルでは、Adobe Illustratorファイルを準備し、After Effectsにインポートする方法を説明します。

Adobe IllustratorファイルをAfter Effects用に準備する方法

After Effects用に.aiファイルを準備するということは、基本的にはAdobe IllustratorでAfter Effects用にレイヤーを分けるということです。 すでにレイヤーで整理されている方もいらっしゃると思いますが、After Effectsでオブジェクトを使うには、さらに工夫が必要です。

画像と文字が別々のレイヤーになっているだけでは不十分で、アニメートさせたい部分によっては、パスや文字をそれぞれ別のレイヤーにする必要がある場合もあります。 例を挙げて説明します。

このロゴを新しいドキュメントにコピー＆ペーストして、すべてが同じレイヤーになるようにしました。

では、このベクターをAfter Effectsで編集するために準備する方法を紹介します。

注：スクリーンショットはAdobe Illustrator CC 2022 Mac版を使用しています。 Windowsやその他のバージョンでは、異なる表示となる場合があります。

ステップ1． ベクターを選択し、右クリックで アングループ .

ステップ2． オーバーヘッドメニューからレイヤーパネルを開く ウィンドウ > レイヤー .

ステップ3． 折りたたみメニューをクリックし レイヤーへの解放（シーケンス） .

レイヤー1のシェイプ、テキスト、パスなどのサブレイヤー（レイヤー2〜7）が表示されます。 レイヤー1にはパーツがあります。

ステップ4． を保持します。 シフト キーを押しながら、レイヤー2からレイヤー7を選択し、レイヤー1グループの外にドラッグします。

ご覧の通り、レイヤー1には属さなくなり、各オブジェクトは独立したレイヤーになり、レイヤー1は空になりました。 削除しても構いません。

レイヤーに名前を付けておくと、After Effectで作業するときにオブジェクトを整理したり、場所を特定したりするのが簡単になるのでおすすめです。

ステップ5． 次のページへ ファイル > 名前を付けて保存 と入力し、.aiというファイル名で保存してください。

これで、わずかな手順でAfter Effectに取り込むことができます。

Adobe IllustratorのレイヤーをAfter Effectsに取り込む2つのステップ

上記の「大変な作業」はすでに終わっているので、あとはAfter EffectsでIllustratorのレイヤーを開くだけです。

ステップ1． After Effectsを開き、プロジェクトを開くか、新規に作成します。

ステップ2． 次のページへ ファイル > 輸入 > ファイル またはキーボードショートカット コマンド + I 又は Ctrl + I Windowsの場合）。

インポートしたいaiファイルを探し、Import Asの種類を 構成 - レイヤーサイズを保持する .

クリック オープン をクリックすると、After Effects上でレイヤーが個別のファイルとして表示されるはずです。

それだけです。

よくあるご質問

ここでは、After Effectsで.aiファイルを扱う際の質問と解決策をご紹介します。

After EffectsでIllustratorのレイヤーが表示されないのはなぜですか？

主な原因は、.aiファイルがレイヤーに分かれていないことにあるはずです。 上記の方法で、After Effect用にアートワークを準備することができます。

もう一つの理由は、あなたが選ばなかったことかもしれません。 構成 - レイヤーサイズを保持する をImport Asの種類として指定します。

IllustratorのレイヤーをAfter Effectsでシェイプに変換するにはどうしたらいいですか？

IllustratorのレイヤーをAfter Effectsに取り込むと、それぞれのaiファイルとして表示されます。 Illustratorファイルを選択し、オーバーヘッドメニューを開きます。 レイヤー > 作成 > ベクターレイヤーから図形を作成する .

IllustratorからAfter Effectsにコピー＆ペーストできるのか？

Adobe IllustratorのベクターをコピーしてAfter Effectsに貼り付けることは可能ですが、貼り付けたベクターをアニメーションさせることはできません。

結論

.aiファイルをAfter Effectsにインポートすることは、レイヤーをインポートすることと全く同じではありません。 レイヤーをアニメーション化することはできますが、「準備されていない」ファイルをアニメーション化することはできないという違いがあります。 注意すべき点は、インポートタイプとして「Footage」ではなく「Composition」を選択することです。