アフターエフェクトのためのイラストレーターグラフィックを準備する方法

Sep 11, 2025

操作方法

私はあなたに何回を伝え始めることができません アドビイラストレーター ファイルが明らかに準備ができていないアニメーションのために私に渡されました エフェクトの後 。ファイルには1つの巨大なレイヤが含まれているか、または間違ったカラープロファイルで保存されていました。時々彼らはアートボードの中に部分的にしか適合しない要素を持っているか、またはその他の効果で働くことが不可能になる他の問題の敷地を含んでいます。

それはイラストレーターとアニメーターの間の多くの混乱と摩擦を引き起こし、それはプロジェクトを始めるのに素晴らしい場所ではありません。

Adobe Creative Cloudを入手してください

私が学んだ最も驚くべきことは、デザイナーが彼らが追加の仕事を引き起こしているという考えがめったにありません。成功のために設定するために、イラストレーターファイルからどのアニメーターが必要なのかを教育していません。

痛みを和らげるために、私はすべてのIllustratorがAfter EffectsのためにIllustratorグラフィックを準備するときに気付いた基本のリストを思い付きました。

01.複数のレイヤーを作成します

あなたのベクトルグラフィックが完成していても、Illustratorの内部に1つか2つのレイヤーしか持っていない場合は、まだ終わっていません。新しいグラフィックをアニメートするためには、各部分（副層）を独自のレイヤーに分離する必要があります。多くの部品を持つ単一の層をアニメートすると、硬い結果や専門的な結果に与える傾向があります。

たとえば、3文字のロゴがある場合は、最初の文字を構成するすべての要素、次に2番目の文字の他のレイヤーを1つのレイヤーにして、3番目のレイヤーを1つ作成します。その後、各文字をアフターエフェクトで独立してアニメートできます。追加のレイヤーを作成せずにそれを「.aiファイル」として保存したばかりで、その後のエフェクトでそれをもたらした場合は、1つのフラットレイヤーになります。

Click the target icon to identify which item is which — ターゲットアイコンをクリックしてどのアイテムがあるかを識別します

Illustrator Layerパネルで、各要素の横にあるターゲットアイコンをクリックして、どのアイテムがどちらの項目であるかを識別します。各項目の可視性を切り替えることも、アイテムが何であるかを確認できます。

Create new layers using the menu shown above — 上記のメニューを使用して新しいレイヤーを作成します

レイヤーパネルの下部の[新しいレイヤーの作成]ボタンをクリックして、それぞれの新しいレイヤーを作成します。各項目を特定するときは、適切なレイヤーに移動します。各層の新規順序が、どのように表示されているかの問題を引き起こさないようにするには注意してください。

各項目を異なるレイヤーに独立して移動することは面倒ですが、はるかに簡単な方法があります。すべて1つのレイヤー内にある場合は、そのレイヤーを選択してから、[レイヤーパネル]メニューから[レイヤー（シーケンス）]を選択します。これにより、レイヤ内のすべての項目がレイヤー自体に変換されます。その後、これらのレイヤーからドラッグして、レイヤーの全リストを入力できます。

Make sure you label your layers appropriately — レイヤーに適切にラベルを付けることを確認してください

レイヤーパネル内のすべてのレイヤーはアフターエフェクトで表示されますので、独立してそれらをアニメートすることができます。新しいレイヤーのいくつかが他のものの小さな部分であることが判明した場合は、2つを一緒にドラッグしてそれらを組み合わせます。

各レイヤーに適切に名前を付けることで、Animatorをアウトアウトしてください。ファイルがAfter Effectsに移動すると、レイヤー名は保持されます。各レイヤーを呼び出すと、実際に何が迅速かつ痛みのないものを識別することができます。

02.あなたのアートボードのサイズを変更します

アートボードのサイズとインサートの中でのグラフィックは、アフターエフェクトへのインポート時に重要です。エフェクトの後に1920 x 1080の後に輸入された小さなグラフィックを持つ10 x 10pxアートボードがある場合は、アニメーション化する前にすべてのサイズにすべてを取得するためによく取引される作業が必要になります。 Illustratorのアートボードがスケーリングされていることを確認してください。それはあなたの後遺症の組成よりも同じサイズ以上です。

Ensure your artboard is a similar scale to your After Effects composition — アートボードがあなたの後の効果の構成に同様の縮尺であることを確認してください

