目次
例えば、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」を選択することです。