動態簽名檔是論壇、社群展現個性的經典形式。本教程將完整拆解一個含音符飛舞、頭像框、裝飾鏈條、發光邊框等豐富元素的動態簽名制作全過程，涵蓋圖層樣式、蒙版、路徑、時間軸動畫等核心技能。

最終動態效果

第一階段：靜態合成基礎框架

01 文檔與主背景框

• 新建 500×200 px，透明背景。
• 新建圖層，圓角矩形工具（形狀模式，半徑 10 px）繪製主框架，填充任意色（稍後以圖層樣式覆蓋）。

02 自定義「抽絲」圖案填充質感

• 新建 3×3 px 透明畫布，鉛筆工具（1 px）在對角線三像素點擊前景色（黑）。
• 編輯 → 定義圖案 → 「抽絲」。
• 回主文檔，雙擊主框架圖層開啟樣式：
  • 漸變疊加：白→透明，不透明度 14%，模擬頂部高光漸變。
  • 圖案疊加：選「抽絲」，不透明度 9%，賦予細微織物質感。

03 文字排版與群組樣式技巧

• 輸入 ID/暱稱，所有文字圖層 Ctrl+G 編組。
• 直接為群組添加圖層樣式（投影、描邊、斜面浮雕等），群組內所有文字自動共享效果，且保持文字可編輯性，隨時可改字、換字體、調位置。

04 頭像框與剪貼蒙版

• 複製主框架圖層（Ctrl+J），置入頭像圖片（檔案 → 置入）。
• 頭像圖層置於框架副本上方，Alt+點擊兩圖層間建立剪貼蒙版，頭像自動限制在圓角矩形內。
• Ctrl+T 調整頭像大小位置，Ctrl+S 習慣性存檔。

第二階段：裝飾細節深度構建

05 穿孔邊框（快速蒙版 + 漸變）

• 新建圖層，硬度 100% 畫筆，Q 進入快速蒙版模式。
• Ctrl+R 開啟標尺，拖曳參考線輔助等距；繪製一排圓形點陣。
• Q 退出蒙版 → 選區 → Shift+Ctrl+I 反選 → 新建圖層 → 漸變工具（前景到透明）在選區內拉出垂直漸變，形成立體穿孔效果。

06 鏈條連接件（鋼筆路徑 + 群組樣式）

• 放大畫布（Ctrl++），鋼筆工具繪製單個鏈條環路徑 → Ctrl+Enter 轉選區 → 新建圖層填紅色。
• 複製鏈條環對應每個穿孔，全選 → Ctrl+G 編組 → 為群組添加樣式：顏色疊加（深灰漸變）、描邊、浮雕，統一調整質感。
• 路徑編輯技巧：Shift 限制 45°/90°，Ctrl 臨時切換直接選取工具調整錨點，A 切換路徑選擇工具整體移動。

07 斜切頭像框增加動感

• 選中頭像框圖層 Ctrl+T → 右鍵選「斜切」 → 微調角度，打破呆板水平感。

08 底部裝飾條（圖案疊加 + 內陰影）

• 矩形選區填色 → 圖層樣式：圖案疊加（系統預設岩石紋理）+ 內陰影，添加文字標籤。

09 不規則幾何裝飾片（多邊形套索 + 圖案）

• 多邊形套索工具繪製不規則選區（Shift加選、Alt減選、Shift+Alt交集）。
• 新建圖層填色 → 圖案疊加（系統預設紋理），豐富視覺層次。

10 散點裝飾（畫筆散佈動態 + 馬賽克像素化）

• 畫筆面板開啟「散佈」與「數量抖動」，新建圖層隨意劃動生成隨機圓點。
• Ctrl+點擊主框架縮略圖載入選區 → 回散點圖層 → 濾鏡 → 像素化 → 馬賽克，散點被限制在框架內並呈現像素風。

11 右上角三角形高光（鋼筆 + 對稱漸變）

• 鋼筆勾繪三角形，填色 → 圖層樣式：漸變疊加（黑白對稱漸變，角度 -170°），混合模式正常，製造折光邊緣。
• 選區清理溢出部分。

12 底層背景紋理與外發光邊框

• 最底層填色 → 圖案疊加（系統紋理）+ 顏色疊加（黑，正片疊底）壓暗。
• 最外層框架圖層添加投影：顏色改藍色，模式變亮（線性添加），適當擴展與羽化，營造霓虹發光邊框。

第三階段：時間軸動畫製作

1. 準備動圖素材（需安裝 QuickTime 或 CS6+ 內建時間軸支援）。
2. 視窗 → 時間軸（CS6+）或 動畫面板（舊版）。
3. 動圖文檔：面板選單 → 「全選幀」 → 「複製幀」。
4. 回簽名檔文檔：面板選單 → 「貼上幀」 → 「貼在所選幀之上」。
5. 動圖所有圖層 Ctrl+G 編組「動畫組」；簽名靜態圖層編組「靜態組」。
6. 將「動畫組」混合模式從「穿透」改為變亮/濾色/螢幕，動態素材瞬間融入靜態合成。
7. 檔案 → 存儲為 Web 所用格式 → GIF 256 色 → 循環選「永遠」 → 存儲。

核心技巧總結

• 群組樣式：非破壞性批量管理文字/元素效果。
• 剪貼蒙版：精準限制圖片顯示範圍。
• 快速蒙版+馬賽克：快速生成規則/像素化裝飾元素。
• 路徑+群組樣式：批量生成一致質感的複雜形狀（鏈條）。
• 時間軸幀複製+組混合模式：零代碼實現動靜合成輸出 GIF。