還在羨慕別人的專屬動態表情?其實用 Photoshop CS3+ 內建的時間軸/動畫面板,幾分鐘就能從零繪製屬於自己的萌系眨眼表情(甚至可直接當 QQ 動態頭像)。本教程以「最簡單的眨眼動畫」為例,手把手帶你跑通圖層繪製→幀動畫邏輯→導出 GIF全流程,零代碼、零腳本,純視覺操作,極適合 PS 入門者建立成就感。
效果預覽
準備工作
- Photoshop CS3 或更新版本(自帶動畫/時間軸面板)。
- 菜單窗口→動畫(或時間軸)打開面板,選擇「創建幀動畫」。
繪製靜態元素(僅需 4 個圖層)
| 圖層名 | 繪製工具/方法 | 視覺角色 |
| 左眼白 | 畫筆工具(硬邊)手繪一個不規則圓形 | 睜眼狀態核心 |
| 右眼白 | 複製左眼白 → 水平翻轉(Ctrl+T → 右鍵水平翻轉) |
| 左眼珠 | 新圖層,在眼白中心畫小黑點 | 睜眼狀態細節 |
| 右眼珠 | 複製左眼珠 → 水平翻轉 |
| 閉眼線(上) | 新圖層,畫筆劃一條穿過雙眼珠的橫線 | 閉眼狀態核心 |
| 閉眼線(下) | 複製上線 → 垂直移動對齊下眼睫毛位置 |
動畫邏輯:兩幀切換
動畫面板默認只有 1 幀。點擊面板右上角選單 → 複製選中的幀,得到第 2 幀。現在通過控制圖層顯示/隱藏定義兩種狀態:
- 第 1 幀(睜眼):顯示「左/右眼白」「左/右眼珠」;隱藏「閉眼線上/下」。
- 第 2 幀(閉眼):隱藏所有眼白/眼珠圖層;僅顯示「閉眼線上/下」。
調整播放節奏並導出
- 選中兩幀(Shift+點擊),點擊幀下方時間下拉框,設為 0.2 秒(或按喜好調整,建議 0.15-0.3s)。
- 播放模式選永久。
- 點擊播放鍵預覽,滿意後:文件→存儲為 Web 所用格式 (Alt+Shift+Ctrl+S) → 格式選 GIF → 循環選項「永久」 → 存儲。
進階玩法:從「眨眼」舉一反三
- 表情變化:增加「嘴巴圖層組」(閉嘴線/張嘴橢圓/微笑曲線),配合眼部幀做「眨眼+微笑」「驚訝張嘴」等組合動作。
- 手繪風格升級:用畫筆工具開啟「筆刷姿態抖動」繪製線條,賦予手繪顫抖感;或導入實體紙筆掃描線稿上色。
- 角色 IP 化:固定角色輪廓(頭髮、輪廓、配色),僅替換表情圖層組,快速產出系列表情包/動態頭像。
- 視頻時間軸進階:CC 版本可切換視頻時間軸,利用關鍵幀實現位置移動、縮放、旋轉、不透明度漸變等更豐富動畫,導出 MP4/GIF 皆可。
常見問題 QA
- Q: 動畫面板找不到「複製幀」按鈕?
- A: 面板右上角「三條橫線」選單裡,或幀縮圖右鍵選單均可找到。
- Q: 導出 GIF 顏色斑駁/有鋸齒?
- A: 存儲為 Web 時,顏色數設 256,勾選「抖動」88% 以上;邊緣羽化 1px 再導出。
- Q: 想要透明背景?
- A: 新建文件時背景內容選「透明」,或導出前隱藏背景圖層;GIF/PNG 均支持透明。
恭喜!你已掌握 PS 動畫最核心的「圖層狀態+幀切換」邏輯。現在,拿起畫筆,畫出屬於你的專屬表情包,發送給朋友收割驚喜吧!