Favorites
Comments
Share

Today we're going to learn how to create three retro style labels using the Adobe Illustrator. We'll do this by using simple vector forms with a vintage look. This kind of design has really become quite trendy and has a wide range of uses. Are you ready? Let’s go!!

1. Create and prepare the new document

The first step is to create a new document in Illustrator (File > New) with the following values:

  • Dimensions: 800x600 pixels
  • Color mode: RGB
  • Resolution: 72 ppi

Activate the “Align new objects to pixel grid” option

1

2. Create shapes for the labels

STEP 1

Let’s start by creating three basic geometric shapes: a triangle, a circle and a square. These are the shapes we'll be using to make our lovely labels.

2-1

STEP 2

Create a second stroke surrounding each geometric shape, make this stroke twice as thick as the first one and give it a white fill color.

2-2

STEP 3

Generate a Move on these shapes, with a white fill color. This will be very useful as we'll be moving other objects later on, and this will result in great strength and depth for our finished labels. To Move the objects, first select them and then go to Object > Stroke > Move.

2-3a
2-3b
2-3c

3. Create a ribbon for each label

STEP 1

Ribbons, or banners, will make your labels visually attractive and engaging. Make one for each label; later on we'll fill them in with a text to make them stand out.

3-1

*Hint*

To give a rectangle an arched shape use the following tool: Effect > Warp.

3-consejo-a
3-consejo-b

STEP 2

Now let’s create the ribbon ends. We'll do this by adding a node to the vertical center of each ribbon end. Do this by using the > Add Anchor Point Tool.

3-2

STEP 3

Use the > Direct Selection Tool to select the nodes and drag them towards the center of the ribbon to create this cool effect. Repeat the process with each end of your three ribbons.

3-3

STEP 4

Make another Move but this time only on the area of each ribbon where we want to add text.

3-4

4. Create vintage elements

To create each of these elements we'll be using two basic tools: the Pen Tool and the Pathfinder Tool. We'll combine the two kinds of thicknesses we previously used for the stroke.

4-0a
4-0b

Each part of the process for creating an element will be explained in detail so that it’s easier to learn. In this case we'll explain how to create the diamond for the circle shaped label.

STEP 1

Start with a rectangular element onto which we'll add a node using the > Add Anchor Point Tool and drag downwards. Now give the element some shape starting from the nodes with the > Direct Selection Tool.

4-1

STEP 2

Add straight lines to give the diamond some shape, working with the two stroke thicknesses. Do this using the  Pen Tool.

4-2

5. Add and integrate text

//The fonts used for this tutorial can be downloaded for free from the fontsquirrel website. The fonts used are Arvo and Ostrich Sans//

STEP 1

Add text, adapt them to the ribbons or integrate them into the label’s composition.

5-1

*Hint*

To create texts on different shapes, use the > Type On a Path tool. This is a very useful tool that we'll need to adapt the text to the circle and square shaped labels which we'll demonstrate in this tutorial.

5-0consejo

In this case, the text will be shaped into circular elements.

STEP 2

It's also useful to add decorative elements that match the style of the label. We'll be doing this using the Pen Tool with the same stroke as we used for the other objects. This will give your designs the added bonus of great personality and strength.

5-2

*Note*

Seeing as we previously explained how to create the integrated elements in the circle shaped label in detail, we'll now explain the decorative elements for the same label so as to avoid confusion.

5-3anexo
5-4anexo

Create one vertical and two diagonal lines using the > Pen Tool. Now change the stroke’s profile so that it ends in a point.

6. Group and expand the elements

STEP 1

Once you've finished the label, group it by going to Object > Group (ctrl + G). Now expand it to convert the text and lines into a stroke and change its appearance by going to Object > Expand (ctrl + Q).

6-1a
6-1b

STEP 2

Select the expanded label and using the Pathfinder tool, choose the Combine option.

6-2a
6-2b

7. Create a vintage style background

STEP 1

Use the rectangle tool to create a shape the same size as the Artboard, center it vertically and horizontally.

STEP 2

Give the fill a radial gradient. Do this by going to the Gradient panel. You'll see a black and white gradient, leave the opacity of the white at 0%.

7-2

STEP 3

Without deselecting the gradient, give it a layer style using Window > Transparency, choose the Multiply option and decrease the opacity to around 5 - 10%.

7-3

STEP 4

Give the gradient an effect by going to Effect > Pixelate > Pointillize. Set the cell size to around 3.

7-4a
7-4b

And we’re done! So here you have some very cool and attractive vintage style labels which can be used for so many different designs. Don’t forget that you can use any colors you want giving each design a modern and personal touch.

8

Help us to improve tutpad

What's your opinion of 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 premium spinner cookie credit-card