萬盛學電腦網
網站首頁
作業系統
網路安全
電腦基礎知識
軟體知識
電腦故障排除
手機
程式設計
辦公室軟體
瀏覽器
Windows 10
WPS Office
防毒軟體
資料庫
Excel 教學
檔案管理
Word 教學
網頁製作
裝機必備軟體
Linux 教學
您现在的位置:
萬盛學電腦網
>>
軟體知識
> >>
影像處理
>>
Photoshop 教學
>>
Photoshop 入門教學
Photoshop 製作浪漫流星雨 GIF 動畫:從零繪製流星軌跡與光暈
教學目標
使用 Photoshop 影格動畫功能,手繪流星劃過夜空的浪漫效果。涵蓋:流星光暈繪製、直線軌跡變形、多幀位置位移、時間軸設定與 GIF 優化導出。
成品預覽
詳細製作步驟
1. 場景建立
新建文件:建議 600×400 px、72 dpi、RGB、黑色背景(夜空)。
新建透明圖層「星空」,用 1~2 px 硬邊白筆刷隨機點擊繪製星星,或套用
濾鏡 > 雜色 > 添加雜色
(單色、5%)後
影像 > 調整 > 閾值
快速生成。
2. 流星單體構造
新建圖層「流星 1」,用「橢圓選框工具」拉扁橢圓,填充白色。
添加「外發光」圖層樣式:混合模式「螢幕」、顏色白/淡藍、不透明度 80%、擴展 0%、大小 15~20px。
添加「內發光」:混合模式「螢幕」、顏色白、來源「中心」、大小 3px,強化核心亮度。
Ctrl+T
自由變換,旋轉約 45°(模擬斜向劃過),拉長寬比約 1:10。
3. 動畫幀制作
開啟時間軸 (
視窗 > 時間軸
),點選「建立影格動畫」。
第 1 幀:流星位於畫面右上角外側(不可見區域)。
複製幀,移動流星圖層向左下方位移約 1/10 畫面寬度。
重複複製幀+位移,共建立 15~20 幀,直至流星移出左下角外側。
選取所有幀,設定幀延遲 0.08~0.1 秒,循環選「永遠」。
4. 多流星與變化
複製「流星 1」群組,修改:大小、角度、顏色(淡粉/淡綠)、速度(幀間距)、出現時間(圖層可見性在不同時刻開啟)。
添加「許願文字」圖層,設定淡入淡出動畫(不透明度關鍵幀)。
5. 導出優化
檔案 > 匯出 > 存儲為 Web (舊版)
,選 GIF。
色數 128、抖動「無」、透明度勾選、循環「永遠」。
若檔案過大:縮小畫布、減少幀數、降低色數、裁剪動畫區域。
進階變化建議
流星尾巴漸變消失
:在每幀對流星圖層添加蒙版,黑白漸層從頭到尾,隨幀遷移蒙版位置。
粒子特效
:流星核心周圍添加微小粒子圖層,隨幀隨機分布、縮小消失。
景深模糊
:近處流星清晰、遠處流星高斯模糊 1~2px,增強空間感。
聲音同步
:導出 MP4 格式(
檔案 > 匯出 > 轉譯視頻
)添加輕微「嗒」聲效。
把這個動畫做成動態壁紙或電子賀卡,送給重要的人吧!
上一篇軟件知識:
Photoshop 打造璀璨城市夜景燈光效果:從平淡到光彩奪目完整流程
下一篇軟件知識:
Photoshop 創意文字茶杯設計:把想說的話「泡」成一杯茶送給摯愛
Photoshop 入門教學排行
Photoshop 繪製立體逼真快門鏡頭圖標完整教學
PS+SAI 聯手打造言情小說風手繪人像:從調色到細節刻畫全記錄
Photoshop 筆刷繪製水墨意境:從枯荷到雙雞的東方美學實戰
商業修圖設計 PS 核心技巧實戰解析
Photoshop 入門:快捷鍵掌握與自訂完全指南
推薦文章
Photoshop 為禮盒添加閃耀金光特效:放射光束、高光區、微光點分層構建
PS 給人物裙子換花紋:精準扣圖 + 貼入蒙版 + 混合模式/濾鏡質感融合
Photoshop 智能對象深度解析:10 大核心功能與實戰工作流全攻略
Photoshop 繪製小木屋圖標:從剪影到材質細節完整教學
PS 寫實銀色手鐲產品修圖:鏡面反射原理與明暗結構重構實戰
GIF 動畫優化 7 大專家技巧:從視頻源到極致壓縮全流程
Photoshop 繪製精美中秋吉祥結:編織邏輯與投影層次全解析
Photoshop 圖層混合模式全解析:原理、分類與實戰視覺指南
PS 設計三款極具視覺衝擊力的創意海報:簡約線條與色彩的張力
UI 圖標實戰:繪製日式拉麵碗圖標,從線稿到質感一次到位
萬盛學電腦網
|
日本語版
|
設為首頁
|
加入收藏
copyright ©
萬盛學電腦網
all rights reserved