萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> Illustrator制作旋轉的葉子

Illustrator制作旋轉的葉子

  有些女士手提包的外形時尚,表面上鑲嵌許多珍珠,這些珍珠圍成一片一片的葉子和花朵。這樣的物件,如果繪畫是很復雜的。但是,我們從基礎的圖形開始繪制,也是可以完成的。

  今天,我們學習的這個圖案就是不規則的旋轉葉子圖案。圖案中,有葉子的正視圖、側視圖,有向上長的,有向下長的,還有點綴在葉子之間的枝條和小花。整個圖案將葉子的各個視角的形狀表現出來,雖然是平面作品,但是很有立體感。下面,請跟我一起走進“旋轉的葉子”這幅圖案,研究它的創作。

  創作工具:Illustrator 10

  繪制步驟:

  1. 打開原始素材圖,將圖層1重名為“原圖”,然後鎖定該圖層。

  2. 建立一個新圖層,命名為“背景圖”。從工具箱中選擇“Rectangle”(矩形)工具,按下“Shift”鍵畫一個145×145的正方形框,邊框顏色設為“紅色”,將其正好套在圖層“原圖”的輪廓上。

  3. 建立新圖層,命名為“輔助線”。選擇菜單“View→Show Rulers”(視圖→顯示標尺)命令,從水平和垂直標尺上分別拉出水平和垂直輔助線各一條,放在正方形框的水平和垂直的中點上。

  4. 建立新圖層,命名為“骨架線”。從工具箱中選擇“Line”(直線)工具,繪畫出正方形的“米”字骨架線。

  5. 建立新圖層,命名為“走向”。從工具箱中選擇“Pen”(鋼筆)工具,沿著圖案中的葉子的弧度,繪畫弧線。選擇菜單“Effect→Stylize→Add Arrowheads”(效果→風格→加箭頭)命令,為弧線添加箭頭,如圖1所示,鎖定該圖層。

Illustrator制作旋轉的葉子 三聯

  圖1為弧線添加箭頭

  注:葉子是這幅圖案的主體,有的葉子向上,有的葉子向下,形成一種旋轉生長的運動的旋律,因此,這幅圖案的生動之處,就在於它的運動旋律,將春暖花開生機盎然的自然景色演繹得非常准確。這幅圖案不是對稱型的。圖案中葉子多的上半區,花朵少,葉子少的下半區,花朵多,因此,整個圖案呈現出均衡型。

  6. 在圖層“走向”之下建立一個新圖層,命名為“圖案”。使用“Pen”(鋼筆)工具,先繪畫出一片完整的大葉子正視圖,打開“Stroke”(勾邊)面板,設置線粗為2,端點為圓形,勾選“Dashed Li”(虛線),設置虛線長度為0.6,間距為3,如圖2所示。全選這片葉子,按下“Ctrl+G”組合鍵將其組合。

  圖2 設置“圖案”圖層參數

  7. 按下“Alt”鍵復制這片葉子,使用“Direct Selection”(路徑選擇)工具,調整繪畫出小葉子,如圖3所示。

  圖3 復制這片葉子圖層參數

  8. 選中小葉子的全部成組,選中這兩片葉子成組並復制出兩組,放在相應的位置上,使用“Rotate”(旋轉)工具,調整這兩片葉子的方向和形狀,如圖4所示。

  圖4 復制兩組葉子,並且調整方向

  9. 接下來,繪畫葉子的側視圖,如圖5所示。將其成組後並復制出若干個,放在相應的位置上,並通過使用“Rotate”(旋轉)和“Direct Selection”(路徑選擇)工具,調整圖形(注:在上下左右的邊界上的圖形是部分的葉子,我們先保留完整的葉子。打開“Align”(對齊)面板,將同一列的上下兩個葉子選中,設置左對齊。將同一行的左右兩個葉子選中,設置頂對齊)。使用“Ellipse”(橢圓)和“Pen”(鋼筆)繪畫出花朵和枝條,如圖6所示。(注:這裡,我們為了講授清楚,對不同形狀的圖形設置了不同顏色的邊框。)

  圖5 畫出葉子側視圖

  圖6 畫出花朵和枝條

  10. 接下來,繪畫出四個邊界的圖形,如圖7所示。

  圖7 繪畫出四個邊界的圖形

  11. 注:以左上角的圖案為例,“原圖”是這片葉子的右下部分,四個角合並為一片子,這樣的圖怎麼繪畫准確呢?首先,復制一個大葉子,將其放在右下角,與“原圖”的相應部分重合,不重合可以用“Direct Selection”(路徑選擇)工具調整。然後,將其移到左下角,與相應部分重合,再調整,依此類推,再將其移到左上角和右上角,調整與“原圖”相應部分一至,這個圖形就繪畫好了,將其復制三個,放在其他三個角上,選中同一行的兩個葉子,打開“Align”(對齊)面板,單擊頂端對齊。選中同一列的兩個葉子,單擊左端對齊,還要注意上下兩個圖形的位置是否相同,以邊界為標准,這樣合並的葉子才自然而准確。

  12. 至此,圖案的組成圖形繪畫完成。接下來,裁切四個邊界的圖形,這是繪制這個圖案的難點。因為一定要裁切精確,圖案才能合並自然。首先,裁切上下兩邊的側視葉子(注:以邊框的內邊為標准,使用“Scissors”(剪刀)工具,在路徑上單擊剪切點,然後使用“Direct Selection”選擇工具,選中邊框外的路徑刪除),如圖8所示。

  圖8 精確裁切四個邊界的圖形

  13. 按照圖9所示,剪切左右兩邊的側視葉子。

  圖9 剪切左右兩邊的側視葉子

  14. 按照圖10所示,剪切上下兩邊的圓形花朵。

  圖10 剪切上下兩邊的圓形花朵

  15. 按照圖11所示,剪切上下兩邊的俯視葉子。

  圖11 剪切上下兩邊的俯視葉子

  16. 按照圖12所示,剪切左右兩邊的俯視葉子。

  圖12 剪切左右兩邊的俯視葉子

  17. 按照圖13所示,剪切上下左右四個角的俯視葉子。

  圖13 剪切上下左右四個角的俯視葉子

  18. 邊界線上的圖形剪切完成後,將所有圖形統一顏色,如圖14所示。

  圖14 將圖案顏色統一

  19. 隱藏圖層“骨架線”和“背景圖”,打開“Window→Swatches”(窗口/樣本)面板,單擊面板上的“Show Pattern Swatches”(顯示圖案樣本)圖標按鈕,使用“Direct Selection”(路徑選擇)工具,全選圖案拖至到“樣本”面板上,將自動添加此圖案。畫一個墨綠色矩形,再畫一個矩形,單擊“圖案樣本”中的葉子圖案,如圖15所示。

  圖15 墨綠色的矩形

  圖16為此圖案的陰陽效果。至此,這個“旋轉的葉子”圖案制作完成。

copyright © 萬盛學電腦網 all rights reserved