萬盛學電腦網

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

Illustrator 繪製專業級鏡頭快門圖標教學

鏡頭快門圖標是攝影類 App、相機介面、品牌視覺的核心視覺元素。本教學將示範如何在 Illustrator 中,運用多邊形工具、旋轉複製、剪刀工具、路徑查找器與形狀建立器,精準構建幾何嚴謹、視覺平衡的快門圖標。

一、建立基準多邊形與參考線系統

  1. 開啟標尺 (Ctrl+R),拖出垂直/水平參考線交於畫布中心。
  2. 多邊形工具:按住 Shift+Alt 從中心點向外拖曳,繪製正六邊形(或依需求邊數)。
  3. 任意填色、無描邊。選中後 Ctrl+2 鎖定,作為旋轉基準與裁切邊界。

二、單一切面構建與旋轉複製

  1. 無填色、有描邊,選鋼筆工具 (P) 從多邊形一頂點出發,繪製一條寬闊、延伸至畫布外的曲線(僅 2 個錨點:起點與終點)。
  2. 選中曲線,選「旋轉工具」(R),Alt+點擊多邊形中心(參考線交點),彈出對話框:角度 60°(360°/6),點擊「複製」。
  3. 選「剪刀工具」(C),在曲線與鄰近曲線交點處各點擊一次切斷。刪除多餘外段,保留三角形扇區路徑。
  4. 白箭頭 (A) 選中頂部兩個端點,Ctrl+J 連接,形成封閉三角形切面。

三、環狀陣列與路徑清理

  1. 選中三角形切面,旋轉工具 (R) 再次 Alt+點擊中心,60° 複製。連按 4 次 Ctrl+D (再次變換),完成 6 片扇葉環繞。
  2. 全選扇葉,「物件 > 擴展外觀」,路徑查找器「聯合」合併。注意:此步會產生多餘錨點,屬正常現象。
  3. 繪製一個較小正圓 (橢圓工具 L,Shift+Alt 從中心拖曳),置於中心作為快門光圈。

四、形狀建立器精準布爾運算 (CS5+)

  1. 全選扇葉群組與中心圓,選「形狀建立器工具」(Shift+M)。
  2. 按住 Alt,滑鼠懸停於需刪除區域(圓外扇葉尖端、圓內多餘線段、中心區域),點擊刪除。
  3. 解鎖基準多邊形 (Ctrl+Alt+2),刪除之。

五、專業級風格化與輸出規範

  • 扁平化風格:單色填充 (如 #2C3E50),無描邊,適配 iOS/Material Design 規範。
  • 線性圖標風格:無填色、2 pt 描邊、圓形端點/轉角,色值 #000000 或品牌主色。
  • 微立體風格:頂面淺色、側面深色線性漸變,內陰影效果 (效果 > 風格化 > 內發光/或 SVG 濾鏡內陰影)。
  • 像素完美:開啟「像素預覽」與「對齊像素網格」,確保關鍵尺寸為整數像素。
  • 匯出規格:SVG (響應式網頁)、PDF (印刷/矢量交接)、PNG 系列 @1x/@2x/@3x (App 圖標)。

六、核心技巧回顧

  • 參考線 + 鎖定基準物件:確保旋轉中心絕對精準。
  • 旋轉複製 (Alt+點擊中心) + Ctrl+D:極速構建放射對稱結構。
  • 剪刀工具切割 + 白箭頭連接:從開放路徑精準獲得封閉形狀。
  • 形狀建立器 (Shift+M) + Alt 刪除:直觀、視覺化的布爾運算,比路徑查找器更高效。

掌握此工作流,你將能在 10 分鐘內產出幾何精確、風格多變、符合專業輸出規範的快門圖標,並舉一反三應用於齒輪、花瓣、雷達等所有放射對稱圖形設計中。

copyright © 萬盛學電腦網 all rights reserved