サイズ違いのバナー制作にPhotoshopクイック書き出しが便利

同じデザインテイストでサイズ違いのバナーをいくつもお願いされることがあります。
たくさん種類があると、いっこいっこ別々のファイルで作ると書き出しがけっこう手間なのです…。

そんなときは、ひとつのファイル内に必要なバナーの数だけアートボードを作って「クイック書き出し」を使うと早くて便利です。

Photoshopのクイック書き出しはこんな機能

複数サイズのアートボードを作って、まとめて保存ができるという機能です。

たとえばこんなふうに、異なるサイズの複数のアートボードを作ります。

サイズ違いのバナーを作るときは、それぞれのアートボードに「bnr_300x200」みたいにサイズがわかるような名前を付けています。

レイヤーはこんな感じです。

アートボードの名前が、書き出したときにそのままファイル名になります。

ファイル→書き出し または
書き出したいアートボードを選択→右クリック
→JPGとしてクイック書き出し
で書き出せます。

この「JPGとしてクイック書き出し」の箇所が、場合によっては「pngとしてクイック書き出し」とかになっていることもあります。
その場合は、「書き出しの環境設定」で設定ができます。

pngやsvg、gifにも書き出しが可能です。
pngに書き出しもよく使ってます。

先ほどのファイルを書き出すと、

こんなふうに保存されます。
いっこいっこレイヤー統合→別名保存しなくてよいので楽ちん！
（当たり前に使われているワザなのかもしれませんが、今の職場でこの作り方をしているいる方のpsdファイルを見て知りました…）