萬盛學電腦網

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

Photoshop ImageReady 製作春節鯉魚跳龍門動畫教學

迎新春獻禮!本教學詳細演示如何在 ImageReady(現代 PS 時間軸同樣適用)中從零繪製並動畫化「鯉魚跳龍門」傳統寓意場景:金色鯉魚躍動、藍色波浪翻滾、紅色龍門牌樓、金色「龍」字、星星點綴。涵蓋向量形狀繪製、圖層樣式質感、濾鏡海洋波紋/水波、圖層複製變形製作動態序列、幀動畫時間軸邏輯、優化導出全流程。傳統文化題材與數碼動畫技法完美結合,適合節日海報、公眾號封面、電商促銷動圖製作。

完成動畫效果

場景元素繪製(ImageReady/PS 均可)

1. 龍門牌樓構建

  1. 新建 10×10cm,72dpi 文檔。鋼筆工具勾勒牌樓輪廓,填充 #785000(古銅金)。
  2. 新建圖層,橢圓工具減選出月牙形,填充 #ffff00(金黃),複製排列形成屋脊瓦片紋理,合併圖層。添加「投影」圖層樣式,Ctrl+E 合併樣式。減淡/加深工具調整明暗立體感。
  3. 複製牌樓 2 個,縮放排列形成遠近三層門楼結構。

2. 紅色柱體與黑色背景板

  1. 矩形選框拉長方形,漸層工具(深紅 #8b0000 - 大紅 #ff0000 - 深紅)橫向拉漸層,複製排列。新建黑色矩形圖層置於最底層作為夜空背景。

3. 波浪與水面系統

  1. 新建圖層,矩形選框填充 #000081(深藍),加深工具加深上半部。畫筆工具白色繪製波紋線條。
  2. 濾鏡 > 扭曲 > 海洋波紋:波長 100,振幅 15,類型「正弦波」。Ctrl+T 透視變形拉大前景。魔棒選透明區,羽化 10px,Delete 多次漸隱遠景。
  3. 複製波浪層置最頂,軟橡皮擦除上半部,作為遮罩龍門下部的「水面遮罩層」,產生龍門立於水中視覺。
  4. 複製波浪層多份,選取 > 色彩範圍 選取藍色並刪除,保留白色浪花。底層保留完整藍色水面。其中一層套用 濾鏡 > 扭曲 > 水波,產生鯉魚躍出時的同心圓水波紋。

4. 鯉魚繪製與動態序列

  1. 鋼筆工具繪製鯉魚主體:魚身、魚鱗(重複橢圓變形)、眼睛、嘴巴、尾鰭、胸鰭/腹鰭,各部件獨立圖層,填充適宜顏色(紅/金/橙系)。合併為「鯉魚基礎」組。
  2. 複製「鯉魚基礎」組 5-6 份,每組應用 Ctrl+T 旋轉、縮放、扭曲,製作:潛游、勁躍、頂點、入水、游離 5 個關鍵動態姿態。調整顏色變化(紅/金/橙輪換)豐富視覺。

5. 龍字與星星裝飾

文字工具輸入繁體「龍」字(或導入書法素材),置於龍門頂部。畫筆工具隨機點繪白色星星點綴夜空。

幀動畫邏輯與製作

  1. 進入動畫面板(PS: 視窗 > 時間軸 > 建立影格動畫)。
  2. 核心原則:
    • 位移動畫:同一圖層在不同幀移動位置(如鯉魚上升軌跡)。
    • 形變動畫:必須複製圖層重繪新形狀(如鯉魚姿態變化、水波擴散)。
  3. 幀序列規劃(共 15-20 幀):
    1. 幀 1-3:鯉魚 1 從水面下潛游上升,波浪靜止。
    2. 幀 4-7:鯉魚 1 勁躍穿過龍門,水波紋擴散,龍門頂層亮光閃爍。
    3. 幀 8-10:鯉魚 2、3 相繼躍起,錯開相位,形成群躍氣勢。
    4. 幀 11-13:鯉魚頂點轉身入水,水花四濺(切換水花圖層)。
    5. 幀 14-15:「龍」字縮放發光,星星閃爍,定格吉祥瞬間。
  4. 每幀延遲 0.1-0.15 秒,關鍵停頓幀 0.3 秒。循環「永遠」。

優化導出與應用建議

  1. 優化面板:GIF、64 色、擴散抖動 88%、交錯開啟。檢查檔案大小 < 1MB(微信表情包限制)。
  2. 導出 `carp_jump_dragon_gate.gif`。
  3. 變體製作:調整配色為「藍白瓷風」「墨水風」「霓虹賽博風」,替換素材快速產出系列節日動圖。
copyright © 萬盛學電腦網 all rights reserved