Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Deconstruction
Design

How to Create a Christmas Winter Background Design With Mesh in Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:
Final product image
What You'll Be Creating

In this simple tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a winter background!

If you want to skip the tutorial and just use this background in your work, you can purchase the Christmas Holiday Background from GraphicRiver!

Christmas Holiday Background

1. How to Draw the Houses and Trees

Step 1

Let's start off by drawing the house with Gradient Mesh.

Create a brown rectangle—the color is #A27A68.

Next, grab the Mesh Tool (U). Click to create nodes, which in turn create a Mesh Grid. When you have a thick enough mesh grid, grab the edges of the rectangle and move them to modify the shape as seen below.

Once you're done with the shaping, select the middle cluster of nodes (they are already colored differently in the screenshot) and color them with #B18E7C.

Next, select the nodes that are darker (they're selected below) and proceed to change their color to #7C5546.

Always make sure to select the nodes that are selected in each screenshot below and apply the corresponding color to them!

gradient mesh tutorial

Step 2

Draw snow for the roof using Mesh in Illustrator. Use these colors:

  1. #F0F3EE
  2. #C1C9C4
  3. #DBE2DD
snow mesh

Step 3

Draw another Mesh element.

  1. #F0F3EE
  2. #C1C9C4
  3. #DBE2DD
mesh winter house

Step 4

Draw a #4C311B object.

winter house

Step 5

Draw another wall for the house with Mesh in Illustrator.

  1. #A27A68
  2. #B18E7C
  3. #7C5546
mesh in illustrator

Step 6

Draw another snow Mesh item.

  1. #CCD4CF
  2. #F0F4EF
  3. #B0B9B3
snow shape tutorial

Step 7

Assemble the house out of the Mesh objects.

mesh house tutorial vector

Step 8

To create the windows, draw both the cutouts and the solid frame.

Next, place the cutouts on top of the base, select both, and use Exclude in the Pathfinder panel to create the window frame.

Color it with #DDD2CA.

pathfinder panel

Step 9

To add light to the windows, fill an ellipse with a Radial Gradient from white to #FFB500 to black.

Place it behind the frame, and set the gradient's Transparency Mode to Screen.

radial gradient

Step 10

Place the windows onto the house.

mesh house winter background design

Step 11

Draw another house. Use these colors:

  1. #A27A68
  2. #003036
  3. #7C5546
mesh in illustrator tutorial

Step 12

Place the windows and a modified roof onto the new house.

mesh house

Step 13

Draw one last house with Mesh in Illustrator.

  1. #A27A68
  2. #B18E7C
  3. #7C5546
mesh in illustrator house tutorial

Step 14

Add #DDD2CA windows using Pathfinder.

mesh house

Step 15

Create a village out of the houses.

winter village tutorial

Step 16

Make a pine tree with different shapes. Use these colors:

  • #36494B
  • #879F8D
  • #FFFBC9

Change the yellow shapes' transparency mode to Screen.

pine tree vector

Step 17

Make snow out of different-sized white dots. Set them to Screen with 60% Opacity.

snow vector

Step 18

Draw another tree using #465C5A and #5A7572.

pine tree vector

Step 19

Add one more layer of #B8C1BC trees. Place the other pine trees around the village.

winter background design pine trees

2. How to Draw the Winter Background

Step 1

Draw a Mesh backdrop for the winter background design.

Use these colors:

  1. #265760
  2. #E0DDBD
  3. #01253D
  4. #416C6F
  5. #A3B09E
  6. #CECCB1
mesh winter background design

Step 2

Add one more element to the background design by creating a snowdrift mesh.

  1. #E5F1F5
  2. #FFFFFF

Next, make the top edge of the shape completely transparent.

mesh snow hill

Step 3

Draw one more snowdrift.

  1. #E5F1F5
  2. #FCFEFE
  3. #C9D9DE
winter background design snow hills

Step 4

Place these snowdrifts together.

mesh snow hills

Step 5

Draw some smoke with Mesh in Illustrator.

  1. #141414
  2. #BDBDBD
  3. #383838
  4. #797979
mesh in illustrator smoke tutorial

Step 6

Draw another smoke shape.

  1. #060606
  2. #EEEEEE
  3. #535353
  4. #6C6C6C
mesh in illustrator

Step 7

Change both objects' transparencies to Screen.

screen transparency

Step 8

Create three variations of smoke groups.

smoke mesh in illustrator

Step 9

Put together the background design.

winter background design

Step 10

Add white snow.

snow background

Step 11

Add a Gradient highlight and some ground snow, which you can learn how to draw here:

highlights snow background

Step 12

Add the snow and the highlights.

winter background design

3. How to Draw the Banner

Step 1

Draw one part of the ribbon with Linear Gradient.

The colors, from left to right:

  • #771506
  • #ED2001
  • #B01A03
  • #B01A03
  • #ED2001
  • #771506
gradient ribbon

Step 2

Add another piece, using a Gradient in these colors:

  • #A3493E
  • #FFDED3
  • #C7857A
  • #B01A03
  • #ED2001
  • #771506
gradient ribbon

Step 3

Draw a ribbon in the colors of the first one.

  • #771506
  • #ED2001
  • #B01A03
  • #B01A03
  • #ED2001
  • #771506
gradient ribbon background design

Step 4

Add another pink piece.

  • #A3493E
  • #FFDED3
  • #C7857A
  • #B01A03
  • #ED2001
  • #771506
gradient ribbon

Step 5

Add the last red ribbon piece.

  • #771506
  • #ED2001
  • #B01A03
  • #B01A03
  • #ED2001
  • #771506
gradient ribbon

Step 6

Assemble the banner.

banner ribbon

Step 7

Place the banner on the bottom of the winter background design.

You can add your own text!

christmas winter background design

Awesome Work, You're Done!

What now? You can try any of my other Illustrator Mesh tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original winter background design we recreated in this tutorial.

I hope you enjoyed the tutorial, and I will be super happy to see any results in the comments below!

Christmas Holiday Background
Christmas Holiday Background

Check out some more winter background tutorials!


Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.