最近サイトの素材はできる限り Illustrator を使用して作るようにしているのですが、初心者なのでわからない事がいっぱいです。
そんな中、今回困ったのがアートボードからはみ出してしまった部分だけを消して書き出す方法。
![説明1](https://toaruhetare.net/images/2014/06/2014-06-e382b9e382afe383aae383bce383b3e382b7e383a7e38383e38388-2014-06-28-11-28-34-300x150.png)
こんな感じでガッツりはみ出るわけですが・・・
色々やってみて2パターン見つけたので紹介します。
まずは「WEB 用に書き出す方法」。
「ファイル」メニューの中にある「Web 用に保存する」。
![説明2](https://toaruhetare.net/images/2014/06/2014-06-e382b9e382afe383aae383bce383b3e382b7e383a7e38383e38388-2014-06-28-11-29-21-300x150.png)
これを選択肢して「アートボードサイズでクリップ」にチェックを入れる。
![説明3](https://toaruhetare.net/images/2014/06/2014-06-3-300x150.png)
するとアートボードサイズで書き出されます。
しかし、なんか変な警告が表示されます。
![警告表示](https://toaruhetare.net/images/2014/06/2014-06-e382b9e382afe383aae383bce383b3e382b7e383a7e38383e38388-2014-06-28-11-31-14-300x150.png)
今回はテキスト入れてないのでラテン語なんて関係ないと思いますが・・・
無視して書き出しても特に問題なかったです。
しかし、警告が出るのは少し気分が悪い。
なので、通常の「書き出し」を使用する方法も試しました。
まず、メニューから「書き出し」を選びます。
![説明4](https://toaruhetare.net/images/2014/06/2014-06-e382b9e382afe383aae383bce383b3e382b7e383a7e38383e38388-2014-06-28-11-32-32-300x150.png)
そして「アートボードごとに作成」にチェックを入れます。
すると、チェックを入れない場合はプビューがこんな風に表示されますが、
![説明5](https://toaruhetare.net/images/2014/06/2014-06-e382b9e382afe383aae383bce383b3e382b7e383a7e38383e38388-2014-06-28-11-33-36-300x150.png)
チェックを入れるとこんな感じではみ出た部分が削除されています。
![説明6](https://toaruhetare.net/images/2014/06/2014-06-e382b9e382afe383aae383bce383b3e382b7e383a7e38383e38388-2014-06-28-11-34-24-300x150.png)
書き出しをクリックしたら書き出し完了。
「web 用に保存する」と「書き出し」で出力されたものを見比べてみましたが、自分には違いがわかりませんでした。
なので、特にどちらで書き出しても劣化とかは無いと思います。
ちなみに今回使用したバージョンは最新の Illustrator CC 2014。
それ以前のバージョンでは操作方法が違ったりするかもしれませんのであしからず。
追記
自宅の CS5 で試したところ両方共可能でした。
しかし、CS2 だと「書き出し」の「アートボードごとに作成」は存在しませんでした。
「web 用に保存する」の方は CS2 でも可能だったので、WEB 素材を作る際はこれを使えばいいのではないかと思います。