當前位置:製作窩 >

創意設計 >設計教程 >

Illustrator繪製向量卡通綠葉

Illustrator繪製向量卡通綠葉

Tutorial Details

Program: Adobe Illustrator CS3

Difficulty: Beginner

Estimated Completion Time: 30mins

教程細節

軟體:Adobe Illustrator CS3

難易:初級

預計完成時間:30分鐘

Final Product What You'll Be Creating


成品圖

Illustrator繪製向量卡通綠葉

In this tutorial you will learn how to make an illustration for a magazine cover and learn how to use the opacity mask ,the gradient tool and the pen tool to make some leaves with water drops on them and cloudy background. This technique can be applied to many different objects. Let’s get started!

本教程你要學習怎樣繪製雜誌封面上的向量圖,學習怎樣使用不透明調板,漸變工具,怎樣使用鋼筆工具繪製滴著露珠的葉子和雲的背景。這種技巧可以應用在各個不同的物件上。好了,讓我們現在開始吧!

Step 1

First, make a leaf shape using the Pen Tool.

1.首先,使用鋼筆工具繪製出一片葉子的形狀。

Illustrator繪製向量卡通綠葉 第2張

Step 2

Add a white stroke along the leaf and then press (Command + C) to copy ,(Command + B) to send to the back. Now you have two strokes , the white one in the front and color the other one with green and move it a little bit to the left. Use the image below for reference.

2.沿著葉子的脈絡繪製一條白色的描邊,然後按Ctrl+C複製,Ctrl+B貼上在後面。現在你有2條描邊了,白色的在前面,另一條填上綠色並且綠色的這條向左移動一點。參照下圖。

注:實際2.5pt,2pt沒有下圖所示那麼粗,這裡可以設定為20pt,10pt,具體可以根據影象大小自定。

Illustrator繪製向量卡通綠葉 第3張

Step 3

Expand the strokes (Object > Expand), select them all and from the Pathfinder panel press merge.

3.擴充套件描邊(物件>擴充套件),全部選中,切到路徑查詢器調板,按合併按鈕。

注:合併的話得不到圖示的路徑,我重新寫一下。

Illustrator繪製向量卡通綠葉 第4張

擴充套件描邊後,葉子和擴充套件後的綠色描邊形狀相加,然後減去擴充套件後的白色描邊(在路徑查詢器中完成)。完成後得到上圖右邊的路徑。

注:白色描邊的堆疊順序必須在葉子和綠色描邊形狀相加後的複合路徑之上。

形狀相減的另一層隱義就是減去前面的形狀。

相加相減之後葉子可能需要重新填色漸變,重新填色即可。

Step 4

Select the leaf then press (Command + C) for copy, (Command + F) paste in front, select the copy and fill it with gradient of half opacity white to 0 opacity white. Erase parts of the leaf (like in the image) to make the leaf shine.

4.選擇葉子,然後按Ctrl+C複製,Ctrl+F貼上在前面,選擇副本,填色50%不透明白色到0%不透明白色漸變。去除葉子多餘的部分(如圖)以建立葉子的光亮面。

Illustrator繪製向量卡通綠葉 第5張

Step 5

Make several leaves in the same manner, and arrange them in a manner similar to the image below.

5.用同樣的方法繪製其它的葉子,然後用你喜歡的方法把它們進行排列組合,就像下圖一樣。

Illustrator繪製向量卡通綠葉 第6張

Step 6

Begin making the water drop with an ellipse shape with a green gradient.

6.使用橢圓工具繪製露珠,填充綠色漸變。

Illustrator繪製向量卡通綠葉 第7張

Step 7

Make a smaller ellipse with a white to green gradient and add smaller ellipses inside of it.

7.繪製更小的橢圓,應用白到綠色漸變,然後再在橢圓內部繪製更小的橢圓。

Illustrator繪製向量卡通綠葉 第8張

Step 8

Distribute the drops on the leaves like in the image below

8.在其它葉子上也新增幾滴露珠,如圖所示。

Illustrator繪製向量卡通綠葉 第9張

露珠上的發散光,可以先繪製一個幾角星(如:七角星),然後選擇“效果”選單>扭曲和變換>收縮和膨脹,收縮(負數為收縮)來實現。

Step 9

Now we will make the bubble for behind the leaves, start by making a circle with radial gradient (blue to white).

9.現在我們來繪製葉子後面的水泡,先建立一個徑向漸變的圓(藍到白漸變)。

Illustrator繪製向量卡通綠葉 第10張

Step 10

Like with the water drop, make circles inside with a white to transparent gradient and then add a moon shape at the bottom .

10.建立水滴的樣子,先在內部再建立一個圓,應用白色到0%不透明白色漸變,然後在底部繪製出月亮的形狀,其餘刪除。

Illustrator繪製向量卡通綠葉 第11張

Illustrator繪製向量卡通綠葉 第12張

這裡圖示的星,可以先繪製一個圓,然後選擇效果選單>扭曲和變換>波紋來實現。

Step 11

To make the cloud, make several circles with the ellipse tool and put them together to form the cloud.

11.繪製雲,先使用橢圓工具繪製幾個圓,然後把它們進行排列組合,拼合成一個雲。

Illustrator繪製向量卡通綠葉 第13張

Step 12

Now fill the empty space in the middle, select all the shapes and merge them with the Pathfinder.

12.現在閉合中間的空白區域,選擇所有的形狀,按路徑查詢器中的合併按鈕。

Illustrator繪製向量卡通綠葉 第14張

Step 13

Build your illustration by starting with the clouds, then bubbles, then the leaves.

13.現在雲,露珠,葉子都已經繪製好了。

Illustrator繪製向量卡通綠葉 第15張

Step 14

Make a line of circles and group them.

14.繪製一排圓,然後把它們編為一組(Ctrl+G)。

Illustrator繪製向量卡通綠葉 第16張

Step 15

Apply a 3D Extrude & Bevel with the settings shown below.

15.應用3D凸出和斜角,設定如下。

Illustrator繪製向量卡通綠葉 第17張

By clicking twice in the transparency panel, you’re going to make an opacity mask and the cylinders will disappear.

在透明度調板上點選2次,你就可以建立不透明面板了,此時圓柱隱藏。

Illustrator繪製向量卡通綠葉 第18張

Step 16

Alt + Click the opacity mask to edit it, make a rectangle with a gradient gray to black ( the black makes the object disappear and the white makes the object appear).

+點選不透明面板你就可以編輯修改它了,繪製一個矩形,應用灰到黑漸變(黑色使物件隱藏,白色使物件顯示)。

Illustrator繪製向量卡通綠葉 第19張

Illustrator繪製向量卡通綠葉 第20張

Step 17

Do the same thing as before, but use a pointy shape like below as the mask. This time the opacity mask will look like the image below.

17.像之前一樣重複操作,但使用尖的形狀的不透明面板如下圖所示。這次不透明面板如圖所示。

Illustrator繪製向量卡通綠葉 第21張

Conclusion

And there you have it. A soft looking environmental illustration. If you want to use this as a magazine cover, simply add your text and export it for print. I hope you’ve enjoyed this tut.

尾聲

現在你完成了繪製,得到了一個柔和的自然的景觀向量圖。如果你想把它用於雜誌的封面,只要簡簡單單地新增一些文字就可以拿去印刷了。我希望你會喜歡它。

Illustrator繪製向量卡通綠葉 第22張

  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/p3krz.html