Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Photoshop Generator

Cathy
August 28, 2015

Photoshop Generator

Cathy

August 28, 2015
Tweet

More Decks by Cathy

Other Decks in Design

Transcript

  1. 從 PSD 檔案的圖層或圖層群組藉由改變圖層名稱來⾃自 動產⽣生 JPEG、PNG 或 GIF 影像資產。 Updated in

    Photoshop CC version 14.1 (December 2014) ⽂文件:https://helpx.adobe.com/tw/photoshop/using/generate-assets-layers.html Photoshop Generator
  2. Specify quality and size parameters JPG 資產預設是以 90% 品質產⽣生 PNG

    資產預設產⽣生為 32 位元影像 GIF 資產則以基本 Alpha 透明度產⽣生
  3. Parameters for JPG assets • 將想要的輸出品質加到資產名稱的字尾 —.jpg(1-10) 或 .jpg(1-100%)。 例如:Ellipse_4.jpg5

    、Ellipse_4.jpg50%
 • 將想要的輸出影像⼤大⼩小 (相對⼤大⼩小或使⽤用⽀支援格式 —px、in、cm 及 mm) 加到資產名稱的字⾸首。Photoshop 會據以縮放影像。例如: • 200% Ellipse_4.jpg • 300 x 200 Rounded_rectangle_3.jpg • 10in x 200mm Rounded_rectangle_3.jpg • 附註: 請記得在字⾸首和資產名稱間加上⼀一個空格。如果以像素指定⼤大 ⼩小,則可忽略單位。例如 300 x 200。
  4. Parameters for PNG assets • 將想要的輸出品質加到資產名稱的字尾 —8、24 或 32。例如 Ellipse_4.png24

    • 將想要的輸出影像⼤大⼩小 (相對⼤大⼩小或使⽤用⽀支援格式 —px、in、 cm 及 mm) 加到資產名稱的字⾸首。Photoshop 會據以縮放影 像。例如:42% Ellipse_4.png • 300mm x 20cm Rounded_rectangle_3.png • 10in x 50cm Rounded_rectangle_3.png • 附註: 請記得在字⾸首和資產名稱間加上⼀一個空格。如果以像素 指定⼤大⼩小,則可忽略單位。例如 300 x 200。
  5. Parameters for GIF assets • 將想要的輸出影像⼤大⼩小 (相對⼤大⼩小或使⽤用⽀支援格式 —px、in、cm 及 mm)

    加到資產名稱的字⾸首。例如:42% Ellipse_4.gif • 300mm x 20cm Rounded_rectangle_3.gif • 20in x 50cm Rounded_rectangle_3.gif • 附註: 請記得在字⾸首和資產名稱間加上⼀一個空格。如果以像素指定 ⼤大⼩小,則可忽略單位。例如 300 x 200。 • 如圖所⽰示,指定所要的輸出影像⼤大⼩小時,可以混⽤用不同的單位和像 素。例如,4in x 100 Rounded_rectangle_3.gif 是可⽤用於資產產 ⽣生的有效圖層名稱。 • 品質參數不適⽤用於 GIF 資產
  6. You have 2 layers with names: "normal" and "hover" And

    you will type in Renamy: "button-*.png" Result will be "button-normal.png" and "button- hover.png" For example:
  7. 2x/1x/1.5x Android psd檔案為2x為例 創⽴立⼀一個空⽩白圖層置頂 default xhdpi/ + 50% mdpi/ +

    75% hdpi/ 檔名原本為a, 想要的結果為mdpi資料夾、hdpi資料 夾、xhdpi資料夾下分別有: a.png、a.png(1.5x)、a.png(2x) A: