萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> 萬聖節用Illustrator繪蜘蛛網和蜘蛛

萬聖節用Illustrator繪蜘蛛網和蜘蛛

   本例中我們用Illustrator來繪制蜘蛛網和蜘蛛,為“萬聖節”增加一點毛骨悚然的感覺。哈哈!

 

  本例共分兩大部分,第一部分繪制蜘蛛網,第二部分繪制蜘蛛,並將蜘蛛放置到蜘蛛網上,可以用於練習Illustrator繪制矢量圖的基礎知識及高級技巧。

  先來看一下最終效果。

萬聖節用Illustrator繪蜘蛛網和蜘蛛  三聯

  第一部分:繪制蜘蛛網

  1.在Illustrator中新建一個文檔,將顏色模式設置為RGB模式,使用像素作為計量單位。將描邊顏色設置為黑色,並將填充色設置為無,然後選擇工具箱中的“橢圓工具”,單擊畫布中的任意位置,此時會打開“橢圓”對話框。在對話框中將橢圓的高度和寬度都設置為150,然後單擊“確定”按鈕創建一個圓形。從標尺上拖出兩條參考線(如果沒有顯示標尺,則選擇“視圖|標尺”命令或按快捷鍵Ctrl+R),並使其交點正好位於圓形的中心。單擊工具箱中的“直接選擇工具”,此時可以看到圓形上的4個錨點以及中心,這樣在移動參考線時可以作為參考,如圖1所示。

萬聖節用Illustrator繪蜘蛛網和蜘蛛2_天極設計在線

  圖1

  2.再次選擇工具箱中的“橢圓工具”,將鼠標指針准確定位到圓形最上方的錨點,按住Alt鍵的同時單擊該位置。這樣做不但可以彈出“橢圓”對話框以修改橢圓的大小,而且可以將第二個橢圓中心的位置准確地定位在第一個橢圓最上方錨點處。將第二個橢圓的高度和寬度都設置為50像素,並單擊“確定”按鈕。這時一個較小的圓形就會出現在較大圓形的上方,如圖2所示。我們將圍繞大圓的中心復制小圓形,並使用它們來移去大圓上的某些部分,以獲得齒狀的蜘蛛網形狀。

萬聖節用Illustrator繪蜘蛛網和蜘蛛3_天極設計在線

  圖2

  3.保持小圓形的選中狀態,選擇工具箱中的“旋轉工具”,然後按住Alt鍵的同時單擊大圓的中心點,也就是兩條參考線相交的位置。以上操作會將大圓的中心設置為旋轉中心,並同時打開“旋轉”對話框。在角度框中輸入36,我們希望旋轉並復制出其余9個小圓形,使其環繞在大圓形的周圍。Illustrator會按指定的角度自動計算並繪制出這些圓形。單擊“復制”按鈕,會得到兩個小圓形,保持第2個小圓形的選中狀態,然後按Ctrl+D重復剛才的旋轉並復制操作,直到得到所有需要的小圓形為止。現在可以看到如圖3所示的效果。不必在意小圓形的重疊,事實上這並不影響後面的操作。

萬聖節用Illustrator繪蜘蛛網和蜘蛛4_天極設計在線

  圖3

  4.選擇菜單命令“選擇”|“全部”,選中畫布中所有的圓形,選擇擇菜單命令“窗口”|“路徑查找器”,打開“路徑查找器”面板,然後在按住Alt鍵的同時單擊“與形狀區域相減”按鈕,這樣可以從大圓形上減去所有的小圓形。單擊“路徑查找器”面板中的“擴展”按鈕,將得到的復合形狀轉為一個對象,這時可以看到我們得到了一個蜘蛛網的基本形狀,如圖4所示。

萬聖節用Illustrator繪蜘蛛網和蜘蛛5_天極設計在線

  圖4

  5.保持上述形狀的選中狀態,選擇菜單命令“對象”|“變換”|“縮放”,打開“比例縮放”對話框,選中“等比”單選鈕,並在“比例縮放”框中輸入130,並確保沒有選中“選項”區域中的“比例縮放描邊和效果”復選框,如圖5所示。單擊“復制”按鈕,創建出一個比原來形狀大130%的新形狀。單擊“確定”按鈕。

