萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 自製 QQ 動態表情/頭像:從零打造「眨眼」動畫全流程

PS CS3 起內建「時間軸」面板,支援幀動畫製作,無需 After Effects 即可輸出 GIF 動態表情/頭像。本教程以最簡單的「眨眼」為例,手把手教會幀動畫核心邏輯:圖層結構 → 關鍵幀狀態 → 幀時長 → 導出 GIF。

準備工作

  1. 開啟 PS,視窗 → 時間軸 開啟時間軸面板(舊版為「動畫」面板)。
  2. 新建畫布 Ctrl+N:建議 100×100 px、72 dpi、透明背景(表情/頭像標準尺寸)。

繪製靜態元素(圖層結構)

  1. 眼睛輪廓:新建圖層「眼白」,畫筆工具 B 手繪一個不規則圓形(手繪感更萌),填白色。
  2. 黑眼珠:新建圖層「瞳孔」,在眼白中心畫一小圓點,填黑色。
  3. 複製水平翻轉:選中「眼白」「瞳孔」兩圖層 Ctrl+J 複製 → Ctrl+T 右鍵「水平翻轉」 → 移動至對稱位置,形成雙眼。
  4. 閉眼線:新建圖層「閉眼線」,畫筆繪製一條橫線穿過雙眼中心(模擬閉眼瞬間)。複製一層「閉眼線2」微調位置,形成上下眼瞼雙線。

建立幀動畫

  1. 時間軸面板點擊「建立幀動畫」(舊版自動顯示)。
  2. 點擊「複製選定幀」圖示 ,建立第 2 幀(共需 2 幀:睜眼、閉眼)。
  3. 第 1 幀(睜眼):圖層面板顯示「眼白」「瞳孔」×2,隱藏「閉眼線」「閉眼線2」(關閉眼球圖示)。
  4. 第 2 幀(閉眼):隱藏「眼白」「瞳孔」×2,顯示「閉眼線」「閉眼線2」。
  5. 設定幀延遲:兩幀均設 0.2-0.5 秒(視眨眼速度),選單選「永遠」循環。
  6. 點擊播放鈕 預覽,滿意後 檔案 → 存儲為 Web 所用格式 → 選 GIF → 存儲。

擴展玩法

  • 多幀平滑動畫:增加中間過渡幀(半睜眼、眼瞼下移 1/3、2/3),延遲 0.1 秒,動畫更絲滑。
  • 表情包系列化:同一圖層結構,替換嘴巴/眉毛/汗滴/淚滴圖層,快速批量產出「大笑/哭泣/鄙視/傲嬌」全套表情。
  • 動態頭像:畫布改為 640×640 px,加入角色全身、背景循環位移,導出較大尺寸 GIF/MP4(需 PS 視頻時間軸)。

核心心法:「圖層 = 素材,幀 = 素材的顯隱組合」。善用圖層組管理狀態,讓動畫製作像搭積木一樣清晰可控。

copyright © 萬盛學電腦網 all rights reserved