有一份腳本，裡面全部字幕要個別做成 PNG 圖檔。於是美工一句一句改字、裁切、存檔……倒還能準時下班就是…… 我該不該告訴他，這種事可以用 Photoshop 的自動化作業 / 建立資料導向圖像批次處理呢？

其實多講也沒人聽啦，所以我做了一套示範檔案，有需要再看說明修改即可。檔案在這裡 (DivShare)，功能如下：依照文字檔的內容，把多張圖片套上框、加上文字、指定檔名存成 PNG。

套框，加上文字

直接使用步驟 ：

  1. 開啟「資料導向圖像.psd」
  2. 選擇「檔案」-「讀入」-「變數資料集…」- 讀入「範例資料集.txt」 讀入範例資料集.txt
    • 編碼：Unicode (UTF-8)
    • 勾選「使用第一欄作為資料集的名稱」
    • 勾選「取代現有的資料集」
  3. 選擇「檔案」-「轉存」-「資料集作為檔案…」 將資料集轉存成檔案
    就會自動產生一堆 psd 檔了。
    • 資料集：全部資料集
    • 檔案命名：資料集名稱
  4. 選擇「檔案」-「自動」-「批次處理…」  
    修剪剛剛產生的 psd 檔，然後存成 PNG。
    • 組合、動作：先在「動作」面板（Alt+F9）的「載入動作…」把 bootleq.atn 載入，然後選擇「修剪 -PNG」
    • 來源、目的地：選擇「資料夾」
    • 勾選「忽略動作的〝另存新檔〞指令」
    • 檔案命名：只要「文件名稱」+「副檔名」 即可

 

要改內容的話怎麼辦？

修改「範例資料集.txt」或「資料導向圖像.psd」。看懂下圖各變數在 psd 和 txt 之間的關係，再打開 Photoshop 的「影像」-「變數」看看怎麼設，應該就知道怎麼改了。變數跟圖層有對應關係

參考：Adobe 的說明 自動化作業 / 建立資料導向圖像，中文版 PDF 手冊在 http://help.adobe.com/zh_TW/Photoshop/10.0/photoshop_cs3_help.pdf。