萬盛學電腦網

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

Photoshop 製作閃爍紅心 GIF 動畫教學

想製作可愛的閃爍愛心 GIF 貼圖嗎?本教學示範從繪製立體愛心、設定圖層樣式、製作縮放關鍵幀到導出 GIF 的完整流程。利用「圖層樣式疊加」打造質感愛心,再透過「動畫面板」逐幀控制縮放比例,幾分鐘即可完成會呼吸的閃爍紅心。

最終效果

步驟 1:建立基礎愛心

  1. 新建文件(如 400×400 px),新增圖層,前景色設 #FD7FA3,選「畫筆工具」載入可愛筆刷點綴裝飾(可略過)。
  2. 選「自訂形狀工具」(U) → 形狀選單選「心形」 → 按 Shift 拖曳繪製正比例愛心 → 圖層面板右鍵「光柵化圖層」。

步驟 2:圖層樣式賦予立體質感

雙擊愛心圖層開啟「圖層樣式」,依下圖參數設定:
• 投影:距離 3px、大小 5px、不透明度 50%。
• 內陰影:距離 2px、大小 3px。
• 外發光:顏色 #FF66AA、大小 10px。
• 內發光:顏色 #FFF、大小 5px。
• 光澤:混合模式「疊加」、不透明度 30%。
• 漸層疊加:線性、角度 90°、顏色 #FF3366 → #FF99CC。



步驟 3:建立縮放關鍵幀序列

  1. 愛心圖層 Ctrl+J 複製三份,分別命名「副本 1/2/3」。
  2. 選「副本 1」→ Ctrl+T 自由變換 → 選項欄寬高均設 95% → Enter 確認。
  3. 「副本 2」設 90%。
  4. 「副本 3」設 85%。

步驟 4:動畫面板逐幀製作

  1. 「視窗」→「動畫」開啟時間軸面板(CS6 以前為「動畫」面板,CC 為「時間軸」幀動畫模式)。
  2. 點擊「新建幀」按鈕 6 次,建立 6 個幀。
  3. 幀 1:僅顯示原始愛心圖層(100%)。
  4. 幀 2:隱藏原始,顯示副本 1 (95%)。
  5. 幀 3:顯示副本 2 (90%)。
  6. 幀 4:顯示副本 3 (85%)。
  7. 幀 5:回顯示副本 2 (90%)。
  8. 幀 6:回顯示副本 1 (95%)。
  9. 全選 6 幀 → 幀延遲設 0.1 秒 → 循環選項選「永遠」。
  10. 「檔案」→「存儲為 Web 所用格式」 → 格式選 GIF → 顏色 256、抖動 88% → 存檔。

延伸創意

  • 將愛心換為星星、花朵等自訂形狀。
  • 在關鍵幀加入「色相/飽和度」調整圖層,製作變色閃爍效果。
  • 複製關鍵幀序列反向排列,製作「大→小→大」完整呼吸循環。

註:更多教學請關注本站 Photoshop 專欄,三聯 PS 群:182958314 歡迎加入。

copyright © 萬盛學電腦網 all rights reserved