最終效果

文件與網格設定

新建 600×600 px，RGB，72 ppi。開啟「視圖 > 顯示網格」、「視圖 > 對齊網格」。偏好設定 > 一般 > 鍵盤增量 1px。

建立可重複使用的圖案與圖形樣式

1. 條紋圖案

• 矩形工具 (M) 畫三條 10px 高橫條：黃 (R255,G222,B23)、灰藍 (R162,G179,B189)、粉 (R225,G176,B169)。
• 直接選取工具 (A) 選中灰藍/粉條底部兩錨點，向下拖 5px 形成梯形。
• 黃條移除填色。全選三條 → 拖入色板面板存為圖案。刪除畫布上物件。

2. 黑色半透明圖形樣式

• 任意矩形填黑，不透明度 15% → 開啟「圖形樣式面板」新建樣式命名「black」。刪除畫布物件。

信封主體構建

3. 主體矩形

• 矩形 250×160px，線性漸變填色 → 效果 > 風格化 > 圓角 10px → 對象 > 展開外觀。圖層面板命名「main」。複製一份置前備用。

4. 左右側邊陰影條

• 畫兩條 10×160px 瘦矩形，套用「black」圖形樣式，左右對齊主體左右邊緣。
• 兩條合併為複合路徑 (Ctrl+8)，與「main」副本路徑尋找器「交集」 → 取消群組，獲得左右側邊陰影條。

5. 側邊條套用條紋圖案

• 選中側邊條，不透明度 100%，填色套用步驟 1 建立的條紋圖案。

6. 主體邊緣高光/陰影線條 (外觀面板多層描邊)

• 「main」複製置前 (Ctrl+F) 置頂 (Shift+Ctrl+])，移除漸變，加 1pt 黑描邊，混合模式「柔光」。
• 外觀面板「複製選取項目」×4，共 5 條描邊。由下而上設定：
  • 1pt、內部對齊、不透明度 60%
  • 2pt、內部、30%
  • 3pt、內部、20%
  • 4pt、內部、15%
  • 7pt、內部、10%

7. 信封蓋摺疊 (bottomFold)

• 矩形 270×105px 套「black」樣式，直接選取工具選底部兩錨點，Alt+Ctrl+J (平均) → 變三角形。
• 複製三角形，與「main」副本「交集」取摺疊區形狀，命名「bottomFold」，填線性漸變。

8-11. 摺疊邊緣高光/陰影疊加 (差值法)

• 關閉對齊網格。選「bottomFold」複製兩份置前，頂層副本 ↑1px，兩副本「減去前物」→ 黑填色、柔光 → 1px 高光線。
• 同法：頂層副本 ↑2px，「減去前物」→ 白填色、疊加 30% → 2px 高光。
• 頂層副本 ↓3px，「減去前物」→ 白、疊加 60% → 陰影。
• 再一次 ↓3px，「減去前物」→ 白、柔光 80% → 深陰影。
• 將 bottomFold 與上述 4 組差值線條群組，命名「bottomFold」。

核心技法總結

• 網格對齊 + 鍵盤增量 1px：確保幾何精確、副本位移像素級可控。
• 圖案色板 + 圖形樣式：一次定義，多處復用，修改源頭全局更新。
• 外觀面板多層描邊 + 混合模式：單一物件疊加多條不同寬度/不透明度/模式的描邊，構建豐富邊緣光影，且非破壞性可隨時調整。
• 差值法 (複製→位移→路徑尋找器減去)：精準提取邊緣細線，做高光/陰影極準確。