Illustratorからの画像/SVG/CSS書き出しのまとめ

この記事は鷹野雅弘によって執筆されました。
公開日:2014年4月11日、更新日:2015年1月 9日
 

ひとことで言えば「カオス」です...

右が切れてしまうので、こちらをご覧ください。

[ファイル]メニューパネルスクリプト
Web用に保存書き出し別名で保存CSSプロパティLayer ExportersaveSVG_GUI.jsx
デフォルトインストールが必要)
設定が必要)
キーボード
ショートカット
command+option+shift+S-command+shift+S---
ビットマップGIF
JPEG
PNG
SVG
(CS5までは
CSS3
書き出し単位オブジェクトスライスすればレイヤー名を付けた
オブジェクトのみ
選択したオブジェクトレイヤーに分ければ
アートボード
アートボード別、
レイヤー別に
書き出すときの
ファイル名
ダイアログボックスで指定
(スライスごとの設定を
優先)
指定したファイル名_アートボード名.拡張子-レイヤー名.拡張子アートボード名.svg
  • [Web用に保存]は、Illustrator CS5までは[Webおよびデバイス用に保存]
  • SVGの書き出しはIllustrator CS5までは[Webおよびデバイス用に保存]内にあったが、Illustrator CS6では[別名で保存]のみに。[Web用に保存]に復活するのが望ましいと思います。

YouTube

DTP TransitのYouTubeチャンネルです。1分前後のクイックTipsを投稿しています。

チャンネル登録

Twitter

本サイトの記事以外に、小ネタやタイムリーな話題などをツイートしています。

マンスリーでまとめています。

このページの上部に戻る