サイト制作に関するメモ書き

HOME > その他 > Photoshopのアセットを使ってみる

Photoshopのアセットを使ってみる

Photoshopのアセット生成を使ってみます。

使い方

以下のような内容のファイルで試してみます。

書き出したいレイヤーにファイル名を指定します。

以下のようなレイヤー名にしています。

  • visual-title.png
  • visual-description.png
  • visual.jpg

ファイル > 生成 > 画像アセット を選択します。

psdファイルのあるディレクトリに「psdファイル名-assets」というフォルダが生成され、その中に上記で設定したファイルが書き出しされました。
visual-title.png
visual-description.png
visual.jpg

一回生成を行うと、その後変更があるたびに自動で書き出しを上書きするようになります。
例えば、以下のようにテキストを変更してみます。

変更が完了すると、visual-description.pngが変更されました。
visual-description.png

複数のレイヤーを1枚で書き出したい場合、レイヤーをグループ化します。
例としてテキスト部分をグループ化して、visual-text.pngという名前にしました。

変更を保存すると、visual-text.pngというファイルが生成されました
visual-text.png

jpgを書き出す際の画質はデフォルトだと80%担っているので、100%で書き出すようにしてみます。
visual.jpg100%のように、レイヤー名の後ろに値を指定します。

これでvisual.jpgが画質100%で上書きされました。
visual.jpg

 

【参考サイト】

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

▲PAGE TOP