After Effects

Illustrator(イラストレーター)でレイヤー分けする方法

イラストレーター レイヤー分け

みなさんこんにちは、運営のAdobe神(@taipei_freedom)です!

過去のたいペー
過去のたいペー
イラストレーターでレイヤー分けする方法を教えて!

今回はこのようなお悩みにお答えしていきます。

特にAfter Effectsでパーツごとにアニメーションしたい場合などは最低限今回解説する方法はできておいたほうがいいですね。

この記事の内容

・イラストレーターでレイヤーごとに分ける方法

adobe神
adobe神
全然難しくないのでやり方を覚えておこう!

イラストレーターでレイヤーを分ける方法

イラストレーター レイヤー分け

まず前提として「レイヤー」「オブジェクト」とは何かを上記画像を見て理解しておいてください。

やり方は簡単で下記の2ステップでできます。

①新規レイヤー作成
②作成したレイヤーにオブジェクトを移動

それではやり方を見ていきましょう。

イラストレーター レイヤー分け

今回はこちらのアイコンを使って解説していきます。

イラストレーター レイヤー分け

レイヤーがしっかりと分かれているかどうかは上記画像の枠内のを見ることで判断することができます。

レイヤーがしっかり分かれている場合は別の色で表記されます。

adobe神
adobe神
つまり今回の場合はピンクの一色なので全てのオブジェクトが1つのレイヤー上並んでいるという構造じゃ!

それではレイヤーごとに分けていく方法を見ていきましょう。

新規レイヤー作成

イラストレーター レイヤー分け

まずは新規レイヤーを作成します。

上記画像の右下に「新規レイヤーを作成」という部分があるのでこちらを押してください。

イラストレーター レイヤー分け

このように「レイヤー2」という新規レイヤーが作成されました。

色が赤色なので既存のものとは別レイヤーなのがわかるかと思います。

レイヤー分けしたいオブジェクトを移動

イラストレーター レイヤー分け

レイヤーを分けたいオブジェクトを先ほど作成した新規レイヤーにドラッグアンドドロップで移動します。

イラストレーター レイヤー分け

色が赤とピンクでレイヤーが分かれ他のがわかるかと思います。

たったこれだけでレイヤー分けの完成です!

この状態でAfter Effectsで読み込めばレイヤーごとにアニメーションをつけることができます。

aftereffects Aiデータをレイヤー毎に読み込む方法
After Effectsでイラストレーターのデータを読み込む方法みなさんこんにちは運営のAdobe神(@taipei_freedom)です! 今回はこのようなお悩みにお答えしていきます!...

まとめ

レイヤー分けする方法は簡単、下記の2ステップ!

①新規レイヤー作成
②作成したレイヤーにオブジェクトを移動
After Effectsでアンカーポイントをレイヤーの中心にする方法
After Effectsでアンカーポイントをレイヤーの中心にする方法みなさんこんにちは、運営のAdobe神(@taipei_freedom)です。 今回はこのようなお悩みにお答えしていきます...
After Effects アニメーションに緩急をつける方法
After Effectsでアニメーションに緩急をつける方法みなさんこんにちは運営のAdobe神(@taipei_freedom)です。 今回はこのようなお悩みにお答えしていきます。...
ABOUT ME
アドビ神
自身がadobeのスキルを取得するのに苦労したためこのサイトの作成を決意。 読者の皆様のadobe学習の効率化を目指します。