Photoshop CC の画像アセットで余白含めて出したい時はマスク

assets margin

Advertisement

画像をレイヤー(フォルダ)事に自動で吐き出してくれる便利な画像アセットの抽出。
Slicy使えよって言われるかもしれないですけど、PSDだけで管理・完結出来るのは個人的に嬉しいし、そもそもWindowsなんでSlicy使うだけにMac開いてデータ渡してってのも面倒なんです(なら最初からMac使えよって声が聞こえる気がする)


画像アセットについてはこちらの記事がわかりやすいと思います。

photoshopの「レイヤーからの画像アセット」機能でスライス切りからサヨナラできるかも。 | バニデザノート
photoshopの「レイヤーからの画像アセット」機能でスライス切りからサヨナラできるかも。 | バニデザノート
http://vanidesign.blog.fc2.com/blog-entry-145.html

すいません、記事見て思い出したので完全に便乗記事です。。むしろあちらの記事を見て下さい。


で、余白入れたい時の対処ですが、タイトルの通りです。
マスクかけておけばOKです。複数レイヤーでもフォルダにかければOKです。

この辺で出したい時
Screenshot_1
マスクかけてれば
Screenshot_2
こう出る
Screenshot_3
逆に1つの要素がはみ出してフォルダに入ってる時(罫線とかずばーっと引いてる時とか)も、全部出ちゃうのでマスクで切っておいてあげましょう。

同じような要素が並んだ素材を作る時とか、バラバラにサイズが出てくるとコーディングの時面倒ですよね。

Slicy、Sketch、Gulpとかって背景もあると思うので、意外に画像アセットについて何それって声が聞こえたのと、あと余白入れらんない!って声もあったので書いてみました。以上。

1321321o

ひとこと

もっとブログ書きたい…。