The Golden Ratio for Logo or Icon Design in Illustrator

CREATE THE GOLDEN RATIO SPIRAL AND A LOGO MARK WITH THIS TUTORIAL! | We’ll create the Golden Ratio rectangle from scratch in this tutorial and you'll see how easy, fun, and useful this technique can really be!
💰 Buy the Photoshop Course and Support the Channel → bit.ly/28NuwFy
🏆 My Instagram: / tutvid
🎯 Subscribe for Daily Tutorials → goo.gl/DN4Nln
-
In this Adobe Illustrator tutorial, we will create our very own golden ratio spiral rectangle (Fibonacci sequence) and then use the techniques we’ve learned to create a series of circles that we can overlay on a sketch in Illustrator and use the Shaper Tool to quickly hack away and join shapes together to create a simple flat, negative space icon. This technique is effective for so many different design applications and I think you’ll really love this! Thanks for watching!
⚡️ written tutorial here: bit.ly/2wp3VM1
INSTAGRAM: / tutvid
TWITTER: / tutvid
FACEBOOK: / tutvid
SNAPCHAT: tutvid.com
tutvid is a KZbin channel dedicated to creating the best Adobe Photoshop, Premiere Pro, Lightroom, and Illustrator tutorials. My goal is to create the best, most informative, and entertaining tutorials on the web. If you enjoy my videos, the best way to support what I do here is to purchase my course linked above or simply subscribe to the KZbin channel by pressing the red button.
✉️ business inquiries: [e-mail]
-

[@TheHATCH22A]

I owe my entire career to you Tutvid. I am a single mother who learned Adobe products using your tutorials years ago! I was a secretary and I volunteered to do graphic design work and web design work using WordPress. Eventually I proved my worth and now our business management company has a marketing department where's before we didn't. So thanks for everything! ❤️

[@MaZEEZaM]

Classified Information Well I was just considering buying some of his tutorials, great to hear your experience 😊

[@christiandasilva3590]

you think he was the first to draw a bird? :D

[@ginnerzapata5909]

yeah, he is doing so.. I would actually recomend Lynda, but this is "ok"

[@saleemrishah]

you are amazing lady and respectful mother, you learned from KZbin a lot to get your own job. i'm single man who lost a country and future, living in EU without job! and like you, coz of KZbin and people like this gentleman, i become a designer. your child will be very proud coz of you.

[@halosrusty]

Alen Tomasevic Lynda is crap

[@Gravitytubes]

Thank god you're back, Nate! I think a lot of people are thankful that you are back to tuts and not moving to instagram.

[@julian4805]

Thank you for making this video! I haven't even finished it yet and it's already 10x more helpful than other golden ratio design videos because you're actually explaining your step by step thought process of how to USE the circles. All other videos just show them laying over various circles in hyperlapse to make designs with background music and I just leave confused because they didn't talk about how the circles work in the design, the roles the circles and the ratio play, how to apply it to my own design, nothing. All in all, THANK YOU for making this SO much easier to understand.

[@zydxkeke]

Thanks for the tutorial. but for that 1.618 thing, I'd like to use scale tool and press ALT -> 100%/1.618 -> copy, then press Ctrl + D whatever times you want.

[@tutvid]

That's a great way to do it too!

[@rojinmhrjn5202]

thanks man

[@clintt5266]

I had a prob in AI CC 2018 (mac) where the smart guides don't show. I toggled command-U and that got them working again, in case there's anyone out there reading this who's experiencing the same bug. Great tutorials!

[@brickboy80]

For speed I would record two actions one for divide by 1.618 and a second for plus by 1.618. Set the action pallet to button mode then it’s a one click process.

[@tutvid]

Oooh, that's a *spicy good idea.* I'll have to play around with it in the future. Thanks for sharing your knowledge in the comments! 🍻

[@jjss3055]

I had the same idea but I can't get it to work. Every time I press the play button the transform panel pops up.

[@motherspiders3913]

How I do that?

[@winstontabar]

This is not working for me. The action just scales the object to the exact pts from recording.

[@chadteverbaugh7579]

This is soooo cool. I just found your page. I am a 20 year long construction worker and site developer with a recent shattered ankle and broken back. I begin my second quarter tomorrow as a graphic designer with very little computer experience but tons of experience with sacred geometry. I want my designs to have more meaning and designed like nature. The Golden Ratio is crucial. Love the vid.

