はじめに
Photoshopなら最初からできることができないのが悔しかったので
gulp-sketch
で組んでみたり試したら、標準機能としてあった。でおちです。
参考にしていた
sketch、png、書き出しとググるとgulpがヒットして、かつてはスタンダードだったみたいです。
https://whiskers.nukos.kitchen/2014/12/19/gulp-sketch.html
書き出し素材
こちらから利用させてもらいました
https://www.sketchappsources.com/
https://www.sketchappsources.com/search_ios.html
スライス上での命名
アートボード
- art/Car-Type
- artboard/Car-Tyres
シンボル
共通部品として流用の多いものはアートボードで出すよりもシンボルで書き出す方がいいです。
記載部
書き出し
Sketchアプリから
sketchtoolから
sketchという名前のフォルダに入れたsketchのファイルからoutフォルダへ素材を書き出します。
$ sketchtool export slices sketch/hogehoge.sketch --output="./out/"
書き出しファイル
さいごに
サイズ別にだす、とかはgulpで調整・・・になるかもですが、PhotoShopのGeneratorに負けない程度に便利になった気がします。