Skip to main content
Dan Rodney/2 min read

Logotype & Symbol

Build a Logo

1

Sketch First

Pen and paper before pixels — work out the concept.

2

Build with Shapes

Geometric primitives + Pathfinder for clean construction.

3

Refine the Curves

Pen tool with smooth handles for natural curves.

4

Test at Small Sizes

Scale to 16px favicon size — does it still read?

Master Illustrator at Noble Desktop

Noble Desktop's Illustrator Bootcamp teaches the Pen tool, vector drawing, and pro illustration.

Learn how to enhance an imperfect scanned logo using Illustrator in this tutorial, bringing crispness and precision to your graphic design work.

Topics Covered in This Illustrator Tutorial:

Recreating a Logo Graphic & Text, Drawing from a Scanned Template

Exercise Preview

at&t art

Exercise Overview

You are being supplied with a grayscale Photoshop file made from a scan of an older AT&T logo. Unfortunately that scan is not perfect, because the original, as happens so often in these cases, was not perfect either. You’ll recreate the logo in Illustrator to make a better, crisper version.

Getting Set up

  1. Go to File > Open and from the Illustrator Class folder choose the Photoshop file logotemplate.psd. The logo scan will open as an already placed piece of art on your Illustrator page.

  2. In order to trace this, you will want to keep this scan on its own layer as a dimmed image. To do this, go to the Layers panel and to the right of the layer’s name, double–click on the current logotemplate layer (do NOT click the layer name). Check on Template and next to Dim Images to, type 30%.

  3. Click OK.

  4. Create a new layer by clicking on the Create New Layer button new button at the bottom of the panel.

Recreating the Logo

  1. Read this whole step before starting to work! Recreate the logotype and symbol you see with the placed image as your guide. If needed, refer to the original logo at the top of this page. Remember that the placed image may not be perfect. Sometimes you have to smooth out a few rough edges.

    As you think about recreating this logo, keep a few things in mind. Are there consistent elements that repeat themselves? Will you draw each black element, or each white element? Is the Logotype in a font on your system? Or is it a typeface that has been customized?

    A Couple of Hints and Strategies:

    • You are best off creating a black circle, then removing the white areas. Maybe the Pathfinder could help with that…
    • If you can’t find a font that closely matches the type, you may need to trace it with the Pen tool pen tool. Remember that you can convert type into Outlines (in the Type menu) so you can modify it if necessary.
  2. When you are finished:
    • Save the file.
    • Print the final product.
    • Inspect and modify it if it’s not perfect.