經營淘寶店鋪，店面裝修是吸引顧客的關鍵。觀察皇冠級賣家，其店鋪左側裝飾圖往往設計精美、極具吸引力。不想花大錢外包？這篇 Photoshop 教學將手把手教你打造專業等級的左側裝飾圖，從文件建立、漸層背景、文字排版到圖層樣式應用，步驟清晰，新手也能輕鬆上手！

教學預覽

完成後可呈現動態與靜態兩種風格，並運用支付寶官方圖標、消保圖標等素材，提升店鋪公信力：

動態效果圖

靜態效果圖

素材：支付寶官方圖標

素材：支付寶消保官方圖標

製作步驟詳解

1. 建立畫布

淘寶左側裝飾圖標準寬度為 160 像素。新建文件：160 × 320 像素，解析度 72 dpi，色彩模式 RGB。本教學以 Photoshop CS5 示範，各版本通用。

2. 打造優雅漸層背景

單一色填充顯得單調，採用淺色徑向漸層更具層次感。

• 選取「漸層工具」(G)，點選選項欄的漸層編輯器。
• 雙擊色標設定顏色：左側較淺、右側稍深，主色調以淡藍或淡灰為宜。
• 選擇「徑向漸層」，從畫布中心向左下角拖曳填充。

3. 輸入店鋪關鍵文字

使用「橫向文字工具」(T)，設定字體(如微軟正黑體)、大小、顏色(深灰或品牌色)，輸入「皇冠」、「信譽」等關鍵字，分別置於獨立圖層，方便後續調整。

4. 繪製裝飾色塊與立體條狀

1. 新增圖層 1，用矩形選框工具拉出選區，填充線性漸層(中間淺、兩側深)，製造凹陷感。
2. 新增圖層 2，用矩形工具繪製路徑，加錨點並向內拖曳形成內凹造型，轉選區後填充灰色。
3. 隱藏圖層 2，選取圖層 1 刪除選區內容，形成挖空效果。
4. 圖層 1 加「投影」；圖層 2 加「斜面與浮雕」，瞬間產生立體按鈕質感。

5. 置入官方認證圖標與皇冠圖示

將支付寶、消保圖標拖入並縮放定位；皇冠部分可用自定形狀工具繪製或置入素材，配合文字投影，強化視覺焦點。

6. 完成與匯出

檢查圖層結構，確認無誤後，依淘寶規範存為 JPG 或 GIF（動態版），上傳至店鋪裝修後台即可生效。

小結

掌握漸層、圖層樣式、選區操作三大核心技巧，即可量產風格統一的裝飾圖。建議保留 PSD 檔，方便季節性更換文字與顏色，讓店面持續保持新鮮感！