早期 QQ 空間印章以其獨特的「立體浮雕 + 發光邊緣 + 動態閃爍」風格紅極一時。本教學復刻經典制作流程，涵蓋文字特效層樣式堆疊、幀動畫時間軸操作、GIF 優化導出全鏈路，適合學習 Photoshop 動畫基礎與層樣式組合技法的入門者。

最終效果預覽

文檔設置與文字排版

新建 300×300px 透明背景文檔。文字工具：字體「迷你簡菱心」(或任意圓體/手寫體)、字號 36pt、顏色暖紅 #E74C3C、勾選「偽粗體」增強視覺重量。輸入目標文字（如「專屬印章」）。

層樣式堆疊：構建立體浮雕質感

雙擊文字圖層開啟層樣式面板，依次啟用並配置：

1. 倒角與浮雕 (核心)：樣式「內部倒角」、技法「平滑」、深度 200%、方向「向上」、大小 13px、軟化 3px、角度 120°、高度 30°、光澤輪廓「環形」、高光模式「線性減淡」不透明度 75%、陰影模式「正片疊底」不透明度 50%。
2. 描邊：大小 2px、位置「外部」、填充類型「漸變」、漸變「金屬金」、混合模式「正常」、不透明度 100%。
3. 內發光：混合模式「篩選」、不透明度 50%、噪聲 0%、顏色 #FFD700、技法「較柔和」、來源「邊緣」、阻塞 0%、大小 10px。
4. 投影：混合模式「正片疊底」、顏色 #000000、不透明度 30%、角度 120°、距離 5px、擴展 0%、大小 8px。

動畫幀序列設計：呼吸感閃爍邏輯

打開時間軸面板 (視窗 > 時間軸) > 「創建幀動畫」。設計 4 幀循環序列：

幀號	狀態描述	關鍵層樣式變化	持續時間
1	基礎靜態	所有效果正常顯示	0.2s
2	高光增強	「倒角與浮雕」高光不透明度 100%、「內發光」大小 20px	0.1s
3	全局發光	添加「外發光」：螢幕模式、#FFFF00、大小 25px	0.15s
4	回歸基礎	恢復幀 1 狀態	0.2s

關鍵幀插值與時間軸操作技巧

• 選中幀 1，點擊「選取所有幀」> 面板選單 > 「制作中間幀」> 添加 3 幀 > 參數「位置/不透明度/效果」全選 > 確定，自動生成平滑過渡幀。
• 設置循環選項為「永遠」。
• 預覽動畫：空格鍵播放/暫停，觀察閃爍節奏是否自然（避免頻閃感）。

GIF 導出優化：體積與質量的平衡術

文件 > 存儲為 Web (舊版) (Alt+Shift+Ctrl+S)：

• 格式：GIF
• 顏色：64 色 (印章色調單一，64 色足夠)
• 抖動：模式「擴散」、數量 88%
• 透明度：勾選
• 動畫循環：永遠
• 圖像大小：如需縮小，勾選「百分比」雙向縮放

進階拓展：從印章到動態 UI 組件庫

1. 組件化封裝：將文字圖層轉為智能對象，內部保留可編輯文字，外部復用即時更新。
2. 參數化控制：利用「圖層合成」記錄「普通/懸停/點擊/禁用」四狀態，配合 JSX 腳本批量導出多規格。
3. 動態變體：同邏輯製作「載入中旋轉」「成功打勾彈出」「錯誤搖晃」等微交互動畫組件。
4. 交付規範：源檔 .psd + 導出 .gif/.webp + 規範文檔 .md (尺寸、幀率、色彩、命名、交互邏輯)。

這個看似簡單的印章動畫，實際上包含了「層樣式非破壞編輯」「幀動畫時間控制」「GIF 色彩優化」「組件化思維」四大前端設計核心技能。將經典 QQ 空間美學數位化重構，不僅是懷舊復刻，更是對基礎功夫的精準打磨。