萬聖節用Illustrator繪蜘蛛網和蜘蛛6_天極設計在線

  圖5

  6.按Ctrl+D兩次,重復變換出更多的形狀,如圖6所示。這樣可以得到總共4個形狀。

萬聖節用Illustrator繪蜘蛛網和蜘蛛7_天極設計在線

  圖6

  7.選中中心的形狀,然後選擇“對象”|“變換”|“縮放”菜單命令,選中“等比”單選鈕,然後在“比例縮放”框中輸入70並單擊“復制”按鈕,這次我們復制出原大小70%比例的形狀(最後一次我們將以30%的比例進行縮放,因此這裡先減少30%)。同樣的,確保沒有選中“選項”區域中的“比例縮放描邊和效果”復選框,然後單擊“復制”按鈕創建出比原形狀小30%的形狀。單擊“確定”按鈕,並按Ctrl+D得到更多的形狀,直到總共得到6個為止,如圖7所示。

萬聖節用Illustrator繪蜘蛛網和蜘蛛8_天極設計在線

  圖7

  8.選擇菜單命令“視圖”|“對齊點”,同時保證“視圖”|“對齊網格”沒有被選中,否則它會阻止你對齊到圖形上的點。即使風格不可見,它也是實際存在的。當“對齊網格”被選中時,即使你看不到網格也會自動對齊到網格。選擇工具箱中的“直線工具”,從中心向最外側的點畫一條粗細為1pt的線段,然後用同樣的方法畫出所有線段,如圖8所示。繪制完畢選中蜘蛛網的所有部分,按Ctrl+G將其合為一組。

萬聖節用Illustrator繪蜘蛛網和蜘蛛9_天極設計在線

  圖8

  第二部分:繪制蜘蛛

  9.在畫布的空白區域,使用“橢圓工具”畫出兩個橢圓,用於構成蜘蛛的身體,一個稍大一個較小。將它們按如圖9所示放置到一起,並將其全部選中,然後單擊“路徑查找器”面板中的“與形狀區域相加”按鈕,將兩個形狀相加到一起,再單擊面板中的“擴展”按鈕,最後填充為黑色。

萬聖節用Illustrator繪蜘蛛網和蜘蛛10_天極設計在線

  圖9

  10.下面將簡單設計一下蜘蛛的背部和頭部。在蜘蛛的下半部分繪制兩個三角形,並使用對齊面板將其水平居中對齊,再使用“路徑查找器”面板將兩個三角形合並到一起。將這個新形狀填充為紅色,並拖動到蜘蛛身體的下半部分,如圖10所示,然後使用對齊面板將蜘蛛的身體與三角形水平居中對齊。

萬聖節用Illustrator繪蜘蛛網和蜘蛛11_天極設計在線

  圖10

  11.對於蜘蛛的上半部分,使用鋼筆工具畫一個形狀,並填充為紅色。使用“鏡像工具”復制出一個對稱的形狀,如圖11所示。可以雙擊工具箱中的“鏡像工具”打開“鏡像”對話框,然後選中“垂直”單選鈕,角度為90,單擊“復制”按鈕即可得到新的形狀。得到新形狀後按向右方向鍵數次,將其移動到右側一個合適的位置,然後選中這兩個圖形,按Ctrl+G將其組合到一起。

萬聖節用Illustrator繪蜘蛛網和蜘蛛12_天極設計在線

  圖11

  12.將新的形狀拖動到蜘蛛身體上半部分,並將蜘蛛身體與該形狀同時選中,然後在“對齊”面板中單擊“垂直居中”按鈕。這樣可以得到如圖12所示的圖形。

萬聖節用Illustrator繪蜘蛛網和蜘蛛13_天極設計在線

  圖12

  13.使用橢圓工具繪制兩個小橢圓,並將其按如圖13所示進行放置。同樣地,使

copyright © 萬盛學電腦網 all rights reserved