[@angelbear_og]

The Golden Ratio was debunked a long time ago. Hope you healed well and are having success in your new career!

[@rhqstudio4107]

this is THE most helpful illustrator video I ever watched and believe me I ve watched a LOT!! thanks for having no annoying music and for being quick

[@AwaisHunjrapk]

finally i understand what golden ratio is . perfect tutorial

[@sayrandriantsoa]

You're the one that I chose to learn about design with Golden Ratio and I'm not disappointed at all, now I have understood how it works and I will design my first icons for a school project. Thank you so much for sharing your knowledge with us

[@tutvid]

Glad it worked out for you, Chris! Thanks for watching!

[@m.e.o.w.h.o.u.s.e]

I really appreciate the way you use the tools! Excellent explanation and short cut tips.

[@GFXMentor]

Hey thank-you for this tutorial. One question why do you prefer shaper tool instead of shape builder tool?

[@jjss3055]

Yeah I''m curious about this too.

[@OmgMusicAI]

Sir gee, yaha bhi ap

[@rmoazzam]

Old Hindi films Old man

[@julianopixel]

I don't have the Shaper Tool (Illustrator CS5)

[@karanmaurya525]

Same here.. why you didn't use shape builder tool

[@winstonsmith5854]

What a great teacher you are ⚔️

[@LeonThomasian]

One of the best tutorials on KZbin. I’m new to Illustrator and your tutorial helped me understand these tools better and that golden ratio technique is awesome. I’m going to use it in designing my logo. Cheers!

[@csmemarketing]

Very good to see you again, you're a Legend and an Inspiration to me. I've been watching your videos since 2007, before KZbin had HD videos. Hope all is well with you and the family.

[@hhbadarin]

Never heard of this rule before, thank you!

[@nonsookolo9833]

First time seeing a tutorial video with the light theme 😮. Nice tutorial

[@officeveredesign1048]

Amazing video! Finally, I understand the Golden Ratio in design! Thanks!

[@Nic_Aster]

Thanks for the lesson, I think this is the best way to learn. When i was in college we never put this in practice. The teachers generally just explain the fibonacci theory but they never told us how the hell use it.

[@dkalambokis78]

Do not use tutorials or videos to apply Fibonacci's theory in your designs. You only need to understand the Math. 2-3-5 is Fibonacci aka Golden Ratio. If it is applied on shape's size, length, or color, is on you. A well-balanced graphic or logo has nothing to do with the above explanation.

[@alexandrineb7752]

Comprehensive, detailed but straigth to the point! Nice

[@tutvid]

Really appreciate the kind words! 👍

[@waybach]

wow i see youre still kicking butt, I learned so much from your dreamweaver videos back back back in the days when you used to look like your logo :D

[@tutvid]

Haha, thanks a bunch, fomo!

[@ninuerte]

I kindof started using illustrator few weeks back and didnt know there was this sort of thing(golden ratio)..now my minds all KABOOOOM! thank you oh great senpai for sharing your knowledge *namaste*

[@tutvid]

Thanks for watching! :D

[@vishrutmehta1498]

Wonderful, wonderful work. I'm a beginner in this area and this is really helpful to me.

[@hansellancephilippe4075]

He's literally so amazing.

[@athiyadayookong6405]

Very advantageous and easy to understand. Thanks!!

[@polinakrg6566]

the most useful video on desing and composition I saw recently. thank you very much!

[@yandroid]

Fantastic! Fantastic! Fantastic! Thank you!

[@Slev77]

Amazing tutorial thank you so much!! Love your stuff a lot and you made it really easy to follow and comprehensive.

[@harleenkaur5514]

amazing tutorial

[@riansucitra283]

Hey man! I found your tutorial from pintrest until the veryend of the final result of the logo design, but I am still don't get the idea how the f you put all the circles together and make a bird shape from those circles. With this video, I have a better understanding how to use the golden ratio for a logo design. Thanks a lot man! I really appreciate your work and your time for sharing all of these stuff. Indonesian Illustrator here!! :D

[@tutvid]

Rian Sucitra, Thank you so much! 🍻

[@bhupengadtia]

The best tutorial on golden ratio.. Although this is my first comment on any tutorial.. Thanks for a great tutorial buddy.. Keep up good work

[@dkalambokis78]

