前言

2005 年偶然畫的小人衍生出插圖與 QQ 表情，分享 Painter、Illustrator、Photoshop、ImageReady 多軟體協作流程，耗時約 8 小時。

動畫表情成品預覽

插畫製作流程

1. 草稿： Painter 繪製細致草稿（圖 01），場景為餐廳用餐。
2. AI 勾線： 導入 AI，調透明度 24% 鎖定圖層，新建圖層勾線（圖 02-03）。建議背景、人物、物件分層命名管理。
3. 填色技巧： 預做好人物顏色，吸管工具吸取顏色與線條粗細（圖 04-05）。
4. 勾線結構技巧： 手部、頭部分解圖展示物件前後排序與結構關係（圖 06-07），便於後期修改。
5. 蒙版清理邊角： AI 蒙版隱藏外框零碎邊角（圖 08），快捷鍵 Ctrl+7。
6. PS 增加質感： 疊加紙紋圖層 正片疊底 50% 透明度（圖 09），加文字完成靜態插畫（圖 10）。

圖 01：草稿

圖 02：AI 導入設定

圖 03：勾線過程

圖 04：填色吸色

圖 05：吸管吸取現成顏色

圖 06：手部結構技巧

圖 07：頭部分解

圖 08：蒙版清理

圖 09：PS 疊加紙紋

圖 10：靜態插畫完成

動畫表情製作

1. Painter 逐幀繪製各表情關鍵幀（圖 11）。
2. 導入 AI 勾線，復制基本頭部造型修改提高效率（圖 12）。
3. AI 檔拖入 PS，新建畫布調整大小擺放位置，隱藏非當前圖層（圖 13-15）。
4. 點擊 PS 右下角圖標跳轉 ImageReady，調整幀延遲時間反覆測試（圖 16）。
5. 存儲為 GIF 動畫（圖 17）。

圖 11：表情關鍵幀草稿

圖 12：AI 勾線

圖 13：AI 檔拖入 PS

圖 14：調整大小

圖 15：圖層擺放

圖 16：ImageReady 幀延遲調整

圖 17：存儲 GIF 設定

GIF 動畫表情成品