Alexander
4 min readFeb 28, 2018

In this tutorial, we will go through the process of designing a simple negative space letter C logo. This concept is an ideal solution for different chats and communities. We are going to use Golden Ratio Actions that will help us to transform an object by Divine Proportion in Adobe Illustrator.

How to design with Golden Radio in Adobe Illustratror

By the way, if you want to learn more about actions and automation in Adobe Illustrator, I’ve just published a course “How to get the most from Adobe Illustrator” on udemy.com and I invite you to take it for free. This course would help you to become two times more valuable as vector artist and create more in less time.

We will be working with simple geometric forms and Shape Builder Tool. It would be fun and easy, let’s start.

Step 01. Create a New Document and Set Up a Grid

Press Ctrl/Cmd+N to create a New Document in Adobe Illustrator. Use another shortcut Ctrl/Cmd+" to show the Grid and Ctrl/Cmd+Shift+" to snap to the grid.

Show and Snap to the grid in adobe illustrator

Step 02. Create a First Circle and Size it Down with Actions

Draw a 480X480px circle using Ellipse Tool. Keep it selected and head over the Windows/Actions to bring up an Action Panel. Select the Size Down Action in the Golden Ratio Action Set. Click Play Button at the bottom of the Action Panel to make the first transformation.

Keep clicking until you get five circles. Get rid of the third one.

Circles, sized down by divine proportion

Now we have two pairs of circles: small and large. Move the small pair out of the large one.

Step 03. Draw Radial Lines

Grab the Line Segment Tool and position the cursor at the center of the circles. Holding Left Mouse Button and Shift Key draw a vertical line that crosses both circles.

Keep this line selected and grab the Rotate Tool and place a cursor at the center of both circles ( it’s also a beginning of the vertical line ) and click left mouse button while holding Alt/Opt on your keyboard. In opened dialog box set angle to 45deg. Click Copy to make a duplicate.

Rotate Dialog Box

Repeat this process by pressing Ctrl/Cmd+D until you complete the full circle and return to the original line.

Step 04. Designing Letter C Shape

Select everything pressing Ctrl/Cmd+A Slice eight segments with the Shape Builder Tool. Delete two right segments to open the counter of letter C and clean the shape.

Step 05. Making Letter C Shape more Friendly

We get to the point where we need to make our letter C a little more friendly by rounding the terminals.

terminals of the letter C

In order to do this, place a circle inside one of the terminals as shown in the picture below.

Letter C logo circle

Grab the Shape Builder Tool and cut out small pieces in the angles. We can, of course, simply round the corners in Illustrator, but squircle is way better than roundrect🙂

Small tip: Instead of placing the same circle inside the bottom terminal, just delete this part and duplicate the first result.

Step 06. Utilize the Negative Space and Create a Dialog Box

Negative Space Logo is a logo where negative space is playing a part of a distinct picture. In most cases, it’s intentional and adds more sense to the designer’s initial idea. The general idea is “Chat”, so we can incorporate the dialog box inside the counter of the letter C and add the “tail” in the terminal.

Everything else we leave to the eye of the beholder and a Gestalt Principle called “Law of Closure” to complete the shape. So bring back the small circles and place them in the middle of the bottom terminal. Grab the Shape Builder Tool and cut out a piece.

Step 07. Recolor the Letter C

Select all the pieces one by one and recolor them according to your taste and need of your project. This one was my rejected proposal for LGBT community. You can buy the logo in my shop. If you need something similar, feel free to contact me.

Alexander
Alexander

Written by Alexander

Grafic and web designer. Writer. Founder of vitorials.net. Love to learn and share.

No responses yet