萬盛學電腦網

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

Illustrator 繪製 RSS 圖標與 Web 2.0 風格按鈕

經典橙色 RSS 圖標與立體感按鈕是矢量圖示設計的必修課。本教學涵蓋:圓角矩形繪製、徑向漸層、弧形工具、描邊輪廓化、對齊面板精準定位、不透明蒙版製作按鈕高光漸隱、圖層鎖定管理等核心技巧。完成後可輕鬆透過修改底層顏色快速生成多色系按鈕系列。

RSS 圖標製作

  1. 新增文件 (如 500×500 px),圓角矩形工具按 Shift 繪製正圓角方形,無描邊,填淺橙→深橙徑向漸層。
  2. 弧形工具 (直線工具群) 按 Shift 繪製 1/4 圓弧,白色描邊、無填色、調整描邊粗細。
  3. 旋轉 45° 定向,Ctrl+C, Ctrl+F 複製原位,Shift+拖曳控制點縮小形成雙弧。
  4. 左下角繪製白色小圓 (無描邊)。
  5. 選取雙弧 → 物件 > 路徑 > 輪廓化描邊 (關鍵:使描邊隨縮放比例變化)。
  6. 選取弧形組與小圓 → 對齊面板 > 水平左對齊 + 垂直底對齊,微調位置大小完成 RSS 圖標。

Web 2.0 風格按鈕製作

  1. 圓角矩形工具繪製黑色大圓角矩形 (底座),鎖定 (Ctrl+2)。
  2. 繪製稍小圓角矩形 (按鈕主體),填白→黑線性漸層。
  3. 上方再疊一白色矩形蓋過主體上半部。
  4. 選取主體漸層矩形與白色遮罩矩形 → 透明度面板 > 建立不透明蒙版 → 進入蒙版編輯模式將不透明度改 62% → 退出編輯,獲得頂部高光漸隱效果。
  5. 置入 RSS 圖標 + 按鈕文字,置中對齊。
  6. 若需換色:解鎖全部 → 修改底座黑色矩形顏色 → 同步修改主體漸層色票即可。

核心觀念

  • 輪廓化描邊 讓描邊成為可縮放的填色路徑,是圖示可縮放性的關鍵。
  • 不透明蒙版 以黑白漸層控制顯示範圍,非破壞性編輯,隨時可調整漸層參數。
  • 圖層鎖定/解鎖 配合選取操作,避免誤選干擾,是複雜疊層製作的基本紀律。

這組「RSS 圖標 + 參數化按鈕」練習,完整串聯了矢量圖示從基礎幾何到進階效果的標準化產製管線。

copyright © 萬盛學電腦網 all rights reserved