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

Layer Exporterの対応バージョン

スライスの難点を解消できるのが「Layer Exporter」エクステンションです（無償）。対応バージョンは、次の2つのみです。

• Illustrator CC
• Illustrator CC 2014

アプリケーション本体に機能を追加するには「プラグイン」、最近だと「拡張機能」などの用語が使われてきましたが、Layer Exporterは「エクステンション」と呼ばれます。

Layer Exporterのインストール

1. ブラウザーでサイトを開き、［Illustrator Layer Exporterをダウンロード］ボタンをクリックする
2. ダウンロードした「com.dehats.layerexporter_2.1.0_2a0c2e.zxp」をダブルクリックすると、Adobe Extension Manager CCが開くので、メッセージに従ってインストールを行い、Illustratorを再起動する
3. Illustratorが起動したら、［ウィンドウ］メニューの［エクステンション］→［Layer exporter］をクリックすると、［Layer exporter］パネルが表示される
   

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に書き出すときには、事前にサイズを変更しておく
• アピアランスに非対応。ドロップシャドウなどが欠けてしまう
• サブレイヤーは非対応

Layer Exporterの注意点（2）

Layer Exporterは、内部的に「レイヤーごとに新規ドキュメントにペースト、アートボードサイズを変更してから書き出し」という作業を行っています。

クリッピングマスクされたアートワークは、クリッピングマスクの大きさでなく、マスクされる前のビットマップ画像の大きさで書き出されてしまいます。

これは、次の仕様が原因です。

• マスクされたオブジェクトとアートボードのサイズ - DTP Transit

追記（2015年7月22日）：Illustrator CC 2015にはMagic Exporter

Layer Exporterは、Illustrator CC 2015に非対応です。有料（25ドル、¥3,215）ですが、Magic Exporterは使えます。

1. ［レイヤー］パネルで書き出したいレイヤー名に「@」を付ける（拡張子は不要）
   
   アートボードでは「★レイヤー名」とともに枠で囲まれる
   
2. ［ファイル］メニューの［Export marked objects］をクリック
3. 書き出しダイアログボックスが開く
   

アンチエイリアスの設定など、もう少しカスタマイズできるのすが、SVG書き出しには対応していないようです。

ご参考

• muneyasu.jp | Illustrator CC2015で簡単に画像を書き出せるプラグイン。