画像アセット
「デザインができた! でも素材書き出さなきゃ・・・スライスめんどくさいなぁ」なんてこともよくありますよね。しかし今は、そのスライスさえせずにレイヤーの名前を変えるだけで画像を書き出すことができる「画像アセット」という便利な機能があるのをご存知でしょうか?
1. レイヤーに書き出したい拡張子を追加
PSDをひらいて、画像アセットを生成するレイヤーまたはレイヤーグループの名前に、適切なファイル形式の拡張子(.jpg、.png、.svg、.gif)を追加します。今回はheader.png、contents.jpgとしてみます。
2. 「ファイル」→「生成」→「画像アセット」を選択
3. 開いているpsdと同じフォルダにassetというフォルダが生成される
ちゃんとheaderはpngで、contetshajpgで書き出されています!
この作業を効率よく作業するためには、レイヤーを綺麗に整理しておくことが必要です。急いでいるとレイヤーがぐちゃぐちゃになってしまいがちですが、一緒にサイトをつくる人たちのためにも、psdは分かりやすく整理しておきましょう。
いかがでしたか? 作業を効率化してデザインのスピードを上げて、その空いた時間でスキルアップのためにセミナーに行くのもよし、同僚と飲みに行くのもよし、または別案件のデザインを爆速で進めるのもよしです。手が速いことはデザイナーとして大きな武器になるはずです。ぜひ、参考にしてみてくださいね!