萬盛學電腦網

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

Photoshop 製作浪漫流星雨 GIF 動畫:從零繪製流星軌跡與光暈

教學目標

使用 Photoshop 影格動畫功能,手繪流星劃過夜空的浪漫效果。涵蓋:流星光暈繪製、直線軌跡變形、多幀位置位移、時間軸設定與 GIF 優化導出。

成品預覽

流星雨動畫成品

詳細製作步驟

1. 場景建立

  1. 新建文件:建議 600×400 px、72 dpi、RGB、黑色背景(夜空)。
    新建文件
  2. 新建透明圖層「星空」,用 1~2 px 硬邊白筆刷隨機點擊繪製星星,或套用 濾鏡 > 雜色 > 添加雜色(單色、5%)後 影像 > 調整 > 閾值 快速生成。
    星空層

2. 流星單體構造

  1. 新建圖層「流星 1」,用「橢圓選框工具」拉扁橢圓,填充白色。
    流星核心
  2. 添加「外發光」圖層樣式:混合模式「螢幕」、顏色白/淡藍、不透明度 80%、擴展 0%、大小 15~20px。
    外發光設定
  3. 添加「內發光」:混合模式「螢幕」、顏色白、來源「中心」、大小 3px,強化核心亮度。
    內發光設定
  4. Ctrl+T 自由變換,旋轉約 45°(模擬斜向劃過),拉長寬比約 1:10。
    流星形狀調整

3. 動畫幀制作

  1. 開啟時間軸 (視窗 > 時間軸),點選「建立影格動畫」。
  2. 第 1 幀:流星位於畫面右上角外側(不可見區域)。
  3. 複製幀,移動流星圖層向左下方位移約 1/10 畫面寬度。
    幀位移示意
  4. 重複複製幀+位移,共建立 15~20 幀,直至流星移出左下角外側。
    多幀序列
    幀序列2
    幀序列3
    幀序列4
    幀序列5
  5. 選取所有幀,設定幀延遲 0.08~0.1 秒,循環選「永遠」。
    動畫預覽

4. 多流星與變化

  • 複製「流星 1」群組,修改:大小、角度、顏色(淡粉/淡綠)、速度(幀間距)、出現時間(圖層可見性在不同時刻開啟)。
  • 添加「許願文字」圖層,設定淡入淡出動畫(不透明度關鍵幀)。

5. 導出優化

  1. 檔案 > 匯出 > 存儲為 Web (舊版),選 GIF。
  2. 色數 128、抖動「無」、透明度勾選、循環「永遠」。
  3. 若檔案過大:縮小畫布、減少幀數、降低色數、裁剪動畫區域。
    最終導出

進階變化建議

  • 流星尾巴漸變消失:在每幀對流星圖層添加蒙版,黑白漸層從頭到尾,隨幀遷移蒙版位置。
  • 粒子特效:流星核心周圍添加微小粒子圖層,隨幀隨機分布、縮小消失。
  • 景深模糊:近處流星清晰、遠處流星高斯模糊 1~2px,增強空間感。
  • 聲音同步:導出 MP4 格式(檔案 > 匯出 > 轉譯視頻)添加輕微「嗒」聲效。

把這個動畫做成動態壁紙或電子賀卡,送給重要的人吧!

copyright © 萬盛學電腦網 all rights reserved