• MV_1120x330
  • MV_1120x330

Photoshopを効率化して、爆速でデザインしよう!

ほっしー ほっしー


LoadingMY CLIP

  • このエントリーをはてなブックマークに追加

画像アセット

「デザインができた! でも素材書き出さなきゃ・・・スライスめんどくさいなぁ」なんてこともよくありますよね。しかし今は、そのスライスさえせずにレイヤーの名前を変えるだけで画像を書き出すことができる「画像アセット」という便利な機能があるのをご存知でしょうか?

1. レイヤーに書き出したい拡張子を追加

20

PSDをひらいて、画像アセットを生成するレイヤーまたはレイヤーグループの名前に、適切なファイル形式の拡張子(.jpg、.png、.svg、.gif)を追加します。今回はheader.png、contents.jpgとしてみます。

2. 「ファイル」→「生成」→「画像アセット」を選択

18

3. 開いているpsdと同じフォルダにassetというフォルダが生成される

ちゃんとheaderはpngで、contetshajpgで書き出されています!

19

この作業を効率よく作業するためには、レイヤーを綺麗に整理しておくことが必要です。急いでいるとレイヤーがぐちゃぐちゃになってしまいがちですが、一緒にサイトをつくる人たちのためにも、psdは分かりやすく整理しておきましょう。
 
 
いかがでしたか? 作業を効率化してデザインのスピードを上げて、その空いた時間でスキルアップのためにセミナーに行くのもよし、同僚と飲みに行くのもよし、または別案件のデザインを爆速で進めるのもよしです。手が速いことはデザイナーとして大きな武器になるはずです。ぜひ、参考にしてみてくださいね!

街角のクリエイティブ ロゴ


  • このエントリーをはてなブックマークに追加

TOP