淘寶/拍拍等電商平台店鋪裝修，左側收藏引導圖是提升收藏率的關鍵。本教學示範一款簡約風格動態收藏閃圖（190×300px），從背景佈局、文字排版、圖層樣式、幀動畫製作到輸出優化，完整流程一次掌握！

最終動態/靜態效果

素材與規格

• 畫布：190×300px（淘寶左側裝飾最大寬度 190px）。
• 原圖一：背景裝飾圖（含花紋/紋理）。
• 原圖二：底部裝飾元素（如蝴蝶結、愛心等）。

步驟 1：背景佈局

1. 新建 190×300px 文件（RGB、72dpi）。
2. 拖入原圖一，Ctrl+T 自由變換調整填滿畫布。

步驟 2：底部漸層過渡帶

1. 新建圖層 2，矩形選框工具拉出底部矩形選區。
2. 吸管工具從背景圖取色（如深棕）。
3. 漸層工具選「前景色到透明」，從選區下方向上拉漸層。
4. 加圖層蒙版，黑色柔邊筆刷抹淡交界處，形成自然過渡。

步驟 3：英文「collect」藝術字設計

1. 橫排文字工具，字體 Arial，約 60pt，輸入「collect」。
2. 選中首字母「C」單獨放大至 72pt；其餘「ollect」設 36pt，形成強烈主次對比。
3. 圖層樣式：投影（距離 2、大小 3、不透明度 50%）+ 色彩疊加（白色 #ffffff）+ 描邊（1px、棕色 #8b4513）。

步驟 4：裝飾線條

1. 新建圖層 3，矩形選框拉細長條 + Shift 疊加稍長條 → 填充白色。
2. 圖層樣式：投影（距離 1、大小 2、不透明度 30%），增加立體感。

步驟 5：中文「收藏」雙層閃爍文字（動畫核心）

1. 文字工具，字體「黑體」，60pt，輸入「收藏」。
2. 圖層樣式：投影 + 色彩疊加（白）+ 描邊（棕） → 完成「收藏」圖層。
3. 複製圖層 → 「收藏 副本」，修改：色彩疊加改棕色、描邊改白色，形成反色版本。

步驟 6：置入底部裝飾元素

拖入原圖二，調整位置置於底部裝飾帶上方。

步驟 7：幀動畫製作（ImageReady/時間軸面板）

1. 視窗 → 動畫（或時間軸 → 幀動畫）。
2. 幀 1：顯示「收藏」，隱藏「收藏 副本」。
3. 複製幀 → 幀 2：隱藏「收藏」，顯示「收藏 副本」。
4. 檢查：幀 1 僅亮「收藏」；幀 2 僅亮「收藏 副本」，形成交替閃爍。
5. 全選兩幀 → 設定幀延遲 0.5 秒 → 循環選「永遠」。
6. 預覽播放確認效果。

步驟 8：輸出優化

• 檔案 → 存儲為 Web 所用格式 → GIF。
• 色數：128/256、抖動 88%、Lossy 10-20% 平衡畫質與體積。
• 確認檔案大小符合平台限制（淘寶裝修圖通常 <200KB）。

完成！將輸出的 GIF 上傳至店鋪裝修後台左側模組，即刻擁有吸睛的動態收藏引導圖。同邏輯可延伸製作「關注店鋪」「領優惠券」等各類互動閃圖。