萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

Illustrator 打造布紋質感水晶按鈕圖標設計

成品展示

一組融合布料紋理與水晶質感的按鈕圖標,展現材質對比之美:柔軟織物底座 + 剔透水晶頂面,適合 UI 介面、遊戲圖標、實體產品展示。

核心技法拆解

  1. 布紋底座:圓角矩形為基礎,填充「圖案填充」(四方連續無縫布紋圖案,可自製或下載 .pat/.ai 格式)。添加內發光/投影模擬布料厚度。
  2. 水晶頂面:同尺寸圓角矩形疊上層,填充徑向漸變(中心透亮白→邊緣彩色透明),模擬玻璃折射。添加高光弧線(白色、透明度漸變、螢幕模式)。
  3. 邊緣倒角:描邊設為漸變色(亮邊/暗邊),或用「效果」→「風格化」→「內發光」產生立體邊框。
  4. 按鈕狀態:常態/懸停/按下三態分別調整高光強度、陰影方向、色相偏移。
  5. 圖標符號:將完成按鈕存入「符號」面板,配合 9 切圖縮放保持圓角不變形。

四方連續紋理製作提示

布紋無縫拼貼是難點:繪製單元圖案時,邊緣元素必須對稱延伸;用「對象」→「圖案」→「建立」預覽拼貼效果,調整至無明顯接縫再存入色板。

應用場景延展

  • UI 套件:統一風格的按鈕、開關、滑桿、輸入框
  • 遊戲資源:技能圖標、道具圖示、HUD 元素
  • 印刷品:壓紋燙金工藝模擬圖
copyright © 萬盛學電腦網 all rights reserved