Learn how to recreate logos with our step-by-step Illustrator tutorial, covering topics such as placing templates, converting text to outlines, and subtracting from a shape area using the Pathfinder tool.
This exercise is excerpted from Noble Desktop’s past Adobe Illustrator training materials and is compatible with Illustrator updates through 2020. To learn current skills in Illustrator, check out our Illustrator Bootcamp and graphic design classes in NYC and live online.
Topics covered in this Illustrator tutorial:
Placing templates, Converting text to outlines, Subtracting from a shape area (Pathfinder)
Exercise Preview
Exercise Overview
You’ll get more practice creating logos as you recreate the above logo from a bitmapped Photoshop file.
Setting Up the File & Importing the Logo Template
- Go to File > New to create a new document.
- At the top of the dialog that opens, click on the Print tab.
- Double–click the Letter preset.
- Go to File > Place.
- From the Illustrator Class folder, choose polartemplate.psd, BUT check the Template option before clicking Place.
- You’ll see that the placed art in your file is already dimmed for you. If it’s too dark or too light for your taste, in the Layers panel, you can double–click the Template layer and change the Dim amount.
Recreating the Logo
-
Recreate the logo you see with the template as your guide. You will create type that is approximately the size and font of the logo. Keep the following in mind:
- In this case, you should try Futura Extra Bold Oblique or experiment with different fonts you have installed on your computer to find a similar font.
- You may have to shear the type to get the proper slope.
- Once you have approximated the logo with the type, create outlines (Type > Create Outlines) so that you can work on each letter individually.
-
Use the Direct Selection tool
and the cursor keys to modify the anchor points of each outline to the letter form it is based on.TIP: Remember that you can change the Keyboard Increment as follows:
Mac: Illustrator > Preferences > General Windows: Edit > Preferences > General - Once you have created the letter forms, place white boxes across the letters to create the stripes.
- Don’t forget to subtract the white boxes from the type by using the Pathfinder panel’s Minus Front command
. That’s important so you will be able see through those stripes when the logo is placed on a background other than white. - Save the file as yourname-Company Logo.ai.
In the dialog that appears, leave the default options checked and click OK.
