想親手製作一張充滿秋日氛圍的動畫賀卡嗎?本教學將帶領你利用 Photoshop 的動畫時間軸功能,結合圖層混合模式與關鍵幀動畫,完成一張唯美的卡通少女初秋賀卡。從背景合成、角色抠圖、文字排版到落葉飄落動畫,每個步驟都詳盡說明,適合中階學習者練習綜合技巧。
教學前言與成品預覽
本範例由「麻辣姐姐」分享,來源為 eNet 硅谷動力。成品為一張 GIF 動畫賀卡:畫面左側站立著一位卡通少女,右側以直排詩句「我言秋日勝春朝,自古逢秋悲寂寥,晴空一鶴排雲上,便引詩情到碧宵」逐句浮現,中央「初秋」二字呈現描邊發光效果,配合落葉緩緩下墜的動畫,營造出寧靜溫馨的初秋意境。

素材準備與畫布設定
步驟 1:背景圖層合成與調整
- 開啟兩張背景素材(背景素材 1、背景素材 2),執行 影像 > 影像大小,將兩張圖統一縮放至 580 × 246 像素。
- 將背景素材 2 置於素材 1 上方,圖層混合模式設為 螢幕 或依圖示調整不透明度,讓兩張背景自然融合(參考圖片 1)。
- 使用 套索工具 (L) 選取背景素材 1 中的大小蝴蝶,將其向左平移至適當位置,移動時建議暫時將背景填充為白色以利對齊,完成後恢復透明背景(參考圖片 2)。


步驟 2:置入少女角色
- 開啟少女素材,使用 魔棒工具 (W) 或 快速選取工具 將人物抠出。
- 將少女圖層拖入主畫布,置於畫面左側適當位置,必要時以 自由變換 縮放(參考圖片 3)。

文字排版與樣式設計
步驟 3:直排詩句文字
- 選取 直排文字工具 (T),前景色設為深黃色
#FFB02E。
- 分四列輸入詩句:「我言秋日勝春朝,自古逢秋悲寂寥,晴空一鶴排雲上,便引詩情到碧宵。」
- 文字圖層樣式加入 描邊:大小 1 像素、顏色黑色、位置置中(參考圖片 4、5)。


步驟 4:製作「初」字標題
- 改用 橫排文字工具 (T),前景色設為深紅色
#B84242,輸入「初」字。
- 設定字體、大小、字距等屬性(參考圖片 6),完成後效果如圖片 7。


步驟 5:製作「秋」字標題
- 同樣使用橫排文字工具,前景色改為深黃色
#FFB02E,輸入「秋」字。
- 屬性設定參考圖片 8,完成效果見圖片 9。


步驟 6:建立「初秋」描邊圖層
- 在圖層面板中,按住 Ctrl 點擊「初」字圖層縮圖載入選區,再按住 Shift + Ctrl 點擊「秋」字圖層,疊加選區。
- 新增圖層,前景色設為白色,執行 編輯 > 描邊,寬度 2~3 像素、位置置中(參考圖片 10)。

步驟 7:加入外發光效果
- 複製描邊圖層,開啟 圖層樣式 > 外發光。
- 混合模式設為 螢幕,不透明度 75%,雜色 0%,顏色選用暖黃色,大小與擴展依圖片 11 微調。
- 完成後呈現柔和發光邊緣(參考圖片 12)。


步驟 8:繪製飄落落葉
- 前景色設為深黃色
#FFB02E,選取 畫筆工具 (B),載入「落葉」筆刷預設(或自行下載)。
- 在畫面適當位置點繪數片落葉,圖層命名為「落葉」(參考圖片 13)。

動畫時間軸製作
前期靜態素材準備完成,接著開啟 視窗 > 時間軸(舊版為「動畫」面板),點擊「建立影格動畫」,開始製作 5 幀關鍵幀動畫。
幀 1:顯示詩句第一句
- 僅顯示詩詞第一句「我言秋日勝春朝」圖層,隱藏其餘三句詩詞圖層。
- 隱藏「初秋」描邊圖層與外發光圖層。
- 落葉圖層保持初始位置(參考圖片 14)。

幀 2:顯示前兩句詩詞+「初秋」描邊
- 顯示詩詞前兩句,隱藏後兩句。
- 顯示「初秋」白色描邊圖層,隱藏外發光圖層。
- 使用 移動工具 (V) 將落葉圖層向下微移少許,製造下落動感(參考圖片 15)。

幀 3:顯示前三句詩詞+完整「初秋」效果
- 顯示詩詞前三句,隱藏最後一句。
- 同時顯示「初秋」描邊與外發光圖層。
- 落葉圖層再次向下微移(參考圖片 16)。

幀 4:顯示完整詩詞+「初秋」描邊
- 四句詩詞全數顯示。
- 顯示「初秋」描邊,隱藏外發光(形成閃爍節奏)。
- 落葉持續下移(參考圖片 17)。

幀 5:完整詩詞+「初秋」發光定格
- 詩詞保持全顯示。
- 「初秋」描邊與外發光同時顯示,作為動畫結尾定格。
- 落葉移至最低端(參考圖片 18)。

步驟 14:設定幀延遲與匯出
- 前四幀延遲時間設為 0.5 秒,第 5 幀設為 1 秒,讓結尾停留較久(參考圖片 19)。
- 點擊時間軸面板「播放」預覽無誤後,執行 檔案 > 匯出 > 存儲為 Web 適用格式 (舊版) 或 匯出 GIF,完成動畫賀卡輸出。


進階技巧與心得
- 關鍵幀插值:原教學僅使用 5 個關鍵幀,文字與落葉變化較生硬。若要動畫更流暢,可在兩關鍵幀之間插入補間幀(Tween),或增加更多手動幀次,讓文字淡入、落葉加速下墜更自然。
- 圖層管理:建議將詩詞每句、標題描邊/發光、落葉分別建立圖層群組,動畫製作時切換可見度更高效。
- 色彩呼應:詩詞、標題、落葉統一採用暖黃/深紅色系,與背景冷色調形成溫暖對比,強化初秋氛圍。
完成後別忘記分享成果交作業!這支教學綜合了圖層混合、文字特效、筆刷應用與幀動畫,是練習 Photoshop 綜合實力的優良案例。