How to design a logo in golden ratio

Words
264
Reading
2 min
Listen
Play
9y

Brief, simple, straight to the point guide to designing a logo with golden ratio. (in Adobe Illustrator)

1. Start with a sketch

Screenshot (31).png
(it's a whale)

2. Building the golden ratio circles

Screenshot (32).png

Draw a square by using rectangle tool (M) while holding shift. Copy it (ctrl + c) after selecting the square. Place the square (shift + ctrl + v). Resize the pasted square by multiplying the length by 1.618 in transform tab. Remember to disable the link.(circled)

DQmRtFZtocJZYAeymm4VRL8DYRnEaEns73wv3BDTeWQ6KCV_1680x8400.png

Now, you'll get something like this.

Screenshot (33).png

Select the square and rectangle. Then, Re-align the square and rectangle by using the align function.

DQmedCu8cSHWUy1qsRPXVvLMxTQcsmssPkjdXbw9tcNpHq8_1680x8400.png

You should get a shape like this.

DQmaE3Dgy8dmxXNMsmVqGeWiJ5W53CZ5Y74P49DwXX84YLq.png

Next, draw squares in clockwise direction to get this shape.

Screenshot (34).png

Draw perfect circles (L) in the squares by holding shift.

Screenshot (35).png

Remove the circles from the squares and align them if you want to.

Screenshot (37).png

You got the Golden Ratio Circles now.

3. Trace the sketch with THE GOLDEN RATIO CIRCLES

Feel free to resize the circles by selecting **ALL THE CIRCLES **and resize by holding shift. DO NOT RESIZE ANY OF THE CIRCLES AFTERWARD.
Then trace your sketch.
Screenshot (39).png

After tracing...
Screenshot (40).png

4. Build the shape

Build the shape by using the shape builder tool (shift + M)
DQmWCYdpj53CnCa5LygsqV342bbbhxKqUdTbNGn8a5Yv6qj.png

Here's a GIF to show how to use the shape builder tool
DQmVoKu2YcN5QPERbSX9LorYtXogoUP4WY1SXVrwU532dM1.gif

Results...
Screenshot (45).png

Refining the tail...
Screenshot (46).png

Adding eye...
Screenshot (47).png

Step 3 and 4 is hard but you'll be good at it after a couples of trial and error

5. COLOR

Paint it up by selecting all the paths and using live paint bucket (K).
Screenshot (48).png

Resuulltts...
Screenshot (49).png



Posted on Utopian.io - Rewarding Open Source Contributors

How to design a logo in golden ratio | Ecency