項目背景與規範

淘寶店鋪公告/店招支持 GIF 動畫。公告寬度 ≤ 735px，高度/大小無限制；店招尺寸依店鋪裝修模塊而定。建議寬度設最大值 735px，高度按比例縮放，保證與寶貝主圖視覺統一。本教程以「會飛的蝴蝶」動態公告為例，演示完整制作流程。

第一步：素材準備與畫布建立

1. PS 打開背景大圖（建議去百度搜「唯美背景」配合店鋪風格），執行「圖像 > 圖像大小」設寬 735px，高度自動等比縮放（如 602px）。
2. 準備一張透明背景的小蝴蝶 PNG 素材。

第二步：促銷文字排版

1. 選橫排文字工具 (T)，畫布中心輸入促銷文案。
2. 選中文字，選項欄調整字體、大小、顏色、行距、字距。
3. 若需文字動畫，保持文字圖層獨立，後續在動畫面板控制可見度/位置/樣式變化。

第三步：蝴蝶素材導入與去白

1. 打開蝴蝶圖，移動工具 (V) 按住左鍵拖入主畫布，自動生成「圖層 1」。
2. 給圖層 1 添加圖層蒙板，前景色設黑，選橡皮擦工具（或黑色畫筆）在蒙板上擦除蝴蝶周圍殘留白邊。蒙板優勢：可反復修改，不破壞像素。
3. 如蝴蝶過大，Ctrl+T 自由變換縮小、旋轉角度（模擬從花叢飛向右上）。

第四步：複製蝴蝶構建飛行軌跡

1. 選中蝴蝶圖層，Ctrl+J 連續複製 4 次，共 5 隻蝴蝶圖層。
2. 移動工具將 5 隻蝴蝶分別定位於飛行路徑的不同時空位置：起點、上升、中段、下降、終點停留花上。

第五步：動畫面板幀動畫制作

1. 窗口 > 動畫（或時間軸 > 創建幀動畫），打開動畫面板。
2. 點擊「複製選中幀」按鈕，創建 5 幀（對應 5 隻蝴蝶）。
3. 幀 1：僅顯示蝴蝶 1 + 背景 + 文字（點擊圖層面板眼睛圖標控制）。
4. 幀 2：隱藏蝴蝶 1，顯示蝴蝶 2，背景/文字保持顯示。
5. 依此類推，幀 3-5 分別單獨顯示蝴蝶 3/4/5。

第六步：幀延遲時間設置——控制動畫節奏

• 前 4 幀（飛行過程）延遲設 0.5 秒，動作連貫。
• 第 5 幀（蝴蝶停留花上）延遲設 1 秒，停留更久，符合視覺心理預期。

第七步：預覽與導出 GIF

1. 點擊動畫面板播放按鈕預覽，確認飛行軌跡流暢、停留自然。
2. 關鍵：文件 > 存儲為 Web 所用格式 (Ctrl+Alt+Shift+S)，不可用「另存為」。
3. 格式選 GIF，循環選「永遠」，顏色 256，存儲。

進階提示

• 蝴蝶飛行軌跡可用路徑面板繪製曲線，再用「動畫 > 從路徑創建幀」自動生成更平滑幀序列。
• 文字動畫：複製文字圖層，逐幀移動位置/改顏色/加發光樣式。
• 文件大小控制：減少幀數、降低顏色數、裁剪多餘透明像素。