Do not use tutorials or videos to apply Fibonacci's theory in your designs. You only need to understand the Math. 2-3-5 is Fibonacci aka Golden Ratio. If it is applied on shape's size, length, or color, is on you. A well-balanced graphic or logo has nothing to do with the above explanation.

[@KonradasDesignCo]

Awesome tutorial! You are the real MVP! Only thing.. i had a hard time doing it on my own, because on AI (CC) after i hit EXPAND, the only options is FILL and STROKE. Option OBJECT is shaded and AI doesn't let me to mark it. Anyone knows solution?

[@Cbreezy0704]

best golden ratio i've seen

[@dan_s_higginson]

You started with the golden ratio then stopped using it after creating the spiral.

[@MrPolipaius]

You are awesome bro. What an awesome human being, you are so inspiring. I wish I know you in person. Thank you for your work. Keep shining. 🙏😊

[@DaniloC096]

Thanks for your video! Simply amazing!!!

[@benjaminlehmann]

Excellent video, man. Thanks.

[@carmelwatts6586]

Great Tutorial - looking forward to trying it out myself

[@dcngn_]

So was the idea behind constructing the golden spiral when all you needed were circles scaled in the golden ratio?

[@MazeHunterPlay]

Hello, this was the best tutorial on the internet, good job! And a question, if you can answer I will be grateful ... How do you export your videos to KZbin? Do you have any tutorials? Thank you again.

[@graphail1860]

Excellent work.

[@urfanafzal]

Superb absolute amazing. very well explained. Thank you very much sir for this great tutorial.

[@DaNePovjerujes]

I have a problem,when i divide it by 1.618 it just turn so small,please help

[@matoxetu]

same

[@geteiltdurchnull65]

now that's a nice tutorial, thank you for that, i can't wait to try it myself

[@sondos006]

the best golden ratio & negative space tutorial great job as always

[@tutvid]

yazeed alshaibani, Thank you so much! 🍻

[@whiskitty]

That's a great concept to know. Thank you so much for the demo!

[@yousufullah1290]

Thanks for the amazing tips. Really like the use of ratio

[@tutvid]

Thank you! 👌

[@rawburtmartinez]

This was helpful omg

[@RahulChauhankaku]

This is one of the best takes on golden ratio on KZbin that i have seen...nice work man...

[@tutvid]

Rahul Chauhan, Thank you so much! 🍻

[@nicholaslicavoli5133]

Great tutorial! Thank you!

[@nataliedosantos7896]

thanks for the tutorial. Very handy

[@karmac2023]

Cool thank you!

[@tradebrah]

Loved the video my man

[@bitmouse7747]

Very well explained!

[@tutvid]

Glad you enjoyed it!

[@khalilketto1993]

respect for you . brother

[@estrellaverbeck]

I sincerely wish you were my mathematics teacher. You are awesome!

[@tutvid]

Thanks for the kind words! I don't like math enough to teach it, though 😂

[@drewfabrics]

That was amazing bro. Thank you

Hi, thanks for the video! Just a little thought: when applying the proportion rule to circles, shouldn't it be with the areas in golden ratio and not the diameters?

[@angelbear_og]

That would be correct. However, keep in mind that the "Golden Ratio" myth was debunked a looooooooong time ago. As you can see, as long as you create *"A"* grid of some sort and keep vectors proportional it will harmonize your design.

@@angelbear_og Agree, using some kind of proportion matters more than what exact ratio you choose, and sometimes the best choice is just a well thought out manual adjustment

[@richardglain3716]

sir you are very great and kind of sharing your adorable knowledge with us really appreciate.

[@tutvid]

Thanks for the kind words, Richard!

[@anushnarasimhan8915]

Nice video! Thank you.

[@alias08150]

Fantastic video! But i have a problem. I cant click expand and mark object. Object is greyed out. Can somebody help me?

[@mrtrinam3379]

Great ! Thank you !

[@chenriva9105]

oh my...this is so useful thank you!

[@shenithcrey266]

Thanks man !

[@MARIOCHRISTOFORIDESDESIGNER]

Youre Brilliant

[@beastmusic2170]

This is amazing.

[@abhishekbose8362]

This design matches with the logo of ADNOC... Abu Dhabi National Oil Corporation....which has a Falcon in it.... I love the ADNOC logo and its entire branding.....

