How to Draw Vanilla Flowers With Mesh in Adobe Illustrator
如何在Adobe Illustrator中使用網格繪製香草花
在本教程中,您將學習如何使用Adobe Illustrator中的網格工具創建一對矢量香草花!
日·3分鐘閱讀

In this tutorial you will learn how to use the Mesh Tool in Adobe Illustrator to create a beautiful set of vanilla flowers!
在本教程中,您將學習如何使用Adobe Illustrator中的網格工具來創建一組美麗的香草花!
If you want to skip the tutorial and just use this vector in your work, purchase Vanilla with Two Flowers from GraphicRiver!
如果您想跳過本教程,而只是在工作中使用此矢量,請從

1. How to Draw the Spice
1. 如何吸引男人
Step 1步驟1
Draw a brown rectangle, filling it with #2F1D12, and then using the Mesh Tool (U) to shape the object as shown below.
繪製一個棕色矩形,填充#2F1D12,然後使用網格工具(U)塑造對象,如下所示。
By clicking inside the object, create several rows of mesh. Color half of the nodes (rows) on the left side with #5C4A41, creating stripes.
通過在對象內部單擊,創建幾行網格。用#5C4A41為左側的一半節點(行)著色,創建條紋。
Finish the stripes by coloring the nodes on the right side with #6D5A52.
用#6D5A52在右側的節點上著色,完成條紋。

Step 2步驟2
Create a copy of the object and go to Effect > Warp > Arc. Input the following settings:
創建對象的複本並轉到效果>扭曲>弧。輸入以下設置:
- Bend: -14%
彎曲:-14% - Horizontal: -14%
水平:-14% - Vertical: -12%
垂直:-12%
Go to Object > Expand Appearance.
轉到對象>展開外觀。

Step 3步驟3
Create another copy of the object we made in Step 1 and apply Effect > Warp > Arc again. Input the following settings:
創建另一個我們在步驟1中創建的對象的複本,並再次應用效果>扭曲>弧。輸入以下設置:
- Bend: 11%
彎曲:11% - Horizontal: -22%
水平:-22% - Vertical: 9%
垂直:9%
Go to Object > Expand Appearance.
轉到對象>展開外觀。

Step 4步驟4
The vanilla spice is done!
香草香料做好了!

2. How to Draw the Flower
2. 如何畫花
Step 1步驟1
Bend a rectangle with mesh, and then color it as indicated in the screenshot below.
用網格彎曲一個矩形,然後按照下面的屏幕截圖所示為其著色。
#F1EFF0#E3DFDF#E4E2E2#F4F5F5#FFFFFF#F4F2F2#D3CAAE#E0D7C4#EFEDEF

Step 2步驟2
Color another petal.給另一片花瓣上色。
#E3DFDF#E5E5E5#CDBD96#DADBD7#E2DFD7#F7F9FD

Step 3步驟3
Draw the third petal.畫第三個花瓣。
#E6E5E4#F3F2F4#E9E8EA#E6E6E4#DEDCD8#DDCEBA

Step 4步驟4
Draw another petal.再畫一個花瓣。
#F0EEED#E6E1DE#F0F2EE#E3DBDA

Step 5步驟5
Add one more petal.再加一片花瓣。
#F0EEED#EFEFEA#E3DBDA#EEECE7

Step 6步驟6
Draw an element for the middle of the flower.
在花的中間畫一個元素。
#F0EBE5#FEFDFC#EEF0D5#EDE3BC#D0AD43#E3DBBA#DCD293#E3DBBA#E4DEBD#D6BC9B#DCC8AC#DFC77B


Step 7步驟7
Add one more element.再添加一個元素。
#E0D9BB#F0EEEE#E0CA85#CD9E68

Step 8步驟8
#F4F3F3#F1F2DD#EAE7E6

Step 9步驟9
Draw the final mesh element.
繪製最終網格元素。
#D09208#E3A500#CD8A03

Step 10步驟10
Draw two red ellipses: one #860000 and the second one #D22600. Place the darker ellipse into the bigger one, and then make the big ellipse transparent.
畫兩個紅色的橢圓:一個是#860000,另一個是#D22600。將較暗的橢圓放入較大的橢圓中,然後使大橢圓透明。

Step 11步驟11
Go to Object > Blend > Blend Options, choosing Specified Steps, 30.
轉到對象>混合>混合選項,選擇指定的步驟,30.
Select both ellipses and apply Object > Blend > Make.
選擇兩個橢圓並應用對象>混合>生成。

Step 12步驟12
Repeat Step 10, but with different colors: #D22600 and #D09208.
重複步驟10,但使用不同的顏色:#D22600和#D09208。

Step 13步驟13
Repeat Step 11.
重複步驟11。

Step 14步驟14
Place two copies of the darker blend on top of the lighter one, and then go to Effect > Warp > Arc.
將較暗混合的兩個複本放在較亮混合的頂部,然後轉到「效果>扭曲>弧形」。
- Bend: 18%
彎曲:18% - Horizontal: 32%
橫向:32% - Vertical: 1%
垂直:1%

Step 15步驟15
Place the blends on top of the element we made in Step 9.
將混合物放在我們在步驟9中製作的元素的頂部。

3. How to Complete the Flower
3. 如何完成花
Step 1步驟1
Assemble the middle of the flower.
把花的中間部分放在一起。

Step 2步驟2
If you'd like to apply texture to the petals of the flower, go ahead and learn how to get this texture in this previous tutorial. Go to Part 2 for the texture!
如果你想將紋理應用到花瓣上,請繼續學習如何在之前的教程中獲得此紋理。第二部分是紋理!
Make the texture white, and then draw an outline of the first petal we made. Place the outline on top of the texture, right-click, and select Make Clipping Mask.
使紋理為白色,然後畫出我們製作的第一個花瓣的輪廓。將輪廓放置在紋理的頂部,右鍵單擊,然後選擇「生成剪切蒙版」。
Change the Opacity of the object to 40% and Lighten, and then place it on top of the mesh petal.
將對象的不透明度更改為40%並變亮,然後將其放置在網格花瓣的頂部。

Step 3步驟3
Do the same thing for the second petal.
對第二個花瓣做同樣的事情。

Step 4步驟4
Continue with the third petal.
繼續第三片花瓣。

Step 5步驟5
Assemble the flower!把花集合起來!

Step 6步驟6
Finally, draw a shadow for the image. Fill an ellipse with Radial Gradient from #B7B6A3 to #FFFEFF.
最後,為圖像繪製陰影。用徑向漸變填充橢圓,從#B7B6A3到#FFFEFF。

Step 7步驟7
Change the object's Transparency to Multiply.
將對象的「透明度」更改為「相乘」。

Step 8步驟8
Place the shadows under the vanilla and the flowers!
把陰影放在香草和花朵下面!

Awesome Work, You're Now Done!
很棒的工作,你現在完成了!
Thank you for following along, and please feel welcome to post your result in the comments. I'll be looking forward to seeing it!
感謝您的沿著,請 歡迎在評論中發表你的結果。我會先容的教練 期待看到它!
In this tutorial, you learned how to create a pair of vanilla flowers using the Mesh Tool.
在本教程中,您學習了如何 使用網格工具創建一對香草花。
I hope you've enjoyed this tutorial and learned how to use some useful tools for the future! Check out some of my other vector tutorials on my instructor profile.
I 我希望你喜歡這個教程,並學會了如何使用一些有用的 未來的工具!在我的教師個人資料中查看我的其他一些矢量教程。
You can purchase this item as well as other similar designs in my portfolio on GraphicRiver.
您可以在

