I’m a large fan of typography and logo design, despite the fact that I havent labored on too many logo design tasks I had the chance to precise my love on a few, however on the similar time, very nice ID tasks. One of them was in 2005 for a firm referred to as Zagora.

When they employed us to create their ID design they stated that they needed one thing very distinctive and trendy. Besides of that we spent like 4 hours speaking about concepts and ideas so as to know precisely what we must do.

In this publish I’ll present you the way we created the logo. I’ll skip the drawing components, sure there have been tons of drawings earlier than going to the pc, as a result of once they stole my laptop and backups in 2006 they took all my photographs of the drawings.

This logo is just about a bunch of circles, I used a circle for the module and deleted some segments so as to create the characters.

Step 1

In Illustrator, utilizing the Ellipse Tool (U) create a circle.

Zagora logo, typography tutorial

Step 2

Select the Circle and hit the Enter Key (return) the Move dialog field will open. Now we are able to transfer the circle horizontally or vertically and create copies as properly.

First we’ll create the horizontal one, so simply add the width of the circle within the horizontal subject and click on on the copy button. Repeat this course of till you’ve 6 circles aspect by aspect.

Zagora logo, typography tutorial

Step 3

Lets create a circle beneath the primary and the third circle. Those would be the Z and the G letters.

Zagora logo, typography tutorial

Step 4

Using the Direct Selection Tool(A), choose some segments of the circles and delete them just like the picture beneath.

Zagora logo, typography tutorial


Step 5

Select all objects and alter the Stroke Weight to 20pt, After that add 2 extra components above the Z and the R just like the picture beneath, and delete a section of the final A. Tip: Use the Object>Transform>Move and Object>Transform>Reflect instructions for extra precision.

Zagora logo, typography tutorial

Step 6

Change the stroke colours. I used inexperienced for the Z, brown for the As, pink for the G and R, and blue for the O.

Zagora logo, typography tutorial

Step 7

Select the A or the second circle and open the Move dialog field. Move it nearer to the primary letter, Z. Repeat that for the opposite letters. After that change the order of the letters so the R goes in entrance of the final A, however by way of the O. Tip: To try this you’ll have to create new components so as to masks them. Use the Move command for precision.

Zagora logo, typography tutorial

Step 8

Once you’ve a good spacing and all of the letters are properly positioned, choose all objects once more and go to Object>Path>Outline Stroke. This will convert the Strokes to Fill.

Zagora logo, typography tutorial

Step 9

Select the G and the R and apply a linear gradient. Use Orange to Red for the colours.

Zagora logo, typography tutorial

Step 10

Duplicate the ingredient above the Z and alter its colour to black. Go to Effects>Blur>Gaussian Blur and use like 3.5pt. After that place it beneath the Z and the R just like the picture beneath.

Zagora logo, typography tutorial


After we had an thought of what we had been in search of, the design course of turned fairly straight ahead. That signifies that as soon as you realize what it’s important to do the software is simply a part of the method and you will see that some ways to realize the identical end result.

Zagora logo, typography tutorial

Source hyperlink

0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments