More than 5 years have passed since last update.

イラレでWEB用パーツをドラックだけで書き出す（アセットの書き出し）

Posted at 2016-08-18

表示の確認

「表示＞ピクセルプレビュー」

これでベクターではなくpxで表示してくれる

スライスで…という方法があったが、2016/6のアップデートで便利な機能が追加された

「ウィンドウ＞アセットの書き出し」から表示、もしくは
ショートカットキー：Alt + Ctrl + E（Windows）／Cmd + Opt + E（Mac）を押します。

表示された窓に、書き出したい部分を選択して、そのままドラッグ

すると、窓に要素が追加されます。

一通り追加された後、
全ての要素を選択して右下の書き出しをクリック。

書き出したい場所のフォルダを選んで、無事書き出し完了！

斜め線がある画像はギザギザになって汚い場合もあるので、
一応一通り表示して確認した方が良い。

もし、ギザギザになってしまった場合は、
書き出しの大きさを変更できるので大きめにして後から画像を縮小した方が綺麗になる。
…他にいい方法があれば、そうしたいけど。