レイヤーからの画像アセットの生成

レイヤーからの画像アセットの生成

helpx.adobe.com

f:id:web-0220:20180709025411g:plain

f:id:web-0220:20180709025538p:plain

  1. PSD ファイルを開き、ファイル/生成/画像アセットを選択します。
  2. 画像アセットを生成するレイヤーまたはレイヤーグループの名前に適切なファイル形式の拡張子(.jpg、png または .gif)を追加します。例えば、レイヤーグループ名の Rounded_rectangles と Ellipses を Rounded_rectangles.jpg と Ellipses.png に変更し、レイヤー名の Ellipse_4 を Ellipse_4.gif に変更します。

Photoshopでレスポンシブ画像作成

  • レスポンシブ用の画像を自動生成する
  • 「編集」→「環境設定」→「プラグイン

f:id:web-0220:20180709013212p:plain

f:id:web-0220:20180709013337j:plain

ファイル名を変更する
  • header.jpg100%, 50% header-m.jpg100%, 25% header-s.jpg100%

f:id:web-0220:20180709013555j:plain

アセット書き出し

f:id:web-0220:20180709014320j:plain

f:id:web-0220:20180709013926j:plain

求職者支援訓練 フェリカテクニカルアカデミー