首頁(yè) > 設計 > 平面設計 > 正文

萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛

2018-10-16 21:02:04
字體:
來(lái)源:轉載
供稿:網(wǎng)友

  本例中我們用Illustrator來(lái)繪制蜘蛛網(wǎng)和蜘蛛,為“萬(wàn)圣節”增加一點(diǎn)毛骨悚然的感覺(jué)。哈哈!

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

  先來(lái)看一下最終效果。

  萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛1_網(wǎng)頁(yè)教學(xué)網(wǎng)轉載

  第一部分:繪制蜘蛛網(wǎng)

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

  萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛2_網(wǎng)頁(yè)教學(xué)網(wǎng)轉載

  圖1

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

  萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛3_網(wǎng)頁(yè)教學(xué)網(wǎng)轉載

  圖2

  3.保持小圓形的選中狀態(tài),選擇工具箱中的“旋轉工具”,然后按住Alt鍵的同時(shí)單擊大圓的中心點(diǎn),也就是兩條參考線(xiàn)相交的位置。以上操作會(huì )將大圓的中心設置為旋轉中心,并同時(shí)打開(kāi)“旋轉”對話(huà)框。在角度框中輸入36,我們希望旋轉并復制出其余9個(gè)小圓形,使其環(huán)繞在大圓形的周?chē)?。Illustrator會(huì )按指定的角度自動(dòng)計算并繪制出這些圓形。單擊“復制”按鈕,會(huì )得到兩個(gè)小圓形,保持第2個(gè)小圓形的選中狀態(tài),然后按Ctrl+D重復剛才的旋轉并復制操作,直到得到所有需要的小圓形為止?,F在可以看到如圖3所示的效果。不必在意小圓形的重疊,事實(shí)上這并不影響后面的操作。

  萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛4_網(wǎng)頁(yè)教學(xué)網(wǎng)轉載

  圖3

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

  萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛5_網(wǎng)頁(yè)教學(xué)網(wǎng)轉載

  圖4

  5.保持上述形狀的選中狀態(tài),選擇菜單命令“對象”|“變換”|“縮放”,打開(kāi)“比例縮放”對話(huà)框,選中“等比”單選鈕,并在“比例縮放”框中輸入130,并確保沒(méi)有選中“選項”區域中的“比例縮放描邊和效果”復選框,如圖5所示。單擊“復制”按鈕,創(chuàng )建出一個(gè)比原來(lái)形狀大130%的新形狀。單擊“確定”按鈕。

  萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛6_網(wǎng)頁(yè)教學(xué)網(wǎng)轉載

  圖5

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

  萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛7_網(wǎng)頁(yè)教學(xué)網(wǎng)轉載

  圖6

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

  萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛8_網(wǎng)頁(yè)教學(xué)網(wǎng)轉載

  圖7

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

  萬(wàn)圣節用Illustrator繪蜘蛛網(wǎng)和蜘蛛9_網(wǎng)頁(yè)教學(xué)網(wǎng)轉載

  圖8

發(fā)表評論 共有條評論
用戶(hù)名: 密碼:
驗證碼: 匿名發(fā)表