本例共分兩大部分,第一部分繪制蜘蛛網(wǎng),第二部分繪制蜘蛛,并將蜘蛛放置到蜘蛛網(wǎng)上,可以用于練習(xí)Illustrator繪制矢量圖的基礎(chǔ)知識及高級技巧。
先來看一下最終效果。
第一部分:繪制蜘蛛網(wǎng)
1.在Illustrator中新建一個文檔,將顏色模式設(shè)置為RGB模式,使用像素作為計量單位。將描邊顏色設(shè)置為黑色,并將填充色設(shè)置為無,然后選擇工具箱中的“橢圓工具”,單擊畫布中的任意位置,此時會打開“橢圓”對話框。在對話框中將橢圓的高度和寬度都設(shè)置為150,然后單擊“確定”按鈕創(chuàng)建一個圓形。從標(biāo)尺上拖出兩條參考線(如果沒有顯示標(biāo)尺,則選擇“視圖|標(biāo)尺”命令或按快捷鍵Ctrl+R),并使其交點正好位于圓形的中心。單擊工具箱中的“直接選擇工具”,此時可以看到圓形上的4個錨點以及中心,這樣在移動參考線時可以作為參考,如圖1所示。
圖1
2.再次選擇工具箱中的“橢圓工具”,將鼠標(biāo)指針準(zhǔn)確定位到圓形最上方的錨點,按住Alt鍵的同時單擊該位置。這樣做不但可以彈出“橢圓”對話框以修改橢圓的大小,而且可以將第二個橢圓中心的位置準(zhǔn)確地定位在第一個橢圓最上方錨點處。將第二個橢圓的高度和寬度都設(shè)置為50像素,并單擊“確定”按鈕。這時一個較小的圓形就會出現(xiàn)在較大圓形的上方,如圖2所示。我們將圍繞大圓的中心復(fù)制小圓形,并使用它們來移去大圓上的某些部分,以獲得齒狀的蜘蛛網(wǎng)形狀。
圖2
3.保持小圓形的選中狀態(tài),選擇工具箱中的“旋轉(zhuǎn)工具”,然后按住Alt鍵的同時單擊大圓的中心點,也就是兩條參考線相交的位置。以上操作會將大圓的中心設(shè)置為旋轉(zhuǎn)中心,并同時打開“旋轉(zhuǎn)”對話框。在角度框中輸入36,我們希望旋轉(zhuǎn)并復(fù)制出其余9個小圓形,使其環(huán)繞在大圓形的周圍。Illustrator會按指定的角度自動計算并繪制出這些圓形。單擊“復(fù)制”按鈕,會得到兩個小圓形,保持第2個小圓形的選中狀態(tài),然后按Ctrl+D重復(fù)剛才的旋轉(zhuǎn)并復(fù)制操作,直到得到所有需要的小圓形為止?,F(xiàn)在可以看到如圖3所示的效果。不必在意小圓形的重疊,事實上這并不影響后面的操作。
圖3
4.選擇菜單命令“選擇”|“全部”,選中畫布中所有的圓形,選擇擇菜單命令“窗口”|“路徑查找器”,打開“路徑查找器”面板,然后在按住Alt鍵的同時單擊“與形狀區(qū)域相減”按鈕,這樣可以從大圓形上減去所有的小圓形。單擊“路徑查找器”面板中的“擴展”按鈕,將得到的復(fù)合形狀轉(zhuǎn)為一個對象,這時可以看到我們得到了一個蜘蛛網(wǎng)的基本形狀,如圖4所示。
圖4
5.保持上述形狀的選中狀態(tài),選擇菜單命令“對象”|“變換”|“縮放”,打開“比例縮放”對話框,選中“等比”單選鈕,并在“比例縮放”框中輸入130,并確保沒有選中“選項”區(qū)域中的“比例縮放描邊和效果”復(fù)選框,如圖5所示。單擊“復(fù)制”按鈕,創(chuàng)建出一個比原來形狀大130%的新形狀。單擊“確定”按鈕。
圖5
6.按Ctrl+D兩次,重復(fù)變換出更多的形狀,如圖6所示。這樣可以得到總共4個形狀。
圖6
7.選中中心的形狀,然后選擇“對象”|“變換”|“縮放”菜單命令,選中“等比”單選鈕,然后在“比例縮放”框中輸入70并單擊“復(fù)制”按鈕,這次我們復(fù)制出原大小70%比例的形狀(最后一次我們將以30%的比例進(jìn)行縮放,因此這里先減少30%)。同樣的,確保沒有選中“選項”區(qū)域中的“比例縮放描邊和效果”復(fù)選框,然后單擊“復(fù)制”按鈕創(chuàng)建出比原形狀小30%的形狀。單擊“確定”按鈕,并按Ctrl+D得到更多的形狀,直到總共得到6個為止,如圖7所示。
圖7
8.選擇菜單命令“視圖”|“對齊點”,同時保證“視圖”|“對齊網(wǎng)格”沒有被選中,否則它會阻止你對齊到圖形上的點。即使風(fēng)格不可見,它也是實際存在的。當(dāng)“對齊網(wǎng)格”被選中時,即使你看不到網(wǎng)格也會自動對齊到網(wǎng)格。選擇工具箱中的“直線工具”,從中心向最外側(cè)的點畫一條粗細(xì)為1pt的線段,然后用同樣的方法畫出所有線段,如圖8所示。繪制完畢選中蜘蛛網(wǎng)的所有部分,按Ctrl+G將其合為一組。
第二部分:繪制蜘蛛
9.在畫布的空白區(qū)域,使用“橢圓工具”畫出兩個橢圓,用于構(gòu)成蜘蛛的身體,一個稍大一個較小。將它們按如圖9所示放置到一起,并將其全部選中,然后單擊“路徑查找器”面板中的“與形狀區(qū)域相加”按鈕,將兩個形狀相加到一起,再單擊面板中的“擴展”按鈕,最后填充為黑色。
圖9
10.下面將簡單設(shè)計一下蜘蛛的背部和頭部。在蜘蛛的下半部分繪制兩個三角形,并使用對齊面板將其水平居中對齊,再使用“路徑查找器”面板將兩個三角形合并到一起。將這個新形狀填充為紅色,并拖動到蜘蛛身體的下半部分,如圖10所示,然后使用對齊面板將蜘蛛的身體與三角形水平居中對齊。
圖10
11.對于蜘蛛的上半部分,使用鋼筆工具畫一個形狀,并填充為紅色。使用“鏡像工具”復(fù)制出一個對稱的形狀,如圖11所示??梢噪p擊工具箱中的“鏡像工具”打開“鏡像”對話框,然后選中“垂直”單選鈕,角度為90,單擊“復(fù)制”按鈕即可得到新的形狀。得到新形狀后按向右方向鍵數(shù)次,將其移動到右側(cè)一個合適的位置,然后選中這兩個圖形,按Ctrl+G將其組合到一起。
圖11
12.將新的形狀拖動到蜘蛛身體上半部分,并將蜘蛛身體與該形狀同時選中,然后在“對齊”面板中單擊“垂直居中”按鈕。這樣可以得到如圖12所示的圖形。
圖12
13.使用橢圓工具繪制兩個小橢圓,并將其按如圖13所示進(jìn)行放置。同樣地,使用“路徑查找器”面板將兩個形狀合為一個,并填充為黑色。
圖13
14.使用橢圓工具畫兩個小圓形,如圖14中1所示。然后選中兩個圓形,單擊“路徑查找器”面板中的“與形狀區(qū)域相減”按鈕,得到一個月牙的形狀。然后鏡像出另一個月牙,并填充為橙色。將兩個月牙組合到一起,再繪制出蜘蛛的眼睛,并移動到蜘蛛身體的上方,如圖中所示。
圖14
15.使用鋼筆工具畫出蜘蛛的8只腳的形狀,描邊為黑色,填充為無,將描邊粗細(xì)設(shè)置為8pt,適當(dāng)移動位置,得到如圖15所示的效果。繪制完畢將所有構(gòu)成蜘蛛的圖形組合到一起。
圖15
16.將蜘蛛拖動到網(wǎng)上,旋轉(zhuǎn)并適當(dāng)縮放其大小,得到最終效果如圖16所示。
原文鏈接圖16