日曆圖標是 UI 設計經典考題，考驗3D 效果理解、透視映射邏輯、光影層次構建。本教程用 Illustrator 原生 3D 功能（非外掛/非 PS），一步步構建專業級立體日曆圖標，全程可編輯、可縮放、可復用。

成品：透視準確、頁邊細節豐富、翻頁效果逼真、投影落地穩健

前置技能：必須掌握

• 矩形/橢圓/鋼筆基礎工具
• 3D > 旋轉 / 3D > 擠出和倒角 效果面板操作
• 外觀面板管理多重效果
• 路徑查找器分割/合併/相交
• 漸變工具/網格工具精細調色

核心流程 22 步精華版

基礎幾何與 3D 建模 (步驟 1-4)

1. 矩形工具 (M) 畫正方形 → 效果 > 3D > 旋轉 設置透視角度（**記住參數**，後續文字映射需同角度）
2. Object > Expand Appearance → Object > Ungroup 徹底拆解
3. 效果 > 3D > 擠出和倒角：X 軸旋轉 1°（關鍵技巧：小角度旋轉 + 大擠出厚度，減小面皮扭曲），擠出厚度設大值 → 展開外觀 → 徹底解組
4. 同法製作底座：擴大寬度，同樣 3D 擠出 → 展開解組

細節雕琢：頁邊、高光、文字映射 (步驟 5-12)

5. 偏移路徑 (Object > Path > Offset Path) 產生日曆面皮邊緣細線，疊加高光/漸變提升質感
6. 面皮內部填充漸變，**左亮右暗**符合光源邏輯
7. 鋼筆工具在側面繪製頁邊線條（端點銳化技巧：畫橢圓壓扁 → 端點轉角點），分布對齊面板等距分佈
8. 底座同法處理側面頁邊 + 高光/陰影
9. 文字輸入 (DIN 字體) → 效果 > 3D > 旋轉套用步驟 1 參數 → 白色填充 → 置於面皮
10. 面皮矩形漸變色塊 + 數字排版 + 白色細描邊

翻頁效果：路徑查找器的外科手術 (步驟 13-18)

13. 鋼筆繪製翻頁曲線形狀（越平滑越真實）
14. 選中面皮 + 翻頁形狀 → 路徑查找器 > 分割 → 解組
15. 分割後的翻頁兩半：與形狀區域相加 合併為一 → 面皮被分為左右兩半
16. 直接選擇工具 (A) 微調錨點向右上移動，增加翻起張力
17. 繪製弧形替換直邊 → 與形狀區域相減 切割出彎曲邊緣
18. 複製翻頁形狀、調整位置 → 雙頁翻動效果

光影收尾與投影落地 (步驟 19-22)

19. 右側面填充漸變製造陰影錯覺
20. 翻頁漸變：左頁深（受面皮顏色影響）、右頁淺
21. 偏移路徑/描邊擴展 給翻頁邊緣加高光亮點
22. 日曆面皮形狀 + 底部壓扁矩形 → 效果 > 模糊 > 高斯模糊 → 置底層 → 面皮疊加漸變 → 完成！

圖形樣式化：一鍵生成任意日期圖標

1. 將「3D 旋轉參數」存為圖形樣式
2. 將「文字映射流程」錄製為動作
3. 新建日期只需：改文字 → 套用圖形樣式 → 播放動作 → 導出
4. 構建日曆圖標組件庫：不同顏色/視角/風格變體

這個教程展示了 Illustrator 3D 功能的工程化應用潛力：不是為了「畫個 3D 圖」，而是建立可參數化、可批量、可維護的圖標生產管線。這才是專業設計師與業餘愛好者的分水嶺。