設計概念與視覺重點
本案例示範如何在 Illustrator 中結合精密幾何與有機網格,創作一張具備工業美學的海報。核心在於:以「金屬齒輪」傳達機械精密感,搭配「漸層網狀背景」營造空間深度,兩者透過色階對比與疊加模式融合,形成視覺張力。
齒輪結構繪製:從基本形狀到精密齒條
- 基礎圓環: 橢圓工具 (L) 按 Shift 畫正圓,描邊 8 pt、無填色,複製縮放形成雙層圓環。
- 齒條陣列: 矩形工具 (M) 畫一個細長矩形(寬 4 pt、高 30 pt),置於圓環頂端中心。選取旋轉工具 (R),按 Alt 點擊圓心,輸入 15° 複製,連按 Ctrl+D 重複 24 次,獲得 24 齒齒輪。
- 路徑查找器合併: 全選齒條與外圓環,點擊「聯合」合併為單一複合路徑,再用「減去前方」挖空內圈,完成中空齒輪主體。
金屬質感著色:漸層網格與高光陣列
選取齒輪主體,套用徑向漸層:中心亮鋼灰 (#e0e0e0) → 中間中性灰 (#999) → 邊緣深鋼灰 (#444)。再用網格工具 (U) 在齒尖添加高光節點(白 #fff,不透明度 60%),齒根加深色節點 (#222) 強化立體感。複製齒輪圖層,填色改為深灰、移動 2 px 形成投影,設為正片疊底 30%。
網狀背景構建:矩形網格工具與包裹變形
- 矩形網格工具點擊畫布,設定 40×40 分割、尺寸同畫布,獲得均勻方格。
- 全選網格,套用「效果 → 扭曲與變形 → 包裹變形」,選「魚眼」彎曲 15%,再疊加「膨脹」-10%,製造透視感。
- 擴展外觀後,用直接選取工具隨機選取部分格線節點,向四周微移 2–5 px,打破機械整齊感。
- 對網格群組套用線性漸層描邊:左上角青綠色 (#00bcd4) → 右下角深藍 (#003366),描邊 0.5 pt,透明度 40%。
合成與最終調色
將齒輪群組置於網格背景上方,設定圖層混合模式為「疊加」,不透明度 85%。新增調整圖層:曲線拉高高光、壓低暗部;色相/飽和度將整體色溫偏冷藍 10 度。最後在四角加入徑向漸層陰影(黑、不透明度 0→60%),聚焦視線中央。輸出時建議存為 PDF/X-1a 供印刷,或 PNG 24-bit 供螢幕展示。