PhotoshopのGenerator機能を使った書き出し

Photoshopのアセット書き出し機能の設定で紹介した方法でPNG、SVGを一括で書き出す。

サイズ、形式ごとに書き出し先を初期設定で指定する方法がなさそうだったので今回は、

2x/icon-facebook.png, 50% 1x/icon-facebook.png, 100% svg/icon-facebook.svg

というようなレイヤー名で素材ごとに指定。

####メリット

####デメリット

####まとめ

あたりが現状の解決策?

Illusratorのアートボードを使った書き出し

イラレの ファイル > 書き出し でアートボードごとにPNGやSVGを書き出す。

####メリット

####デメリット

####まとめ

####課題

大量のアイコンデータをイラレで作成して、PNG、SVGで書き出し・素材管理したい場合のベストソリューションを知りたい。 → 自分でスクリプト書く?

→ [12/6追記] スクリプトを導入して、書き出しが出来ました。
イラレで作ったアイコンをアートボードごとにSVGで書き出す

Sketchにもスライスを書き出す機能があります。

####メリット

####デメリット

####まとめ

あと一息でPhotoshopを捨てて、Sketchに完全移行できる日がくるかもしれない。

使用アプリ: Photoshop CC 2015, Illustrator CC 2015, Sketch 3.4.2