[@АнастасияКадочникова-и3г]

Thank you! I finally know how to do it right) But why not use shape builder tool? I will be faster...

[@simoharjane7823]

Thank you sir

[@noyou7956]

great tutorial

[@advertsolutions6982]

awesome video just followed you on IG

[@ficheye00]

Oddly, as I did this exercise, the elements seemed to be very slightly off. I even did it in outline mode so as not to have to deal with the visual interference of lines.

[@adkinsy85]

Thank you 😀

[@amirulidzham3686]

Hi Nathaniel, can you help me something? Do you have any tutorial on expand? On 2:54 you seems to disable fill and stroke. Before this, practically I do expand everything for a logo. I used to make school logo and I need to expand them in order to prevent stroke issue in scaling up entire logo. Can you help me to do in better way or just tutorial on object expand and expand appearance? Thanks a lot

[@hacktivist...727]

what is the commend to use for join the paths plz

[@reidcarlson7623]

I have cs6 and the shaper tool is not on on there is there another tool that can do something similar. Or am I just not able to find the tool?

[@scottfoster3643]

Fantastic good sir!

[@iamanimua5295]

Hi! This is a very good beginner video! I teach children in art and at my school we don‘t have Adobe Illustrator. Do you mind if I create a tutorial in German for YouiDraw based on your video? I will of course link your original video. Thanks!

[@Swordsquire]

I wonder if this can be done in Clip Paint Studio?

[@DIY-Strange]

That was great! What is your screen recorder ? 🤔

[@bassemhosny2442]

which version of illustrator is this ?

[@mangjose5446]

this is so cool.. 😊

[@mo.ali.]

let's slow it down next week and great tutorial before see it

[@tutvid]

😂😩😂😩😂😩

[@crearam]

Great job sir. Thanks a lot. You are wowsome as always.

[@tutvid]

Glad it helped you out!

[@ncs1829]

a Great of Great Fantastic , Thank you!

[@sammarquis3979]

Now did you choose to use the shaper tool because it's less destructive than the shape BUILDER tool?

[@samiuelsami1238]

Simply genius and here I am 😱😰

[@alexisbendelamousseauchocolat]

Thank you, Nate! Liked! Subscribed! Bell'd! Cheers!

[@pelitadjaya8624]

Thanks for sharing ur tutorial..but i just can use CorelDraw..

[@Vishigang]

How can you use this method for logo sketches that don't contain circular forms, but rather hard corners and angles?

[@dkalambokis78]

Do not use tutorials or videos to apply Fibonacci's theory in your designs. You only need to understand the Math. 2-3-5 is Fibonacci aka Golden Ratio. If it is applied on shape's size, length, or color, is on you. A well-balanced graphic or logo has nothing to do with the above explanation. This method is more applicable in line-based shapes since it emmerges from Trigonometry

[@artforartssakerecording7662]

If someone could help me. I am looking for the geometric forms, spirals that grow forward and then return at the same point (and grow (if it possible ) backward, and so on? A Kind of the loops in the growth in exponential expansion. Thanks

[@lupitagalvez5374]

In Photoshop we can use the golden ratio? Thanks

[@nyxbozovic7503]

The first thing I learned when I started using Premiere Pro was to use Adjustment Layers, when I started using After Effects, it was to use Easy Ease and, now, when I begin using Illustrator is 1.618. LOL.

[@creativella1441]

Great tut😘😘😘😘😘😘😘😘😘😘

[@bertiebotts5698]

where is the shaper tool in cs6? It's not under pencil also.. and when I click shift+n, it's not working..

[@KnullnVoid]

Anyone know why, even if I have constrain width and height proportions enabled, my objects do not maintain perfect proportions? it's always off by less than a pixel

[@crispybaked7]

Is there anything wrong with my pre settings??? When i draw the square and the circle, the circle is always slightly bigger. like 0,5px .... it messes up everything that follows on that. please help me, people.

[@madyanibrahim9748]

Uncheck "Use preview bounds" in Preferences

[@golddrodger9024]

Thank u bro u great I love u😁😀

[@edued13]

Hello, noob here, whats the point of the expand tool he constantly uses?

[@mrkip6180]

i have AI CS6, v16.0.0.. i cant find any shaper tools, i only have shape builder tools.. is it something wrong with my AI or adobe remove the shaper tools?