萬盛學電腦網

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

Photoshop制作神秘誘惑GIF動畫教學

結合放大鏡視覺隱喻與幀動畫技術,製作一張「窺視慾望」主題的神秘 GIF 動圖。核心技巧:圖層組管理動畫幀、自由變形複製 (Ctrl+Alt+Shift+T) 精準位移、時間軸幀延遲控制、Web 導出優化。

最終效果預覽

核心素材

步驟 1:場景搭建

  1. 置入人物素材,新建圖層填黑背景。
  2. 置入放大鏡素材,抠圖 (鋼筆/快速選擇/通道) 分離鏡框與鏡片,置於人物上方。

步驟 2:製作鏡片「窺視孔」

  1. 橢圓選框工具 (M) 按 Shift 拉正圓選區 → 選擇 → 變換選區 → 精確對齊鏡片位置大小。
  2. Delete 清除選區內容 → 鏡片變透明「孔」。
  3. 新建圖層 3 → 選區內填白 → 圖層樣式 → 混合選項:填充不透明度 0%、挖空「深」→ 鏡片變為透明玻璃質感,僅保留邊緣高光/陰影。

步驟 3:圖層組管理動畫素材 (關鍵架構)

  1. 建立「組 1」與「組 2」兩個圖層組。
  2. 將放大鏡框架圖層 (圖層 2) 放入「組 1」;將玻璃質感圖層 (圖層 3) 放入「組 2」。
  3. 背景層與人物層置於群組外,始終可見。

步驟 4:自由變形複製生成軌跡幀

  1. 選中「組 1」內放大鏡框架圖層 → Ctrl+T 自由變形 → 鍵盤方向鍵精確位移 (例:上 20 步、左 20 步) → Enter 確認。**心記位移向量**。
  2. 連續按 Ctrl+Alt+Shift+T 重複「變形並複製」→ 自動生成等距位移的複製圖層 (框架副本、框架副本 2...),形成移動軌跡序列。

步驟 5:玻璃片同步軌跡

對「組 2」內玻璃圖層執行**完全相同**的位移操作 (首次 Ctrl+T 位移向量必須與框架一致),再 Ctrl+Alt+Shift+T 複製,保證框架與玻璃同步移動。

步驟 6:多方向軌跡拓展

需改變移動方向時:重新 Ctrl+T 設定新位移向量 → 再按 Ctrl+Alt+Shift+T 繼續複製,可生成折線、曲線、幾何軌跡。

步驟 7:時間軸幀動畫組裝

  1. 視窗 → 時間軸 → 「創建幀動畫」。
  2. 關閉所有組內圖層可見性 (關眼球)。
  3. 幀 1:開啟「組 1」與「組 2」中**原始**框架/玻璃圖層眼球 + 背景/人物眼球。
  4. 點擊「複製選定幀」 → 幀 2:關閉原始層,開啟**副本 1** 眼球。
  5. 依序為每個複製圖層建立一幀,直至所有軌跡圖層各顯示一次。
  6. 每幀延遲設 0.1-0.2 秒 (最後一幀可設 0.5-1 秒)。播放預覽。

步驟 8:GIF 優化導出

檔案 → 另存為 Web 所用格式 (舊版) / 匯出 → 存儲為 Web (舊版) / 檔案 → 匯出 → 導出為 → GIF (新版):
— 格式:GIF、256 色、選擇性/擴散雜色、透明度勾選、循環「永久」。
— 優化:若體積過大,降低色數 (128/64)、減少幀數、縮小尺寸。

完成作品賞析

現代 PS 時間軸工作流補充

新版 PS (CS6+) 完全在時間軸面板操作:
1. 圖層面板按動畫順序排列圖層 (底層第 1 幀、頂層最後幀)。
2. 時間軸選單 → 「從圖層建立幀」自動生成。
3. 批量修改幀延遲:全選幀 (Shift+點擊) → 任一幀下拉選單設延遲。
4. 匯出 GIF / APNG / WebP。

創意延伸:放大鏡可替換為手電筒光束、望遠鏡視野、顯微鏡視場;軌跡可設計為螺旋、心形、文字軌跡;主體可為產品細節、建築局部、眼睛虹膜。掌握「圖層組 + 位移複製 + 幀對應」模式,動畫創作自由度無限。

copyright © 萬盛學電腦網 all rights reserved