教程簡介

咖啡杯是工業設計表現、場景插畫、圖標設計的常見題材，包含陶瓷/瓷質杯身、金屬/陶瓷把手、液體表面張力與倒影、陰影投射等豐富材質關係。本教程將完整拆解一枚逼真咖啡杯的繪製流程，重點講解咖啡液體的多層次構建邏輯。

參考與成果

最終效果

原圖參考 (國外作品臨摹)

整體結構規劃 (圖層組織)

1. 背景組
2. 底盤組 (盤子+陰影+反光)
3. 杯身組 (外壁白圈、內壁藍圈、把手)
4. 咖啡液體組 (核心難點，見下文詳細拆解)
5. 整體陰影組

分步製作詳解

第一階段：背景與底盤

• 600×600px 畫布，背景徑向漸變 (深灰→黑) + 雜色濾鏡 (單色、5%) + 動感模糊 (角度 0°、距離 200px) → 不透明度 50%、模式「疊加」→ 營造細微紋理背景。
• 背景加內陰影 (邊緣暗角) 聚焦視覺中心。
• 底盤：450px 圓形 + 徑向漸變 (淺灰→深灰) + 光澤 (環形高光) + 描邊 (1px 暗灰) + 420px 藍色描邊圓環 (漸變疊加 #F0F3F7→#BFC2C8) + 黑色複製層高斯模糊+動感模糊(90°)做陰影 + 鋼筆路徑漸變做反光 (填充 0%)。參考步驟 6-14 圖片參數。

第二階段：杯身與把手

• 外白圈：250px 橢圓 + 徑向漸變 (白→淺灰) 模擬瓷質厚度。
• 內藍圈：略小橢圓 + 漸變疊加 (淺藍→深藍) 模擬內壁釉面。
• 把手：圓角矩形 + 多色停漸變 (#E4E2EC→#A3A0A7→#EAE8E8→#CECECE→#79797A) 模擬陶瓷把手圓柱轉折 + 描邊漸變 (#999→#CCC→#CEC→#ECE) 強化邊緒。

第三階段：整體投影 (關鍵技巧)

• 隱藏底盤/背景，顯示杯身+把手，Shift+Ctrl+Alt+E 蓋印圖層 → 填黑 → 高斯模糊 → 動感模糊 (90°) → 向下移動 → 置於底盤下方。為什麼不用投影樣式？ 因為杯身+把手是非連續形狀，投影樣式無法產生正確的連續陰影形狀，蓋印法能獲得精確輪廓投影。

第四階段：咖啡液體 (核心難點，分層構建)

咖啡圖層結構拆解圖

1. 基礎形狀層：小圓形 (杯口內徑略小) 命名「咖啡」。
2. 外發光：#B99311 (金黃) → 模擬液體邊緣折光暈。
3. 內發光：#996F14 到透明 → 杯壁內側反光。
4. 光澤 (波紋)：光澤輪廓選「環形/波浪」→ 模擬液面微波紋。
5. 顏色層 (剪貼蒙版)：複製基礎形狀層，清除樣式，填充徑向漸變 #463807 (咖啡深棕) 到黑色 → 右鍵「建立剪貼蒙版」限制在基礎形狀內。
6. 月牙高光 (液面張力)：同一向量蒙版內畫大小兩圓，大圓 #704309，小圓任意色 → 選中小圓 → 路徑操作「排除重疊區域/減去前面形狀」→ 得到月牙形 → 鋼筆添加錨點微調形狀 → 添加漸變疊加/內發光 模擬液面彎弯高光。
7. 氣泡/雜質：微小圓形 + 外發光/內發光 疊加。
8. 倒影/環境反射：頂部窄條狀高光 (背景漸變色)、側面反射條。

材質表現核心邏輯總結

材質	核心表現手法	關鍵圖層樣式
陶瓷杯身	高光漸變 + 細微雜色紋理 + 銳利高光邊緣	漸變疊加(徑向)、斜面與浮雕(內部、小)、圖案疊加(雜色、柔光)
金屬/陶瓷把手	多色停漸變模擬圓柱體轉折 + 描邊漸變強化邊緣	漸變疊加(線性、多色停)、描邊(漸變填充)
咖啡液體	分層疊加：基礎形狀(發光/波紋) + 顏色剪貼 + 月牙高光(液面張力) + 微觀氣泡 + 環境倒影	外發光、內發光、光澤(波紋)、剪貼蒙版、向量減法(月牙)
投影	蓋印圖層法獲得精確輪廓陰影	高斯模糊 + 動感模糊(90°) + 向下位移

進階挑戰建議

• 嘗試不同杯型：馬克杯(帶把手)、無把手陶瓷杯、玻璃杯(透明度/折射/凱斯納環)、保溫杯(不鏽鋼材質)。
• 不同液體：拉花咖啡 (表面花紋)、奶茶 (珍珠/分層)、啤酒 (氣泡上升/泡沫)。
• 動態效果：時間軸製作蒸汽上升、液面晃動、倒咖啡過程動畫。

咖啡杯繪製是材質表現綜合大練兵。建議收藏本教程，按階段拆解練習，每個材質單獨攻克，最終組合成完整場景。記住：液體的靈魂在於「月牙高光」與「邊緣折光」，杯身的靈魂在於「漸變方向對應結構」與「微觀紋理」。祝你練出滿意的作品！