How to Create a Logo with Circles in a Letter

How to Create a Logo with Circles in a Letter

In this tutorial we are going to talk about use of using circles within a letter as a form of logo designing. We’ll use the letter E as our base and create circles and offset them to create more circles. Generally, working with shapes and creating illusion can a challenge for some, but with a little insight, you'll find it a lot easier than you think. You may find additional inspiration by searching on Vlemonn.

Let’s get started!


Step 1

First, we create a new document (cmd+N or ctrl+N) in Adobe Illustrator with an artboard size of 800 x 600px

Step 2

Now use Type Tool (T) to add Capital letter E. Use any formal bold font for your logo. I stuck to Myriad Font as it is simple and basic

Then right click on the text and select the Create Outline option. This option converts text into an object. Once object, stretch it using mouse to increase the scale of the letter.

Step 3

Use the Ellipse Tool (L) from the tool panel, this function creates a circle on your artboard. Press and hold Shift while using this tool as it will result in a perfect circle. Place this circle in middle of the letter as shown below.

Step 4

To create more circles, select the circle in middle and then go to Object > Path > Offset Path. An offset panel will appear on your screen. Just set the distance between the circle and offset to be 15 px. Then hit okay and see a second circle appear on your screen.

Step 5

Repeat the previous step as many times as you like it. Just remember that the Letter should incorporate enough circles. The distance between each offset should e same.

Then select the circles, not the letter, then go to Object > Path > Outline Path. This function will convert the paths into different objects.

Step 6

We’re now going convert all the circles into a compound object.

Select all the circles and got to Object > Compound Path > Make (cmd+8 or ctrl+8). You may simply follow along the images given below.

Step 7

Now fill the circles with a lighter shade of grey, almost white. Then select the circle Click Right > Arrange > Send to Back. This will bring the letter in front of the circles. Then select the circles as well as the letter and make a clip mask. To create a clip mask, select the objects > Object > Clipping Mask > Make (cmd+7 or ctrl+7).

Step 8

The design might not be visible now as we have filled with it with white color. Lets just create a background to bring the design to life. Create a rectangle and fill it with a vibrant color. Then select it and send it to back using the Arrange option we used previously. Once the rectangle is sent to back, you will see your logo.


Our logo with circles in a letter is complete! I hope you have enjoyed this tutorial. You can use any shape or color and customize this logo. If you do follow this tutorial and create your own logo, please post it in the comments so we can see your result. Thankyou fellow designers!

Please go and check out my portfolio on Shutterstock guys!

Charu Jain Portfolio

Leave A Comment

Please login to post your valuable comments.

Join the newsletter

Get the latest vLemonn news first