How To Create Interlocking Letter Logos with Adobe Illustrator

How To Create Interlocking Letter Logos with Adobe Illustrator 800 470 Nick Saporito

In this tutorial I’ll be demonstrating how to create a logo where multiple letters intertwine with each other, using Adobe Illustrator. The letters will be interacting with each other in such a way that it appears as if they’re going over and under each other at key points. We’ll be making good use of the Offset Path feature as well as the Direct Selection tool to achieve this.

Learn How To Design Logos

If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.

The following is just a brief overview of the steps taken to achieve this effect. For complete step-by-step instructions please refer to the video tutorial at the top of the page.

Interlocking Letters Logo

The first thing we have to do is download the font used for this tutorial. You can download the Sebastien Slab Round font here, otherwise you can use whichever font you’d like.

First we’re going to use the Type tool to generate a couple of letters. For this tutorial I’ll be using the letters S and T. Then we’ll convert them to outlines, ungroup them, drop the opacity in half, and make them different colors so that we can differentiate them once we stack them on top of each other.

Step 1

Next we’re going to use the Direct Selection tool to manually alter the shape and size of various elements of the letters. This is to ensure that the letters don’t overlap each other in key areas. The adjustments you will make to your own letters will depend on the letters themselves and how they interact with each other.

150+ Logo Templates

Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.

Step 2

This is where the magic happens. Now we’re going to create offsets of each letter using the Offset Path feature in Illustrator to create thicker copies of each letter.

Step 3

We will then use these copies to create negative space within the opposite letter at key areas. The trick is to make it look like the letters are going both over and under each other at certain points. Here’s an illustration to indicate where the key areas are on each of these letters…

Step 4

Now we will use the Shape Builder tool to go ahead and manually create the negative space in each of these letters.

Step 5

As you can see, we are pretty much finished. All we have to do now is bring the opacity back up to 100% and color the letters however you’d like.

Finished logo

Finished letter logo, created with Illustrator

And that is how you can create an interlocking letter logo with Adobe Illustrator. If you have any questions simply leave a comment below. As always, thanks for watching!


Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Nick Saporito

Nick Saporito is a Philadelphia-based graphic designer who specializes in branding-specific design. A full portfolio and information regarding services offered can be found at LogosByNick.com.

All stories by: Nick Saporito

Leave a Reply

Your email address will not be published.