萬盛學電腦網

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

Photoshop零基礎入門:兩分鐘製作專屬 QQ 動態眨眼表情包

還在羨慕別人的專屬動態表情?其實用 Photoshop CS3+ 內建的時間軸/動畫面板,幾分鐘就能從零繪製屬於自己的萌系眨眼表情(甚至可直接當 QQ 動態頭像)。本教程以「最簡單的眨眼動畫」為例,手把手帶你跑通圖層繪製→幀動畫邏輯→導出 GIF全流程,零代碼、零腳本,純視覺操作,極適合 PS 入門者建立成就感。

效果預覽

眨眼動態表情最終效果

準備工作

  • Photoshop CS3 或更新版本(自帶動畫/時間軸面板)。
  • 菜單窗口→動畫(或時間軸)打開面板,選擇「創建幀動畫」。
打開動畫面板

繪製靜態元素(僅需 4 個圖層)

圖層名繪製工具/方法視覺角色
左眼白畫筆工具(硬邊)手繪一個不規則圓形睜眼狀態核心
右眼白複製左眼白 → 水平翻轉(Ctrl+T → 右鍵水平翻轉)
左眼珠新圖層,在眼白中心畫小黑點睜眼狀態細節
右眼珠複製左眼珠 → 水平翻轉
閉眼線(上)新圖層,畫筆劃一條穿過雙眼珠的橫線閉眼狀態核心
閉眼線(下)複製上線 → 垂直移動對齊下眼睫毛位置
雙眼繪製完成
閉眼線繪製

動畫邏輯:兩幀切換

動畫面板默認只有 1 幀。點擊面板右上角選單 → 複製選中的幀,得到第 2 幀。現在通過控制圖層顯示/隱藏定義兩種狀態:

  • 第 1 幀(睜眼):顯示「左/右眼白」「左/右眼珠」;隱藏「閉眼線上/下」。
  • 第 2 幀(閉眼):隱藏所有眼白/眼珠圖層;僅顯示「閉眼線上/下」。
第1幀圖層狀態
第2幀圖層狀態

調整播放節奏並導出

  1. 選中兩幀(Shift+點擊),點擊幀下方時間下拉框,設為 0.2 秒(或按喜好調整,建議 0.15-0.3s)。
  2. 播放模式選永久。
  3. 點擊播放鍵預覽,滿意後:文件→存儲為 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 動畫最核心的「圖層狀態+幀切換」邏輯。現在,拿起畫筆,畫出屬於你的專屬表情包,發送給朋友收割驚喜吧!

copyright © 萬盛學電腦網 all rights reserved