
In this tutorial you will learn how to use the Mesh Tool in Adobe Illustrator to create a vector Christmas background with a pile of gift boxes!
If you want to skip the tutorial and just use these presents along with some other awesome elements in your work, you can purchase Christmas Gift Boxes in Snow from GraphicRiver!

1. How to Draw the First Present
Step 1
For our very first step, grab a red (#B33029
) rectangle.
Proceed to Effects > Warp > Arc and apply the effect with the following settings:
- Bend -28%
- Horizontal 0%
- Vertical 0%

Step 2
Go to Object > Expand Appearance, and modify the shape by bringing its edges up a bit.
Let's begin using Mesh! Grab the Mesh Tool (U) and create a Mesh Grid like the one in the screenshot below by clicking where the nodes are supposed to be.
Once your Mesh Grid is done, begin coloring it by selecting the indicated column of nodes with the Mesh Tool (U) and changing their color to #F9E5D5
.
Continue by coloring the nodes selected in the screenshot below with #D04640
.
Finally, color the six nodes on the left edge of the shape with #941F17
.

Step 3
Draw the lid of the box using the same technique and these colors:
#D24741
#D45458
#FFE0D0

Step 4
Create the bottom side of the gift box using the Mesh Tool and the following colors:
- -
#B12E27
#FFEFDE
#DD544E
#941F17
#EF8A7E

Step 5
Assemble the box out of the three parts we made!

Step 6
Let's move on to creating the bow!
Create the first element with Mesh and these colors:
#AE2C26
- -
#871910
#3E0600

Step 7
Create the second element.
#8F1D15
#FAB7A8
#721107
#150100

Step 8
Put both elements together to create the first piece of the bow.

Step 9
Create another bottom part of the bow with Mesh.
#AB2C25
#7A150B
#120100

Step 10
Create the accompanying top part.
#A0241E
#D74F48
#FADCCC
#80170D
#190200

Step 11
Again, put the last two parts together.

Step 12
Draw the first half of piece number 3.
#B9352E
- -
#FFF7E6

Step 13
Draw another part.
#C13C36
- -
#480700

Step 14
Put together the third piece.

Step 15
Draw another part of the bow.
#C7413B
- -
#691108

Step 16
Draw this part out of two shapes, both colored with #C7413B
.
#C7413B
#FFF7E6
#4F0800

Step 17
Join our final two parts together!

Step 18
Now put together the left half of the bow, as indicated by the numbers.

Step 19
Go to Object > Transform > Reflect, choose the Vertical option, and press Copy to complete the bow.

Step 20
Draw a #100000
filled ellipse to serve as a shadow for the base of the bow.

Step 21
Place it onto the base.

Step 22
Add the bow on top of the gift box we drew earlier.

Step 23
Draw an ellipse filled with a Radial Gradient (#58342D
to white) to create another shadow. Use the Multiply transparency mode.

Step 24
Add shadows on the base of the bow and under the box.

Step 25
Let's create a new color variant of this box!
Proceed to Edit > Edit Colors > Convert to Greyscale.

Step 26
Go to Edit > Edit Colors > Adjust Colors and tweak the Black in the box by -14%.

Step 27
Finally, return to Edit > Edit Colors > Adjust Colors, only now choosing the RGB mode.
Tick Convert on the top of the window, and set the following parameters:
- Red: -33%
- Green: -9%
- Blue: -9%

2. How to Draw the Second Present
Step 1
Draw the left side of the second gift box's lid with Mesh.
#D3CFB4
#ABA485
#817756
#F7F5DF

Step 2
Draw the right part of the lid.
#E8E5CD
#C5BFA4
#F7F5DF

Step 3
Draw the left side of the box.
#9E9676
#695F3E
#796F4D
#E8E3CD

Step 4
Draw the right side of the box.
#CDC8AC
#695F3E
#796F4D
#E8E3CD

Step 5
Draw the lid.
#F2F1DB
#CFCAB0
#E9E6CF

Step 6
Put together the second box.

Step 7
Recolor a copy of the box with Edit > Edit Colors > Adjust Colors and these settings:
- Red: -60%
- Green: -37%
- Blue: -12%

Step 8
Create another green box out of a copy with Edit > Edit Colors > Adjust Colors:
- Red: -45%
- Green: -36%
- Blue: -34%

Step 9
Begin drawing the cyan bow.
#3B7F92
#9DD9CA
#113C33
#236072

Step 10
Draw the second element.
#3B7F92
#A0DBCD
#0E3533
#489397
#285F64

Step 11
Draw the next part.
#1A4F63
#05210B

Step 12
Create the next element.
#1E556C
#89CDC4
#27678B
#154549
#53A1AD

Step 13
#1D5268
#7FC4BE
#28698C
#112F3F

Step 14
Draw the final part of the bow.
#28667A
#5299A7
#0D3A3F
#66B9C4

Step 15
Create a shadow for the bow by filling an ellipse with a #0B3330
to white Radial Gradient and Multiply transparency.

Step 16
Add all the parts together.

Step 17
Let's begin drawing the ribbon for the bow!
#286372
#79C5CD
#61A9B6
#0F2A30

Step 18
Draw the top part of the ribbon.
#3C8395
#153538
#59A3B0

Step 19
Join these two together!

Step 20
Create another element.
#2C6779
#144349
#5EAABA
#93D8DB

Step 21
Draw the last section of the ribbon.
#5EAABA
#16454C

Step 22
Draw a pattern for the box.
Use two circles with a #408696
Stroke, which you would then Expand. Create a couple of different versions.

Step 23
Create a rectangular pattern out of the circles.

Step 24
Create two copies of the pattern.
Go to Effect > Distort & Transform > Free Distort and create a pattern for the side of the box.

Step 25
Grab the second copy and through Effect > Distort & Transform > Free Distort, create a pattern for the lid.
Step 26
Apply the pattern and the bow with the ribbon to the box.

Step 27
Grab a copy of the pattern, and set it to Multiply and 60% Opacity before applying it to the blue box.

Step 28
Take another pattern, this time with Screen and 60% Opacity, for the green box.

Step 29
Recolor the bow and the pattern with Edit > Edit Colors > Adjust Colors:
- Red: 45%
- Green: -47%
- Blue: -41%

Step 30
Arrange the boxes we made into a pile.

3. How to Draw the Third Present
Step 1
Begin drawing the third box.
#778C80
#B6CCBC
#363E2A
#353C28
#5B6B5B

Step 2
Draw the lid.
#B2CDBF
#FEF9E7
#95B0A7

Step 3
Draw the side of the lid.
#8EA59B
#EDEFDE
#708477
#A1BCB3
#515F4F

Step 4
Assemble the gift box.

Step 5
Begin drawing a bow.
#90A29A
#102114
#C8D8C2
#637568

Step 6
Draw the second part.
#55675F
#DBEAD4
#798E87
#D4352C

Step 7
Draw another element with mesh.
#95A79F
#ECFCDF
#091B0F

Step 8
#8FA299
#516156
#CDDECD

Step 9
#A7BAB3
#E9FCDD
#75867C
#112216

Step 10
#112317
#53655C

Step 11
#7C9884
#E5EDE3
#224029

Step 12
Draw the eighth element:
#223B29
#46614F
and the final part.
#37513E
#0E2312
#893398

Step 13
Assemble the bow!

Step 14
Place the bow onto the box.

Step 15
Recolor a copy of the present into blue by using Edit > Edit Colors > Adjust Colors:
- Red: -18%
- Green: -7%
- Blue: 15%

Step 16
Apply Edit > Edit Colors > Saturate with -35% Intensity to get a light blue box.

Step 17
Add these boxes and the boxes made in the first section to the group.

4. How to Draw the Background
Step 1
Draw the background with Mesh:
#6C9F99
#C4D7CA
#99C0B8
#D7E2D2
#3F7D79

Step 2
Add a drawing of snow.
#EFF4E4
#D1E0D5

Step 3
Combine the two.

Step 4
Place the group of presents on the snow.
Next, draw a rectangle and put it on top of the image. The rectangle should "frame" everything you want to keep in the picture.
Select all the elements, right-click, and choose Make Clipping Mask.

Step 5
To create some falling snow, refer to my older Christmas tutorial! Give it 60% Opacity.

Step 6
Our picture is finished!

Awesome Work, You're Now Done!
What now? You can try any of my other tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original vector we recreated in this tutorial.
I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!
