網頁設計、PPT 排版、UI 圖標製作時，經常需要「不規則外形+透明背景」的圖片素材。JPEG 不支援透明度，GIF 色彩受限，PNG-24 是首選。本文詳細示範從抠圖、建立透明畫布到正確匯出 PNG 的完整流程，助你輕鬆獲得乾淨邊緣的透明素材。

核心概念：背景圖層 vs 圖層 0

PS 開啟圖片預設會鎖定為「背景圖層」（帶鎖圖示），背景圖層不支援透明像素。必須雙擊背景圖層或右鍵選「圖層複製」，將其轉為可編輯的「圖層 0」，透明度才能生效。

步驟實戰

1. 開啟素材並複製圖層

開啟含目標物件的圖片（示範用兩張素材），按 Ctrl+J 複製背景圖層，關閉/刪除原背景圖層眼球圖示。

2. 抠圖分離主體

視素材複雜度選擇工具：

• 單色背景 → 魔棒工具 / 快速選取工具
• 複雜邊緣 → 選取並遮色 / 鋼筆工具路徑轉選區
• 髮絲級細節 → 通道抠圖 / Refine Edge (選取並遮色)

獲得選區後按 Ctrl+J 將主體複製至新圖層，或點擊圖層面板下方「添加圖層蒙版」圖示（非破壞編輯，推薦）。

3. 新建透明畫布並組合

1. 檔案 > 新建，寬高依需求設定，**背景內容選「透明」** → 建立透明格狀畫布。
2. 用移動工具將抠好圖層（或蒙版圖層）拖入新畫布，自由變換 Ctrl+T 調整大小位置。
3. 若需組合多個元素，各自獨立圖層，方便後續調整。

4. 確認透明度並匯出 PNG

1. 檢查圖層面板：無實體背景圖層，畫布呈現灰白格狀 → 確認透明度正常。
2. 執行 檔案 > 存儲為 Web 所用格式 (舊版)（Ctrl+Alt+Shift+S）。
3. 預設組選 PNG-24，**勾選「透明度」**，取消勾選「轉換為 sRGB」（保留廣色域，列印另論）。
4. 點「存儲」，選擇路徑命名完成。

進階技巧與避坑指南

場景	關鍵操作	常見錯誤
邊緣鋸齒/白邊	蒙版上用黑/白軟筆微調；或「選取並遮色」中開啟「去除顏色邊緣」	直接刪除像素導致無法修復
陰影保留	將陰影單獨放在半透明圖層（正片疊底模式），主體與陰影分層輸出	陰影與主體合併導致邊緣髒污
批次輸出	動作面板記錄「存儲為 Web PNG-24」動作 → 批次處理資料夾	逐張手動存檔效率極低
供 Web 使用	輸出後再用 TinyPNG / ImageOptim 壓縮體積 60%~80%	原檔過大拖慢網頁載入

結語

「轉為圖層 0 → 精準抠圖/蒙版 → 透明畫布組合 → PNG-24 匯出勾選透明度」，這四步走流程一旦熟練，任何不規則透明素材都能在幾分鐘內產出。下次做 PPT、網頁、UI 設計時，再也不用忍受白邊、鋸齒或假透明，專業質感從這裡開始！