蘋果 Logo 是水晶質感練習的經典題材:輪廓經典、品牌辨識度高、曲面變化豐富。本教程展示如何在 Illustrator 中快速構建水晶蘋果,重點演示關鍵光影層次構建邏輯,適合作為材質表現快速練習與圖標設計參考。
成品展示
快速構建流程
1. 基礎輪廓
- 鋼筆工具繪製標準蘋果輪廓(含缺口與葉柄)。
- 或使用橢圓工具組合 + 路徑查找器「聯集/減去前面」快速建構。
2. 基礎漸變建立體積
- 主體填充徑向漸變:中心亮紅/粉(高光區),邊緣深紅/紫(陰影區)。
- 缺口內側填充較暗漸變,模擬凹陷深度。
- 葉柄獨立路徑,金屬/木質漸變。
3. 關鍵高光層次(水晶靈魂)
- 主鏡面高光:頂部大面積弧形高光,白/淡粉,高斯模糊 3-5px,不透明度 60%,混合模式「螢幕」。
- 側面折射高光:左右側緣細長高光帶,白色,模糊 1px,不透明度 80%。
- 缺口邊緣高光:缺口上緣細線高光,模擬厚度反光。
- 底部穿透光:底部中心淡彩色橢圓(螢幕模式),模擬光線穿透果肉。
4. 環境反射與細節
- 中部添加橫向淡色反射條(地面/環境反射),漸變透明兩端。
- 表面添加極細微雜訊/紋理(效果 > 紋理 > 顆粒,強度 5-10%),打破過於完美的電腦感。
5. 陰影落地
- 投影:主體輪廓複製,填深灰,自由變形扁平透視,高斯模糊 8px,不透明度 25%。
- 接觸陰影:底部緊貼細長深色帶,模糊 2px,不透明度 50%。
一鍵複用技巧:圖形樣式庫
- 完成水晶蘋果後,選取主體,開啟「圖形樣式面板」,點擊「新建圖形樣式」,命名「水晶紅_主體」。
- 同樣建立「水晶_高光」、「水晶_陰影」等樣式。
- 新專案中繪製任意形狀(水滴、寶石、瓶子),一鍵套用樣式,微調漸變角度即可復用材質。
進階挑戰
- 動態水晶:導出 SVG SMIL 動畫,實現高光隨視角移動、透明度呼吸效果。
- 多材質融合:蘋果上半部水晶、下半部金屬/陶瓷/木質,邊界無縫過渡。
- 參數化生成:配合腳本,輸入「紅/綠/藍」參數自動生成對應色系水晶蘋果系列。
水晶質感的核心不在於複雜的工具操作,而在於對光線行為的觀察與邏輯拆解:光從哪來?怎麼折射?怎麼反射?哪裡透光?哪裡遮擋?將這些物理邏輯轉化為「漸變方向、疊加順序、混合模式、蒙版形狀」的矢量語言,就是掌握了水晶材質的萬能鑰匙。