Logotype & Symbol: Free Illustrator Tutorial

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

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:

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.

Adobe Illustrator Bootcamp: Live & Hands-on, In NYC or Online, Learn From Experts, Free Retake, Small Class Sizes,  1-on-1 Bonus Training. Named a Top Bootcamp by Forbes, Fortune, & Time Out. Noble Desktop. Learn More.

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.

  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.
photo of Dan Rodney

Dan Rodney

Dan Rodney has been a designer and web developer for over 20 years. He creates coursework for Noble Desktop and teaches classes. In his spare time Dan also writes scripts for InDesign (Make Book JacketProper Fraction Pro, and more). Dan teaches just about anything web, video, or print related: HTML, CSS, JavaScript, Figma, Adobe XD, After Effects, Premiere Pro, Photoshop, Illustrator, InDesign, and more.

More articles by Dan Rodney

How to Learn Illustrator

Master Illustrator with hands-on training. Illustrator is an Adobe design application that uses vector graphics to create scalable images, including logos, icons, and fashion patterns.

Yelp Facebook LinkedIn YouTube Twitter Instagram