Find Geometry in Your Lettering Sketches

In This Lesson...

  • Geometry is everywhere!
  • How finding geometry in your lettering sketches benefits your ability to create clean letters and fast vectors in Adobe Illustrator
  • A step by step guide for using basic Illustrator tools to find geometry in your lettering sketches

Letters Love Geometry

When it comes to tracing vector letters in Adobe Illustrator, there's one guiding principle that I find extremely useful. GEOMETRY! Don't be alarmed. I'm not a math teacher, and we won't be diving into complex terminology or formulas. I've developed a pretty simple approach to help with finding geometry in your lettering sketches, but before I explain further, there are a few helpful points worth noting:

  1. Geometry is everywhere! Even if you tanked Proofs & Theorems in school, your experience living as a human in a 3-dimensional world has prepared you to intuitively find geometry in your lettering sketches.
  2. Letters love geometry. They're inseparable, and there's nothing you can do to keep them apart.
  3. Your lettering sketches, whether highly structured or super flowy and organic, are packed with geometry.
  4. Building clean, consistent vector letters in Illustrator relies heavily on the use of simple geometric shapes and principles.

Geometry? Why?

At this point, you may be wondering, "What's the point of finding geometry in my lettering sketches? And how does it help me make clean, beautiful vector letters in Adobe Illustrator?" Here are the benefits I've discovered:

  1. Consistency
    • When you know how to identify the basic shapes, proportions and angles that make up your lettering sketches, you don't have to give as much thought to the major construction elements of each letter. This leads to greater...
  2. Speed
    • For example, once you've established the stem angle and width for one letter, you can confidently apply it to other letters (or refer to its proportions if the letter sizes change throughout your design).
  3. Accuracy
    • Have you ever traced a serif with the 'Pen' tool and found that it didn't look right? I certainly have. This happens when your intuitive sense of geometry isn't partnered with a logical construction method. 
  4. Complexity
    • I believe that design complexity emerges from a strong grasp of basic fundamentals. Once you understand the 'bones' of your lettering, you'll begin to envision new and exciting opportunities to add meaningful detail to your work.

Step by Step

Below, you'll find my method for finding geometry in my lettering sketches. I've included a few GIFs to illustrate the process. Overall, it's incredibly simple. Here's what you do:

  1. Draw a letter in any style you wish.
    • Keep in mind that the less structured the letter, the more difficult it is to discover the geometry, but I assure you it's there.
  2. Place a scan or photo of the sketch in an Adobe Illustrator document.
  3. Turn the Opacity of the sketch down to 40%, and lock the layer it's on.
  4. Create a new layer above the sketch layer.
  5. Use one of three tools to find the geometry in your lettering:
    • Line Tool
    • Rectangle Tool
    • Ellipse Tool

Line Tool

The 'Line' tool is one of your greatest vector lettering allies. It's the first tool I use whenever I begin tracing because it helps me better understand similarities in the angles and proportions of my hand drawn letters.

Rectangle Tool

I use the 'Rectangle' tool to figure out letter thickness and create obvious parallels and perpendiculars. 

Ellipse Tool

I rely on the 'Ellipse' tool to plan seamless transitions between straight lines and flowing curves. It's especially useful when building serifs. 

Recap

The 'Pen' tool (and its famous bezier curves) will have its day on the Type Builder blog, but the beauty of working in Adobe Illustrator is the range of tools at your disposal. If you're new to vector tracing or simply want to improve the speed and accuracy with which you work, challenge yourself to look for the geometry in your lettering sketches. There's much to be achieved through the simplicity of a line, rectangle, or ellipse.


Welcome to Type Builder!

Intro_Header-Image_001.jpg

Origins

Four years ago, I discovered the work of a few designers who had dedicated their careers to the art of hand lettering, and I was so inspired that I decided to try it for myself. After a couple of months spent practicing with various pens and markers, I wondered if I could make a clean vector trace of my lettering in Adobe Illustrator. I gave it a try, but the results were embarrassingly bad:

  • The thickness of my letters was inconsistent.
  • I had noticeable flat spots on most of my curves.
  • And there were visible corners and kinks where I wanted smooth transitions.

Even worse, the trace didn't come close to resembling my original sketch. The whole process seemed clunky and slow, and I felt like it was pointless to try again. Luckily, I didn't quit. Instead, I decided to learn everything I could about tracing my sketches with vector paths in Illustrator. Over time, three things happened:

  1. I gradually developed my own approach to vector lettering.
  2. I found that I could tweak well known Illustrator techniques to help create beautiful letterforms.
  3. And I discovered that some practices are universal no matter what is being traced.

Now, four years later, I've decided it's time to share the lessons I've learned.

Why would I do that?

I've spent hundreds of hours digging through Adobe Illustrator tutorials and help forums. The amount of useful information on creating clean vector paths is astounding. If you're new to vector tracing, there are a ton of great resources available at the convenience of a Google search!

Because I've benefited so much from what other artists and designers have freely shared online, I think it's only fair that I continue the tradition.

Type Builder Basics

If there's one thing that I've always found frustrating about learning from online tutorials, it's the amount of information packed into them. Sometimes, the sheer density of a lesson can be overwhelming, especially with time in short supply and deadlines approaching.

With that in mind, I created Type Builder. Here's a quick breakdown of the Type Builder Basics:

  • What is Type Builder?
    • Type Builder is a place to find quick vector lettering tips for Adobe Illustrator.
  • Who is Type Builder for?
    • Type Builder is for anyone who wants to make beautiful, custom type in Illustrator.
  • Why should someone visit Type Builder?
    • Building vector letterforms can be tricky. Capturing the warmth and character of handdrawn lettering with clean vector paths is even trickier. Type Builder offers practical tips to help demystify the vector construction process.
  • When and where will Type Builder updates be made?
    • New posts will be added every Tuesday, and I'll also be posting reminders on my Instagram and LinkedIn profiles.
  • How can you get the most out of Type Builder?
    • Think of Type Builder as quick, compact lessons. Each lesson presents one important tip, trick, technique or tool that you can add to your vector lettering repertoire.

Getting Started

That's all you need to know to get started with Type Builder. I've got a lot of great lessons planned, so keep checking in over the coming weeks and months to learn more about how you can make clean letters and fast vectors!