Wednesday, May 18, 2011

Creating a vintage logo in Illustrator (Wrap Around Text with Illustrator)


Follow along step by step in this tutorial to create a black and white vintage inspired logo in Illustrator. You’ll learn the masking technique, text on a path, as well as a few others. Who knows, maybe at the end we’ll finish it off with a little bit of color.
Here’s what we’ll be making. Let’s start the Press…
 
Grab the star tool and drag it to your desired size. As you’re dragging the star to the size you want you can adjust the height of the points by holding down the Command Key. Then press the Up Arrow and Down Arrow key to add and remove points from the star.
Remember, as your going through each of these steps make sure you make a separate layer for every object you’re making so that you can easily go back and edit it.

Select your object then go under Object->Path->Offset Path… and input
-6px in the Offset box. This creates a duplicate of the object 6px smaller, and positions it directly on top.

Now add a white 3px stroke to the offset image.

Using the Ellipse Tool draw the center circle. Then we want to make sure all our objects are equally centered. So select all your objects and go to the Align box and under Align Objects click on Horizontal Align Center then Vertical Align Center.

Select the center circle we just drew and again go under Object->Path->Offset Path… and input 7px in the Offset box. Fill this circle with none and a stroke of white. Now to create those tiny circles, bring up the Stroke Box and input everything you see.

Now let’s create the text wrap. Select the center circle and go under Object->Path->Offset Path… and input 16px in the Offset box. Fill this to none and give it a white stroke. This will be our path for the text to wrap around. Grab your Text on a Path Tool and click on the path you’ve just created. Then type in the Healthy Cooking Recipes text. Now you can rotate the text on the path by moving it around with the handle that appears.

To create the bottom text wrap select the text you just created with the Type Tool then go under Edit->Copy then again under Edit->Paste in Place. Now grab the handle that appears and rotate the text to the bottom so you can see it. Now click Type->Type on a Path->Type on a Path Options… and in the box input what you see. Then replace the duplicated text with Austin Braaten. Now grab the handle and rotate the text so that it’s centered on the bottom. Then finish the text portion off by typing in the Est. 2004.

Now for the checkered pattern. Draw a vertical bar and fill it with a light shade of gray. Then duplicate that across for a total of 6 bars. Group those then copy and paste the next layer of bars on top of the previous ones. Rotate them horizontally and under your transparency menu click the drop down button to Multiply. This will make the pattern darker where they intersect.

Place the checkered pattern and the clip art image of the chef (or another image you have) in the center of the white circle. Then in your layers palette move the white circle layer to the top because that will be our clipping mask, and the other two layers will be underneath that.

Now select the Center Circle layer as well as the Pattern layer and the Girl Silo layer, then go under Object->Clipping Mask->Make. Voilá! Your pattern and clip art image is cropped inside the circle. For the finishing touch type in The Savvy Chef at the bottom using the Lobster font.

What the heck, I’m getting inspired! Let’s make a two-color version. I’m thinkin’ of purple and orange. Select all the black elements and change them to purple (#6600ff) and select the pattern as well as the white elements and make them a light orange (#ffcc66). What do you think? : )

No comments:

Post a Comment