It’s that time of year again! Although it’s December, we feel warm surrounded by presents, pumpkin pies and Christmas cards. But why buying generic cards when you can use your very own ones, with your very own design on them. Or make an illustration and give it as a present. In this tutorial I will show you how to create your personalized holiday illustration.
1. Draw a sketch
Create a new document. Set the width to 1000 pixels and the height to 1200 pixels.
For this task, we will need to use the rulers and make a central vertical guide line which will divide the artboard in two equal pieces. We will draw the sketch mostly on the left side.
Draw the sketch using your pen tablet. Use a very light shade of grey. In case you don’t have one, try to do it on a sheet of paper. Scan it and import it here. I drew a snowman’s head with a holiday greeting message in the center, and on the left side I did some details floating around (a Christmas tree, a present, some candy canes, a few stars and lights and some floral branches.
If you too draw the sketch using a tablet* – rasterize it (Object>Rasterize). In the dialog box just click OK. Select and lock (Control + 2) the rasterized drawing. Keep it locked until you are done tracing.
*In case you are importing your scanned handmade sketch, just lock the layer (Control+2).
2. Define a color palette
The color palette dictates the emotion we get from the design when we look at it.So if we want to achieve a holiday festive feeling, we should use the obvious red and green combowhich reminds us of Christmas. Then we can go for Ivory white, dark blue and dark yellow.
3. Start tracing the sketch
To build our illustrated elements, we will use mostly the Pen Tool (P). It might be difficult to adjust to it at first, but once you get used to it, you can do amazing designs and illustrations.
We will trace the drawing object by object and I will guide you throughout the process.
Step 1 – Snowman
We can start tracing the bigger objects first. In our case that’s the snowman’s head.
Start with the head and hat as the bigger portions of the sketch, then move to the details like the eyes and the mouth. Once you are done, you can use the colors from our palette to color the snowman character. Use the red and green for the hat and the ivory white for the face.
Step 2 – Candy canes
Trace the cane shape first (2). Then make four stripes over it as a new shape(3). Copy the cane and paste it in front of the striped shape. Select the newly pasted shape and the striped shaped and use the Intersect command from the Pathfinder’s panel. This will give us the final candy stripes that we need (5). Then, color the cane in red and the stripes in ivory (6). Duplicate the cane (7). Use inverted palette for the second cane, white cane and red stripes (8). Flip the second cane horizontallyand position it over the first one, so they can form an X shaped formation (9).
Step 3 – Branches
Tracing the branches might seem complicated, but you just need patience while tracing the leaves. Ultimately, you can trace just one and then multiply and arrange it over the sketch. Color the branch red and the leafs in ivory.
Use the same method when tracing the other two branches and color them in inverted palette – ivory for the branch, red for the leaves.
Step 4 – Stars
This should be easy. All you need is to draw one spindle like shape. Then multiply it and rotate it so you can easily get a star shaped object. You can resize some of its parts in order to get a more elegant shape.
Step 5 – Present
First we will do the largest part – the box. Then we’ll move on to the ribbons. You don’t need the pathfinder tool here, try to make them by just using the pen tool instead. When we use the pen tool without trying to be very precise we get a relaxed drawing, which seems more natural. Color the box in green and the ribbons in red.
Step 6 – Fir tree
The first tree has curved branches so it might be a bit difficult to be done, but as I said – don’t try too hard tracing the exact lines. After the branches, trace the trunk. Color the tree green and the trunk in red.
Step 7 – Holly
Just like the tree, the holly plant has some curves, which shouldn’t be hard to make. When you are done, color the leaves green and the fruit red. Once you color them, add some small details on the leaves (4).
Step 8 – Details
So we have these details to fill the negative space between the bigger objects .A couple of light bulbs, stars and a heart. After tracing, color them as in the example below.
Step 9 – Typography
Ok, time to get serious. But don’t be afraid, tracing text is a rather long than a hard process. We can start with the word “Happy”. Trace letter by letter and don’t sweat if you don’t go by the line – that will result with an even more natural feel to the typography. Also trace the inner lines. When you are done, color the text in ivory white.
Resume with the rest of the text. The word “Holidays” is next up so use the same tracing method as you used on the previous word. You might need some patience but the result will be amazing. Once you are done, color it in ivory white.
After we are done with tracing and coloring, we can move on to composing the design. Of course we have our sketch to guide us, so have no fear.
Step 1 – Background
Make a rectangle shape with the size of our artboard – 1000 pixels wide and 1200 pixelshigh. Color it dark blue.
Step 2 – Composing the illustration
Find a central spot for the snowman’s head. He will be the central figure in our illustration. Beneath him, add the text message we have – Happy Holidays.
From this point on, we will add our traced objects on the left side of the design and few on the central vertical. So add the floral branches and the candy canes on the left. Add the holly and the star centrally. We are adding the bigger objects first.
Resume adding the rest of the objects. Place the pine tree, the present, the heart and the light bulbs. Keep working on the left side of the design.
In order to fill up some gaps in the design, we will add some smaller objects to it. Draw some plain drop shapes and circles and color them in ivory white. Position them where you see bigger blank spaces. Add some of the previously designed stars.
Draw a few more circles in different sizes. Color them in ivory and scatter them around the left side of the design. Fill the empty spaces.
Select all of the objects on the left side. This excludes the central snowman’s head, text, candy canes and stars. You can include one central object though, for orientation purposes later. I included the holly at the bottom of the design.
After you have selected the objects, group them (Control + G). Duplicate the group. Then, right click on them and go to Transform>Reflect. From the dialog box, choose the Vertical axis and click OK.
After you have reflected horizontally the whole group, try to adjust it on the right side of the design. Use the holly on the bottom as a guide. You’re done when it overlaps the holly from the left side.
When you adjust and balance the two groups, ungroup the objects delete one of the hollies at the bottom and you are officially done! Congrats! This holiday design looks well balanced and in perfect symmetry.
In case you are wondering how the design will function when used as a poster, a greeting card or whatever you wish it to be, you can always make a mockup in Adobe Photoshop. I was wondering how it would look like as a framed poster so I used this Freepik poster template, but you can try it with anything you wish – from wrapping paper to t-shirts.
Download this mockup for free in Freepik: