本教學示範如何在 Photoshop 中製作「顯示器播放畫面」的幀動畫效果,難度中等偏上,適用 PS CS3 (8.0) 以上版本。核心在於利用時間軸面板逐幀控制圖層顯示狀態,搭配智慧物件與圖層樣式模擬螢幕發光與倒影。
最終效果
製作流程概覽
教程原文以多張步驟圖說明關鍵節點:建立顯示器基底結構、製作螢幕發光區域、導入播放畫面素材、設定幀動畫時間軸、調整幀延遲與循環選項、輸出為 GIF。因原文內容極簡,此處補充關鍵操作邏輯:
- 建立靜態構圖:用圓角矩形、漸變疊加、內發光等樣式繪製顯示器機身與螢幕區域。
- 準備動畫素材:將欲播放的影像序列或視訊幀匯入,置於螢幕圖層上方並建立剪貼蒙版。
- 開啟時間軸:視窗 > 時間軸,選「建立幀動畫」。
- 逐幀設定:每幀對應一張播放畫面,控制圖層顯示/隱藏,設定幀延遲(如 0.1 秒)。
- 預覽與輸出:播放確認流暢度,檔案 > 匯出 > 存儲為 Web 所用格式 (GIF),設定循環選項為「永遠」。