保存する前に、グラフィックの一部がアートボードの端によって切り取られていないことを確認してください。 Illustratorの静止イメージとして素晴らしいものに見えるかもしれませんが、アニメーションのために縮小する必要がある場合は、エッジがアートボードの端と同じ形状になっている場合は良くありません。アートボードの内側にあるものは何でも、その外のものの外側ではありません。単純に置くだけで、あなたがアニメーションを必要とするすべてのものは境界内のものです。

複数のアートボードがある場合は、それらを別々のファイルとして保存できます。ファイルを保存しているときは、Illustratorのオプションを設定するように求められます。必ず[各アートボードを別のファイルに保存]をクリックしてください。次に、新しいIllustratorファイルに移動して、すべてのレイヤーがアニメーションのために適切に分離されていることを確認できます。

03.文書カラーモードを変更してください

CMYK is only for print – set your colour mode to RGB — CMYKは印刷用のみです - カラーモードをRGBに設定

ファイルを保存する前に、ファイルをインポート後のエフェクトにインポートする前に、RGBで働いていることを確認してください。 CMYKは印刷に最適ですが、After Effectsに移動している場合は、グラフィックのこのバージョンを印刷することはできません。あなたは最終的なアニメーションで色が正しく現れるようにしたいと思います。ファイル＆gtに進むことによってそうすることができます。文書カラーモード＆gt。 RGB色 '。

04.正しいファイルの種類を選択してください

Save your work out as an ai file — AIファイルとして作業を保存します

After Effectsの理想的なファイル形式は、Adobe Illustrator（AI）ファイルです。多くの層を持つ構成としてインポートされないため、EPSまたはSVGファイルを避けてください。ファイル＆gtに進むことによってベクトル画像を保存してください。 AS＆GTを保存します。形式：Adobe Illustrator（AI） '。

Make sure you have ‘Create PDF Compatible File’ checked — チェックされた「PDF互換ファイルの作成」があることを確認してください。

より多くのオプションを求められたら、[PDF互換ファイルの作成]チェック済みまたはファイルが[後のエフェクトに正しくインポートされないようにしてください。 Antimatorが古いバージョンのAfter Effectsで機能している場合は、このプロンプトの上部にあるLegacyバージョンのIllustratorとして保存することを選択できます。それ以外の場合は、デフォルト設定が優れています。保存するには[OK]をクリックします。

05.アフターエフェクトをインポートします

Illustratorファイルをフォーマットしたら、アニメーションにインポートする時が来ました。 After Effects in file＆gtを選択します。インポート＆gt;ファイル 'とあなたのIllustratorファイルを選択してください。ファイルを扱う効果の後に、「インポートの種類」が「構成」に設定されていることを確認します。

Set to 'Composition' to preserve your layers — レイヤーを保存するために 'composition'に設定してください

映像の寸法はあなた次第です。各レイヤーが必要なスペースと同じピクセルサイズを維持したい場合は、「レイヤーサイズ」を選択してください。「ドキュメントサイズ」を選択して、各層を選択してください。

Your layers should all appear within your Timeline — あなたのレイヤーはすべてタイムライン内に表示されます

[OK]をクリックすると、プロジェクトパネル内で新しい構成が作成されます。新しいコンポジションをダブルクリックして、タイムライン内のすべての新しいレイヤーを開きます。彼らはすべてイラストレーターにいたように、そしてあなたの層の残りの部分から独立してアニメーション化されています。可能な限り最高品質のアニメーションを作成することで成功のために設定されています。

PluralSightについて

PluralSightは、世界中の企業のための統一された学習経験を終了するための統一された終わりを提供する企業技術学習プラットフォームです。購読サービスを通じて、企業は技術のスピードで動き、熟練度、革新と効率を高めることができました。無料試用版や詳細については、訪問してください www.pluralsight.com 。

関連記事：

PhotoshopからAfter Effectsへの移動方法
43驚くべき後遺症チュートリアル
After Effectsでアニメーションを作成するためのトップのヒント

アフターエフェクトのためのイラストレーターグラフィックを準備する方法

01.複数のレイヤーを作成します

02.あなたのアートボードのサイズを変更します

03.文書カラーモードを変更してください

04.正しいファイルの種類を選択してください

05.アフターエフェクトをインポートします

PluralSightについて

操作方法 - 最も人気のある記事

図描画：初心者ガイド

ポートレート写真：完璧な肖像画を撮る方法

KRITAチュートリアル：デジタルアートソフトウェアの基本を学ぶ

How to build a blog with Jekyll

CSSを含むSVGフィルタを追加する

これらのヒントを含むグラファイトからもっとゲットする

CSSでグリッチテキストとイメージ効果を作成する方法

6簡単なステップで3D風景を作成する

カテゴリ