跨軟體分工邏輯：AI 做結構、PS 做質感

Illustrator 擅長精準幾何、可編輯文字、向量 3D 擠出；Photoshop 擅長像素級光影、材質合成、濾鏡特效。本教學展示標準化協作管線：AI 構建 3D 字體骨架 → 匯出帶透明通道的圖層 → PS 疊加水珠材質、環境光、色調分級 → 成品。

階段一：Illustrator 建立 3D 字體骨架

1. 新建 2000×2000 px RGB 文件。文字工具 (T) 輸入「SUMMER」或自訂文字，字體選粗圓體（如 Varela Round Bold），字號 280 pt，字距 20，顏色暫填 #0099cc。
2. 調整字形：直接選取工具 (A) 微調字母間距、基線偏移，形成自然呼吸感。建立輪廓 (Shift+Ctrl+O)。
3. 效果 → 3D → 擠出與斜角：
    • 擠出深度：80 pt（視字重調整）
    • 斜角：經典、高度 4 pt、寬度 2 pt
    • 表面：塑膠著色
    • 光源：左上 135°、高度 40°、新增一盞補光（右下、弱）
    • 更多選項：勾選「繪製隱藏面」
4. 外觀面板中，為 3D 字體添加基礎漸層填色（前表面：線性 #00b4ff→#0066cc；側面：線性 #004488→#002244），保持向量可編輯性。
5. 圖層面板：將「字體正面」、「字體側面」、「字體背面」分別拆分為獨立群組（選取群組 → 右鍵 → 釋放到圖層序列），命名規範。
6. 檔案 → 匯出 → 匯出為 PSD：勾選「寫入圖層」、「保持外觀」、「透明背景」、解析度 300 ppi。得「3D字體.psd」。

階段二：Photoshop 材質渲染與合成

1. 環境佈景

1. 開啟 PSD，新增圖層「背景」置底，置入海邊/泳池高解析度照片，轉為智慧物件，縮放覆蓋畫布。
2. 曲線調整層：提高對比、壓暗陰影、拉高高光，使背景不搶戲但保留質感。

2. 字體表面高光與體積光

1. 選取「字體正面」圖層 → Ctrl+點擊縮圖載入選區 → 新建圖層「高光_正面」填白→透明徑向漸層（中心偏左上），混合模式「疊加」、不透明度 60%。
2. 同法為「字體側面」建立「高光_側面」，漸層角度順應側面法線方向。
3. 體積光：新建圖層「體積光」，大柔邊刷 (B) 以淡藍 #88ccff 點繪在字體邊緣外擴 20 px 範圍，混合模式「線性減淡 (添加)」、不透明度 30%。

3. 水珠特效核心製作——程序化生成

1. 在「字體正面」上方新建圖層「水珠_基礎」，填滿白色（覆蓋字體範圍）。
2. 濾鏡 → 雜色 → 添加雜色：數量 150%、高斯分佈、單色。
3. 濾鏡 → 模糊 → 高斯模糊：半徑 1.5 px。
4. 圖像 → 調整 → 閾值：拖動滑桿至約 180，獲得高對比黑白斑點圖（白=水珠、黑=背景）。
5. 選取 → 色彩範圍：吸取白色、容差 30、取消「局部化色簇」 → 確定得水珠選區。
6. 回到「水珠_基礎」圖層，按 Delete 刪除黑色區域，僅保留白色水珠形狀。
7. 圖層樣式 → 斜面與浮雕：
    • 風格：內部斜面、技巧：平滑、深度 150%、方向 上、大小 8 px、柔化 3 px
    • 陰影模式：正片疊底、顏色取字體對應區域顏色加深 30%（如正面取 #004488、側面取 #001122）、不透明度 70%
    • 高光模式：螢幕、白、不透明度 90%
8. 關鍵步驟：將「水珠_基礎」圖層**填充 0%**（非不透明度），僅保留圖層樣式，水珠立體質感瞬間呈現。

4. 多材質區域分離與細節修飾

因 3D 字體正面/側面顏色不同，水珠陰影色須對應。用「字體正面/側面」選區分別建立「水珠_正面」、「水珠_側面」兩圖層，各自套用對應陰影色的斜面浮雕。用橡皮擦 (E) 低不透明度擦除不合理位置水珠（如字體頂部平面不宜有重力水珠）。

5. 最終色調分級與輸出

1. 群組所有水珠圖層 → 添加曲線調整層（剪貼至群組）：微調高光/陰影對比。
2. 全圖添加「色彩查找」調整層：選「Fuji F125 Kodak 2395」或自訂 LUT，統一夏日胶片色調。
3. 銳化：濾鏡 → 銳化 → 智慧銳化（數量 80%、半徑 1 px）。
4. 輸出：JPG 90% 品質（社群分享）、TIFF 無壓縮（印刷存檔）、PSD 分層（後續微調）。

自動化腳本化建議

將 AI→PS 匯出、PS 水珠生成動作錄製為「動作」，配合 JSX 腳本批次處理多組文字，實現「輸入文字清單 → 自動輸出成品圖」的生產線。