hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

PSDから画像アセットの生成 について

どんな設定が出来るのって言われたからでてきたURLメモ

ベテランほど知らずに損してるPhotoshopの新常識(4)画像アセットの生成 | Adobe Creative Station
https://blogs.adobe.com/creativestation/dtp-photoshop-kihon-tips-04

Photoshop ヘルプ | レイヤーからの画像アセットの生成
https://helpx.adobe.com/jp/photoshop/using/generate-assets-layers.html

PNG
logo.png 半透明のアルファチャンネルを持つPNG-24
logo.png8 PNG-8
logo.png24 PNG-24

JPEG
.jpg,.jpg8 画質80%
.jpg1 画質10%
.jpg10 画質100%
logo.jpg50% 画質50%
logo.jpg100% 画質100%

複数のファイル logo.png, logo.gif → logo.png logo.gif
大きさ指定(ピクセル) 250×150 logo.png → logo.png(幅250ピクセル、高さ150ピクセル)
大きさ指定(%) 200% logo-retina.png → logo-retina.png(200%の大きさ)
組み合わせ 200% logo@2x.png, logo.png → logo@2x.png(200%の大きさ),logo.png

[2016.01.05 追記]
余白付けられないのって言われて調べてでてきたやつ追記
[Photoshop]画像アセット生成でできること | 株式会社カンマン

[Photoshop]画像アセット生成でできること

グループにマスクする。だいたいこうなるよね。でもデザイナさん面倒そう。
内容物変わると自動で伸びるように出来ひんかなぁ。。。

[add 2016.1.19]
svgだと上記の余白付ける方法は出来ないそうです。
公式がおっしゃっています。
となると、なにかオブジェクトをおかなきゃなのか、、むむむ


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください