圖標是UI(用戶界面)設計領域的一個重要組成部分，Windows XP的用戶界面設計堪稱UI的經(jīng)典，各種我們再熟悉小圖標、按鈕非常精致。本文以繪制XP風格放大鏡搜索圖標為例，介紹如何使用Illustrator CS2中文版打造出一個精致的放大鏡圖標，大家快快來學習吧！

　　具體操作步驟如下。

　　一、繪制外框

　　1.選擇工具箱中的“橢圓工具”，在工具箱中將填色設置為無，描邊設置為黑色，然后在畫板上繪制1個橢圓。使用“選擇工具”在按住Shift+Alt鍵的同時向下拖動橢圓，在正下方復制出一個同樣的橢圓，如圖1所示。

圖1

　　2.選中兩個橢圓中上方的一個，按快捷鍵Ctrl+C，再按Ctrl+F(對應的菜單命令為“編輯>貼在前面”)，將其粘貼在原位置的上方，現(xiàn)在粘貼得到的副本處于選中狀態(tài)，按Ctrl+3(對應的菜單命令為“編輯>隱藏>所選對象”)將其暫時隱藏。

　　3.使用“直接選擇工具”選中上方橢圓最上方的錨點，然后將其刪除，如圖2所示。

圖2

　　用同樣的方法將下方橢圓最上方錨點也刪除，如圖3所示。

圖3

　　4.使用“直接選擇工具”選中這兩條路徑左端兩個錨點，然后按快捷鍵Ctrl+J(對應的菜單命令為“對象>路徑>連接”)將其連接在一起。

圖4

　　用同樣的方法將右端兩個錨點也連接起來，如圖5所示。

圖5

　　5.選擇菜單命令“對象>顯示全部”(快捷鍵為Alt+Ctrl+3)，將原來隱藏的那個橢圓重新顯示出來，如圖6所示。

圖6

　　6.選中橢圓，在“漸變調(diào)板”中設置如圖7所示的漸變色。

圖7

　　7.選中橢圓下方的圖形，也填充灰-白-灰的漸變，如圖8所示。注意漸變的設置稍有不同。

圖8

　　先不要太介意漸變的顏色，如果不滿意，可以在最后做仔細調(diào)整。

　　8.選中這兩個圖形，然后將其描邊色設置為無，如圖9所示。

圖9

　二、繪制鏡片

　　9.選中上方的橢圓，按Ctrl+C復制，再按Ctrl+F貼在前面，然后按住Alt鍵和Shift鍵的同時改變橢圓的大小，結(jié)果如圖10所示。

圖10

　　10.為小橢圓填充藍色到淺藍色的漸變，并將描邊設置為淺灰色，描邊粗細設置為1，如圖11所示。需要使用“漸變工具”適當改變漸變填充的方向。漸變色如果不滿意，同樣可以在最后進行調(diào)整。

圖11

　　三、繪制手柄

　　11.選擇工具箱中的“圓角矩形工具”，在畫板的空白處單擊，按如圖12所示比例設置圓角矩形的大小。單擊“確定”在畫板上創(chuàng)建一個圓角矩形，如圖13所示。

圖12

圖13

　　12.該矩形沿用了鏡片的填充和描邊。這里將其描邊設置為無，并填充灰-白-灰的漸變，如圖14所示。

圖14

　　13.對比外框適當調(diào)整一下圓角矩形的大小，結(jié)果如圖15所示。

圖15

　　14.選擇圓角矩形，按Ctrl+C復制，再按Ctrl+F貼在前面，然后按住Shift鍵的同時向下拖動，再按住Alt鍵的同時放大其寬度，得到如圖16所示的另一個圓角矩形。

圖16

　　15.將新圓角矩形的漸變色修改為如圖17所示的深紅-紅-深紅漸變。

圖17

　　16.在新圓角矩形下方再繪制一個橢圓，使其寬度與該圓角矩形寬度相同，并填充為深紅色，如圖18所示?？梢酝ㄟ^“變換”調(diào)板精確控制其寬度。

圖18

　　17.繪制完畢選中兩個圓角矩形及剛繪制的橢圓，然后單擊“對齊”調(diào)板中的“水平居中”按鈕，將三個對象水平居中對齊。對齊后選擇菜單命令“對象>編組”(或按快捷鍵Ctrl+G)將三個對象組合到一起。

圖19

　　18.選中新組合，并旋轉(zhuǎn)其角度，然后將其移動到如圖20所示的位置，為放大鏡安裝上手柄。

圖20

四、繪制高光、添加外發(fā)光效果

　　19.在藍色鏡片上面繪制一個小的橢圓形，并填充以淺藍色到白色的漸變，并在“透明度”調(diào)板中適當降低其不透明度，如圖21所示。

圖21

　　20.選中所有對象，按Ctrl+G將其組合到一起。然后選擇菜單命令“效果>風格化>外發(fā)光”，將“不透明度”設置為100%，“模式”選擇“正常”，“模糊”為1.76mm，如圖22所示。設置完畢單擊“確定”按鈕。

圖22

　　最終效果

　　適當?shù)卣w旋轉(zhuǎn)一下，可以得到如圖23的最終效果。

圖23

　　加一個背景，如圖24所示。

圖24

　　教程結(jié)束，以上就是AI繪制一個精致的放大鏡圖標方法，操作很簡單的，大家學會了嗎？希望能對大家有所幫助！

最新評論