萬盛學電腦網

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

Illustrator 8.0 基礎入門:打造立體網頁按鈕

在瀏覽網頁或使用多媒體軟體時,精美的互動按鈕總能吸引目光,特別是具有立體質感的按鈕更能為介面增色。身為專業繪圖軟體,Illustrator 8.0 讓我們能輕鬆繪製出漂亮的按鈕。想讓你的首頁脫穎而出?跟著下面的步驟一起學習吧!

第一款:圓形立體按鈕

仔細觀察會發現,這顆按鈕其實只是由兩個填充漸層色的圓形疊加而成,並不複雜。我們一步步來實作:

  1. 選取橢圓工具,按住 Shift 鍵拖曳繪製一個正圓。
  2. 開啟漸層面板,設定一個「中間白色、邊緣藍色」的放射狀漸層,再用漸層工具填入圓形。
  3. 複製剛畫好的圓(Ctrl+C、Ctrl+F),使用自由變形工具將其縮小至適當大小,並稍微旋轉一個角度。
  4. 將小圓移動到大圓的正中心(善用鍵盤方向鍵微調),一顆立體感十足的圓形按鈕就完成了!

圓形按鈕成品

第二款:圓角矩形按鈕(漸層變化)

這是第一款的靈活應用。將圓形改為圓角矩形,同樣套用「中間白、邊緣藍」的放射狀漸層,關鍵在於漸層中心點要放在矩形的一個角落,才能營造出立體高光感。

  1. 繪製圓角矩形並套用漸層。
  2. 複製矩形、縮小、水平翻轉。
  3. 將小矩形置中於大矩形內,即完成第二款按鈕。

圓角矩形按鈕步驟

第三款:圓角矩形按鈕(混合工具法)

這款利用混合工具在兩個形狀之間建立平滑過渡,效果更細膩。

  1. 畫一個大圓角矩形(深色填充),再畫一個小圓角矩形置中(淺色填充)。
  2. 選取兩個物件,執行 物件 > 混合 > 建立(或按 Ctrl+Alt+B),再到混合選項設定指定步數(如 50 步)。
  3. 即可得到一個擁有豐富光影過渡的立體按鈕。

混合工具按鈕成品

掌握這三種核心技巧——漸層疊加、縮放旋轉複製、混合工具,你就能輕鬆設計出各式各樣專業等級的網頁按鈕了!

copyright © 萬盛學電腦網 all rights reserved