Favorites
Comments
Share

Today we are going to learn how to do 3 Christmas badges with Adobe Illustrator. We will make it with various vector shapes and with a retro look. A very functional design and useful to communicate. Are you ready? Let’s go!

1. Prepare the new document

The first step is to create a new document on Adobe Illustrator (File>New) with this parameters:

  • Dimensions: 800x600px
  • Color mode: RGB
  • Resolutions: 72ppp
1

2. Choose the color palette

Determine the color we are going to use. Create a folder in the swatch panel. Go to Panel>Swatch>New color group with the swatches selected.

2

3. Create the background

Start by creating a cream color background with the Rectangle tool that covers the whole artboard. We make sure that it’s aligned with the artboard using the Align panel.

3-1a

3-1b

4. Determine the badges shapes

In this occasion, we are going to do three round Christmas badges, se we star doing three white ellipses. Center them with the artboard.

4

5. Create the ribbons

The ribbons are meant to help with the communication and aesthetic of the badges. We will create one for each badge and later on we will add a text on top.

5

*Tip*

To create an arc from the rectangle, we will use the option Effects>Warp>Arc

5-0consejo-a
5-0consejo-b

Step 1

We will make the basci struccture of the ribbons with three rectangles with a fill color in read and a stroke color brown.  We give the stroke a 3pt width.

5-1

Step 2

We make the ribbons endings. We do this adding an anchor point centered on the vertical line with the tool Add anchor point.

5-2

Step 3

With the Direct selection tool we will select the anchor points we have just created and drag them inside the ribbon, and that’s how you get the endings.

5-3

6. Add text

//The fonts used in this tutorial were downloaded for free at fontsquirrel.com//

Step 1

Add the label text. The type used is Arvo, and we will use a brown color.

6-1

*Tip*

To create a text with different shapes we will use the Type on a Path Tool. This tool will be really helpful to adapt the text to the badge.

6-1consejo

7. Add text on top of the ribbons

We repeat the same thing we did on the previous step, using Type on a Path Tool on the curved ribbons. Once again I’m using Arvo, but this time in white.

7

8. Add a custom text

For this part we will use another type and we will play around with it to add more attractive and personality to our badges.

8

Step 1

We will start writing the words with the type Open Sans Bold. Apply color (red, green and yellow). Expand to convert the text in to a shape.

8-1a
8-1b

Step 2

Duplicate the words on top (CTRL+C CTRL+F) and we move the one that’s underneath a little bit down and we darken it a bit. To the one on top we apply Object>Path>Offset Path. This way we add depth and three-dimensionality to our letters.

8-2a

8-2b
8-2c

Step 3

We add the text that’s left using the type England hand and Arvo.

8-3

9. Adding Christmas elements

Let’s make our images more attractive. To keep and unified look, we will use a 3 point brown stroke (the same as we used for the text and ribbons)

9

Step 1- The reindeer

We start with and ellipse. Modify the anchor points to create the face shape. We make the same thing with the ears and we go to Pathfinder>Unite

9-1a

We create the horns with the Pen Tool. 6pt stroke width and rounded caps, expand to make it a shape and again: Pathfinder>Unite. We finish the nose and eyes with the Pen Tool. Finally we apply color with Object>Live paint>Create

9-1b

9-1c
9-1d

Step 2- The branch

We start again with the ellipse. Modify the anchor point to give it a leave shape and we duplicate that shape as many times we need (CTRL+C CTRL+V). We make the branch with the Pen tool, apply color Object>Live paint.

9-2

Step 3- The candy cane

We make the struccture with the Pen tool. We give it a 20pt width stroke and expand the object. Apply the details with the Pen Tool. Stroke width 3pt and we finish by adding the color with Live paint.

9-3

Step 4- The bow

We make the struccture with basic geometric shapes, rounded caps and add final detail with thePen tool. Apply color.

9-4

Step 5 - The mistletoe

Repeat the previous steps: Ellips, Pen tool and Live paint.

9-5

Step 6

Once we’ve got all the elements, distribute them on each badge and add fina details. It’s important to have everything expanded (Object>Expand), make every text a shape, every stroke a fill and finally group (Object>Group) to use the badges as you wish.

9-6

And we are done! Merry Christmas everyone!

Help us to improve tutpad

What is your opinion about this tutorial?

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip French Spanish happy neutral-happy neutral neutral-sad sad