In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a winter vector Christmas background!
If you want to skip the tutorial and just use this background with some other awesome elements, purchase the Winter Christmas Landscape with a Wooden Sign from GraphicRiver!
1. How to Create the Background
Step 1
Let's begin by using Mesh for a bit!
Start by drawing a rectangle and filling it with #9DC3C5 color. Next, create a Mesh grid for this shape by manually placing nodes with the Mesh Tool (U)!
Once your Mesh grid is done, begin coloring it by selecting the whole lower right corner of nodes (the light-blue ones) and changing their color to #DFE9E3.
Continue with this step by coloring the node selected in the third part of the screenshot below with #C4D9D7.
Next, color the top and right edge nodes (the ones selected) with #76A5AB and finish by coloring the two middle nodes on the left side with #BBD1CE.
Step 2
Let's draw a snow hill!
Fill a rectangle with #F1F7EC and create a fairly dense Mesh Grid (using the Mesh Tool (U).
Next, drag different Mesh nodes to create a curved grid like the one shown below. Finally, color the selected nodes with #CADBD8.
Step 3
Create another snow hill in a similar fashion—this one should be even simpler!
Use these colors:
#E8EFEB#FBFCF5-
#D6E5E4
Step 4
Now, simply overlay the two hills onto the background.
Step 5
For this step, you can either try to draw your own pine tree using the Pen Tool (P), use any other clip art, or refer to the attachment of this tutorial of mine to grab a ready outline of the tree!
In any case, recolor the tree with #C0CCCC and place several copies of it to create a background forest.
Step 6
You can add some snow to these trees by drawing two series of snow outlines, which you would then overlay on top of each other—the bigger one, #99AAAD, on the bottom and smaller one, #FDFAEB, on the top.
Step 7
If you chose to draw these trees, add them to the scenery.
Step 8
Now place the trees onto our background!
2. How to Draw the Santa Hat
Step 1
Draw the base of the Santa hat using Mesh, just as we did with the snow piles before.
Use #D52A45 for the base color, #882231 for the shadows in part two, and #B5263C for the wrinkles in the last part.
Step 2
Draw the second part of the hat using these:
#D82A45#A72538-
#B9263C
Step 3
Put the two parts together and Group (Control-G) them.
Step 4
Use the Wrinkle Tool (under the Width Tool in the Tools panel) with a rather small radius and 20% Intensity to roughen the edges of the hat a bit, making them fuzzy.
Step 5
Draw the rim for the hat.
#F1F1E4#E1E1D3#FAFAED-
#B4998C
Step 6
Use the Wrinkle Tool again.
Step 7
Draw the pom-pom!
#F0F1E4#D2D5C5#F3F3ED-
#CDAFA3
Step 8
Finish the pom-pom with the Wrinkle Tool.
Step 9
Add all the parts together!
3. How to Draw the Wooden Sign
Step 1
To create the texture, you will need to refer to Section 3 of my autumn leaves tutorial.
Your result should look like the wood on the left. Rotate the planks and space them out a bit, making the brown background more visible.
You can use your own texture as well!
Step 2
Change the color of the planks with Edit > Edit Colors > Adjust Colors and:
- Red: 1%
- Green: 6%
- Blue: 13%
Step 3
Draw a rectangle, applying a #5B565B to #0E0B0D Radial Gradient to it.
Change the Transparency to Overlay.
Step 4
Put the rectangle on top of the texture.
Step 5
Draw a decorative sign shape, and then place it on top of the texture. Select all elements and after right-clicking, choose Make Clipping Mask.
Step 6
Let's create a shadow! Create two shapes, one filled with #562B0B and another with #955A15.
Step 7
Change the smaller shape's Opacity to 0%.
Step 8
Go to Object > Blend > Blend Options and set it to Specified Steps, 30.
Next select both shapes and choose Object > Blend > Make, creating a nice shadow for our sign.
Step 9
"Cut" a frame out for the sign using a Clipping Mask.
Step 10
Add all the elements together and set the blend shadow's Transparency to Multiply.
Step 11
Draw a plank for the sign with Mesh!
#765B46#422E25#B9A392-
#1E0B04
Step 12
Draw a shadow for the hat by using Blend, as we did in Step 8.
The colors are #6D3B16 and #331C0A.
Step 13
Add the shadow under the hat.
Step 14
And add the hat to the sign!
Step 15
Draw a highlight using a Transparency mask (like the one in the last section of this tutorial) and change its Opacity to 80% and Transparency to Overlay.
Step 16
Add it on top of the sign.
Step 17
Draw different variants of snow, as shown below.
Step 18
Add snow to the sign!
Step 19
Finally, place the sign on the winter background! If you want to add falling snow, feel free to refer to this tutorial of mine.
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 will be super happy to see any results in the comments below!
Unlimited Downloads.
