Layer Exporterを使って、IllustratorのアートワークをSVG/PNG/JPEG書き出しする

Layer Exporterを使った書き出し（1）

アートボード上のアートワークをひとつのオブジェクトとして書き出したいときには、次の手順で行います。アートボードサイズをフィットしておくなどの下準備は不要です。

1. 書き出したいレイヤーのレイヤー名を、「logo」のように半角英数字に変更する（「レイヤー 1」のままでも書き出しを実行することができるが、「レイヤー 1」は、次の手順のときに「レイヤー-1」のように変更される）
   
2. ［Layer exporter］パネルの［Set all layers as］カテゴリの［PNG］ボタンをクリックする
   
   （「logo」レイヤーが、「logo.png」のようにリネームされる）
   
3. ［Layer exporter］パネルの［Export］ボタンをクリックする
   
4. 書き出し先を選択すると、書き出しが実行される
   

Layer Exporterを使った書き出し（2）

「レイヤー1」の中に、2つのロゴがそれぞれサブレイヤーに入っており、それぞれを異なる画像として書き出したい場合を考えてみましょう（今回の場合には、それぞれが別のアートボードに入っていますが、アートボードがあってもなくても）。

1. レイヤー分けしたいオブジェクトごとにグループ化しておく
   
2. グループ化したオブジェクトごとに、「logo-color」、「logo-bw」のように名前を付ける
   
3. 書き出したいオブジェクトを選択して、［Layer exporter］パネルの［Set selected items as］カテゴリの［PNG］ボタンをクリックする
   （「logo-color.png」「logo-bw.png」のようにリネームされる）
   
4. ［Layer exporter］パネルの［Export］ボタンをクリックする
   
5. 書き出し先を選択すると、書き出しが実行される

Layer Exporterを使って、グループ化されたオブジェクトごとに最上位のレイヤーに振り分ける

サブレイヤーの場合、オブジェクトを選択する手順が煩雑といえば煩雑です。次の手順で、グループ化されたオブジェクトごとに最上位のレイヤーに分けることができます。

1. レイヤー分けしたいオブジェクトごとにグループ化しておく
   
2. すべてのオブジェクトを選択して、［Layer exporter］パネルの最下部右側の［Multiple layers］をクリックする
   
3. グループ化されたオブジェクトごとに最上位のレイヤーになるので、レイヤー名を設定する
   

空のレイヤー「レイヤー1」は残ってしまいます。

Layer Exporterの注意点

• ［Web用に保存］のように、書き出し時に大きさを指定することができないので、PNG/JPEGに書き出すときには、事前にサイズを変更しておく
• アピアランスに非対応。ドロップシャドウなどが欠けてしまう。
• サブレイヤーは非対応。