crftロゴ

IllustratorのパスをAfterEffectsのシェイプレイヤーとしてペーストする!

Illustratorのパスをシェイプレイヤーとしてペーストする!
Minoru Nitta
Minoru Nitta
グラフィックデザイナー・フォトグラファー
このエントリーをはてなブックマークに追加

IllustratorのパスをAfterEffectsのシェイプレイヤーとしてペーストする!

 イラストレーターでパスをコピーしてAfterEffectsのシェイプレイヤーとしてペースト。簡単そうですがペーストするとマスクになってしまいます。

 この操作ちょっとクセがあって、シェイプレイヤーとしてペーストするには条件とコツがあります。

イラレからの基本操作

1. Illustratorで丸を描いてコピーします。

2. AfterEffectsへ移動し、新しいコンポジションを用意し、新規シェイプレイヤーを作成します。

 この状態でペーストをするとマスクとしてペーストされてしまいます。

3. シェイプレイヤーを開いて、パスを追加します。

4.  パスを追加したあと、そのパスレイヤーを開いて選択しますが、重要なのがストップウォッチマークのついたほうのパスを選択する ことです。

 このストップウォッチつきのレイヤーを選んでおかないとシェイプパスとしてペーストされません。

このままではコンポジションには何も表示されないので線や塗りを追加して、確認してみてください。

複数のパスの場合

 さて、上の基本操作ではパスの数が一つでした。実はこのコンテンツ>パス>パス、ひとつのパスしか格納することができません。

 ロゴマークなどパス一つで構成されていることはまずないと思います。そんなときはコピーしようとしている図形のパスの数分、シェイプレイヤー内にパスを用意する必要があります。

 下の図形で具体的な方法を検証していきましょう。

パスの数を調べる

 まずはイラストレーターで上の図形がいくつのパスでできているかを調べる必要があります。アウトライン表示にして数えても構いませんが、簡単な方法があります。

 メニューのウィンドウ>ドキュメント情報を選択、開いたパネルの右上のプルダウンメニューからオブジェクトにチェックをいれると、選択中のオブジェクトのパスの数が表示されます。この場合は3と表示されています。

 AfterEffetsのひとつのシェイプレイヤーの中にパスコンテンツを3つ作成し、図のようにストップウォッチのついたパス部分を選択します。

そのままペーストしてみましょう。

もっと複雑なイラストレーターパスをシェイプにする!

 さらに複雑でパスを複数含んでいる場合は、コピーペーストが最善の方法ではありません。
 イラストレーターでファイルとして保存、そのファイルをAfterEffectsに読み込んで、AfterEffects内でパスに変換します。

 読み込んだIllustratorファイルをコンポジションに配置して、そのレイヤーを右クリック、プルダウンメニューから作成>ベクトルレイヤーからシェイプを作成を選択します。

 元のIllustratorファイルは自動的に非表示になり、シェイプレイヤーが作成されます。色も元のパス情報を元にシェイプレイヤーとして再現されます。