Adobe After Effects：実は簡単に作れる？ カッコいいアニメーションロゴを作ってみよう！ 「Illustratorデータの読み込み」

ZEFT G27RF

219,800円（税込）

公式サイトで詳細を見る

219,800(税込)

編集部が選ぶおすすめのBTO PC！

高FPSでのゲームプレイや実況、動画編集をすべて一台で。万能型スペックのゲーミングPCです。

12コアのCore i7×RTX3060Ti×32GBメモリを組み合わせにより、ゲーム＋αの用途でも活躍するゲーミングPC。

>> 関連記事 ： Adobe AfterEffects：アニメーションロゴを作る為には？【 グリッドとスナップ 編】

Illustratorのデータを使うシーンとは？

まず、After EffectsでIllustratorのデータを使うシーンについて考えてみましょう。

After Effectsでは様々な形式のデータを扱うことができます。大別すると「画像」「動画」「音楽」の3種類ですね。今回はあるロゴマークを大きく表示した状態から、徐々に小さくなって通常のサイズに収まっていくというアニメーションにしたいとします。通常の画像の場合、100％（等倍）の状態から拡大すると画像は荒くなりボケたような状態になってしまいます。そこで、Illustratorのデータを使います。

Illustratorで扱える画像データは2種類あることを覚えていますか？「ビットマップ形式」と「ベクター形式」です。この二つの形式の詳細については以前のIllustrator講座を参照してください。

Illustratorが得意とするのはベクター形式、つまりパスデータなので、複雑な図形やキャラクター、ロゴなどをパスデータの状態でAfter Effectsに取り込めるので、先ほどのように拡大表示する場合でも画像が荒くなることがありません。このように、オブジェクト自体のサイズを変化させて使うような場合はIllustratorのデータで扱うことをオススメします。

Illustrator でデザインしてAfter Effectsに取り込んでみよう！

では、実際にIllustratorのデータをAfter Effectsに取り込んでいきます。今回は違いが分かりやすいように画像として書き出したデータも併せて取り込んでみたいと思います。

まずは、After Effects側で取り込むデータを使用する準備をします。新規コンポジションを作成します。今回はロゴがブラックなので、コンポジションの背景色をホワイトにして作成しました。

続いて、読み込む対象となるロゴのデータを準備します。左側がベクター形式の画像(AI)のロゴデータで、右側がビットマップ形式の画像(PNG)のロゴデータです。

読み込む方法自体は至って簡単で、対象のファイルをプロジェクトパネルにドラッグ＆ドロップするか、プロジェクトパネルの空白部分をダブルクリックして、ファイルの読み込みウインドウから対象のファイルを選択するだけで読み込めます。

こちらがビットマップ形式の画像です。

こちらがベクター形式の画像です。見ての通り、この状態では見た目の違いは殆どありません。では、今度は拡大してみましょう。

ビットマップ形式の画像を1500%に拡大にしました。ロゴの一部しか表示されていませんが、線の斜め部分にはジャギー（ギザギザ）が出ており、縦横一直線の場所であっても境界線のボケているのが分かります。

ベクター形式の画像を同じく1500%に拡大しました。こちらは拡大されたとしても境界線がハッキリしていることが確認できます。このように、ベクター形式であるIllustratorのデータを直接読み込んで扱うことでサイズ変更によるジャギーやボケを防ぐことができます。

まとめ

今回は、Illustratorのデータ取り込みについて説明してきました。なお、Illustratorはレイヤー構造を持っているので、複数レイヤー存在するIllustratorデータを読み込む場合、読み込み時に別ウインドウが表示され、読み込むレイヤーを選択するか、コンポジションとして全てのレイヤーを読み込むといった選択が必要になるので覚えておくと良いです。同じAdobe製品であることを活かして、アプリケーションを上手く連携させて制作していくことでクオリティも作業効率も上がりますので、是非とも覚えておいてくださいね！

今おすすめのBTOパソコン

これまでの比較・検証を踏まえて、BTOおすすめ人気ランキングを発表します。なお、それぞれの検証項目に重み付けをしてランキングを作成しました。

※11月30日時点の価格

商品	価格	CPU	GPU	メモリー	SSD	HDD	電源
ZEFT G27RF	219,800円 公式サイトへ	Corei7-12700	RTX 3060Ti	32GB (16GBx2枚)	500GB (M.2)	ー	750W Gold
サイコム Lepton WS3500Z790-A/D5 Stream Box	368,670円 公式サイトへ	Core i7 13700K	RTX3060Ti	32GB	1GB	ー	750W GOLD
STORM PG-PXT13	549,800円 公式サイトへ	Core i7-13700K	RTX4090	16GB	1TB	ー	1200W GOLD
arkhive GC-I9G49R AG-IC24Z79AGL9-FT	689,800円 公式サイトへ	Core i9-13900KF	RTX 4090	32GB	1TB+2TB	ー	1200W
THIRDWAVE Magnate GE	124,980円 公式サイトへ	Core i7-12700	ー	16GB	500GB	ー	550W BRONZE