萬盛學電腦網

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

Photoshop 時間軸製作動態手寫字簽名動畫

教程概覽

利用 Photoshop 時間軸(幀動畫)功能,配合圖層複製與橡皮擦漸隱技巧,製作出筆觸逐筆書寫的手寫字動畫,並加入手部素材模擬真實書寫過程。

素材準備

  • 紙張紋理素材一張。
  • 手持筆的手部素材一張(需扣圖)。
  • 目標手寫文字(可用線上一筆簽生成器產生,再截圖扣入)。

步驟 1:建立文檔與放置紙張

新建 500×200 像素文件,拖入紙張素材,Ctrl+T 縮放旋轉至合適位置。

步驟 2:放置文字並柵格化

用文字工具輸入或貼上手寫文字圖層,柵格化(右鍵 → 柵格化文字),Ctrl+J 複製一層備用。

步驟 3:逐筆擦除產生幀序列

隱藏原文字圖層,選中副本,使用橡皮擦工具從最後一筆開始逐筆擦除。每擦除一筆,就 Ctrl+J 複製當前圖層,隱藏上一層,再擦除上一筆。重複直到僅剩起筆點。最終獲得多圖層序列,每層代表書寫進度的一幀。

步驟 4:加入手部素材與陰影

開啟原文字圖層顯示。拖入扣好圖的手部素材,Ctrl+T 調整大小使筆尖略大於筆畫。新建圖層在手部圖層下方,用柔邊黑筆刷繪製手部陰影(腕部大、筆尖小),高斯模糊半徑 5px,降低不透明度至 30% 左右,合併手部與陰影圖層。

步驟 5:建立幀動畫

開啟「窗口 → 時間軸」,點擊「創建幀動畫」。複製幀以獲得所需幀數(文字層數 + 過渡幀)。第 1 幀:僅顯示起筆點文字層,移動手部圖層使筆尖對齊起筆點。第 2 幀:顯示最後一筆文字層,移動手部至該筆末端。後續幀依序顯示前一筆文字層並移動手部至對應筆畫末端。非連筆字之間插入空白過渡幀移動手部至下一字起筆處。最後一幀顯示完整文字並隱藏手部,設定停留時間 1 秒。

導出 GIF

文件 → 存儲為 Web 所用格式,選擇 GIF,循環選「永久」,儲存。

copyright © 萬盛學電腦網 all rights reserved