How to create Christmas badges in Adobe Illustrator

6
  • Tut

    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!

  • About

    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!

  • Comments

Related Tuts

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 next notification pause paypal pencil phone pinterest play 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
shopping cart