Illustrator繪製向量卡通綠葉
- 設計教程
- 關注:1.55W次
Tutorial Details
Program: Adobe Illustrator CS3
Difficulty: Beginner
Estimated Completion Time: 30mins
教程細節
軟體:Adobe Illustrator CS3
難易:初級
預計完成時間:30分鐘
Final Product What You'll Be Creating成品圖
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.首先,使用鋼筆工具繪製出一片葉子的形狀。
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,具體可以根據影象大小自定。
Step 3
Expand the strokes (Object > Expand), select them all and from the Pathfinder panel press merge.
3.擴充套件描邊(物件>擴充套件),全部選中,切到路徑查詢器調板,按合併按鈕。
注:合併的話得不到圖示的路徑,我重新寫一下。
擴充套件描邊後,葉子和擴充套件後的綠色描邊形狀相加,然後減去擴充套件後的白色描邊(在路徑查詢器中完成)。完成後得到上圖右邊的路徑。
注:白色描邊的堆疊順序必須在葉子和綠色描邊形狀相加後的複合路徑之上。
形狀相減的另一層隱義就是減去前面的形狀。
相加相減之後葉子可能需要重新填色漸變,重新填色即可。
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%不透明白色漸變。去除葉子多餘的部分(如圖)以建立葉子的光亮面。
Step 5
Make several leaves in the same manner, and arrange them in a manner similar to the image below.
5.用同樣的方法繪製其它的葉子,然後用你喜歡的方法把它們進行排列組合,就像下圖一樣。
Step 6
Begin making the water drop with an ellipse shape with a green gradient.
6.使用橢圓工具繪製露珠,填充綠色漸變。
Step 7
Make a smaller ellipse with a white to green gradient and add smaller ellipses inside of it.
7.繪製更小的橢圓,應用白到綠色漸變,然後再在橢圓內部繪製更小的橢圓。
Step 8
Distribute the drops on the leaves like in the image below
8.在其它葉子上也新增幾滴露珠,如圖所示。
露珠上的發散光,可以先繪製一個幾角星(如:七角星),然後選擇“效果”選單>扭曲和變換>收縮和膨脹,收縮(負數為收縮)來實現。
Step 9
Now we will make the bubble for behind the leaves, start by making a circle with radial gradient (blue to white).
9.現在我們來繪製葉子後面的水泡,先建立一個徑向漸變的圓(藍到白漸變)。
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%不透明白色漸變,然後在底部繪製出月亮的形狀,其餘刪除。
這裡圖示的星,可以先繪製一個圓,然後選擇效果選單>扭曲和變換>波紋來實現。
Step 11
To make the cloud, make several circles with the ellipse tool and put them together to form the cloud.
11.繪製雲,先使用橢圓工具繪製幾個圓,然後把它們進行排列組合,拼合成一個雲。
Step 12
Now fill the empty space in the middle, select all the shapes and merge them with the Pathfinder.
12.現在閉合中間的空白區域,選擇所有的形狀,按路徑查詢器中的合併按鈕。
Step 13
Build your illustration by starting with the clouds, then bubbles, then the leaves.
13.現在雲,露珠,葉子都已經繪製好了。
Step 14
Make a line of circles and group them.
14.繪製一排圓,然後把它們編為一組(Ctrl+G)。
Step 15
Apply a 3D Extrude & Bevel with the settings shown below.
15.應用3D凸出和斜角,設定如下。
By clicking twice in the transparency panel, you’re going to make an opacity mask and the cylinders will disappear.
在透明度調板上點選2次,你就可以建立不透明面板了,此時圓柱隱藏。
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).
+點選不透明面板你就可以編輯修改它了,繪製一個矩形,應用灰到黑漸變(黑色使物件隱藏,白色使物件顯示)。
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.像之前一樣重複操作,但使用尖的形狀的不透明面板如下圖所示。這次不透明面板如圖所示。
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.
尾聲
現在你完成了繪製,得到了一個柔和的自然的景觀向量圖。如果你想把它用於雜誌的封面,只要簡簡單單地新增一些文字就可以拿去印刷了。我希望你會喜歡它。
- 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/p3krz.html