How to Draw Icons Using Grid - Adobe Illustrator

[@uxking55]

Being a UX designer over 12 years exp. I thoroughly enjoyed it 2 times with music great work in 9 minutes 6 icon kudos though simple but very precise

[@mimisim]

Much appreciated!

[@dmitriyivanenko119]

R - to rotate with shift and then Alt "D" to repeat, and use subtract tool, it will bring you more fast actions!!! Enjoy

[@darshanmukadam]

One of the beat tutorial for the beginners who don't know how to make even that blueprint.

[@viberant6390]

IT WAS A VISUAL TREAT TO WATCH THIS, GREAT JOB.

[@suttonsuede]

This tutorial was like music to my eyes! Thank you so much 👍🏻

[@mimisim]

Thanks!

[@learndesignnow1126]

Nice You motivate me to bring up my knowledge and skill to the world through KZbin. Thanks man

[@izazmahmudsakib1082]

Ur video are nice and accurate size u should make more video like this for us

[@陳以聖-z1t]

Nice tutorial video~~ Now I can achieve the same effect by powerpoint.

[@jianne2733]

This is really helpful! I'd like to ask tho if expanding outlines is necessary when creating icons? I've seen some tutorials where they don't expand it so I'm quite confused.I hope someone could answer this. thank you!

[@mimisim]

Yes, you need to expand it to make it a closed shape.

[@antoniadevetakova6035]

So cool and helpful! THS🙌

[@akhilpandey]

I don't have abode illustrator, gimp is hard, so I'm doing this on Animate CC using my years of experience with it.

[@ZhoRZh37]

Oh, the humanity! Excessive vertexes, aaaaaaahh! Imagine pixel rendition on these UARGHHHHH!!! Different stroke width on the looking glass icon [hyperventilating]!!! my ocd, MY OCD... it huuurts!!!

[@greycircularity]

Even I died a bit. I DON'T EVEN HAVE OCD

[@shrutisalian6717]

A really helpful video and loved the background music!! :P

[@ceramic9h]

kzbin.info/www/bejne/gaPaZ2dofbl2ndk

[@Losttheblue]

This is great, Going to make my own icon set with this tutorial

[@mimisim]

Glad you like it! :)

[@codeandfood]

Wonderful tutorial!

[@mimisim]

Thanks!

[@SavolX]

6:31 - could've just pressed Ctrl+D here to duplicate. Great video.

[@jasonelcr]

he is doing that for us to understand better

[@honerzawita8024]

many thanks, please provide us with these amazing tutorials

[@AnjaliGupta-wv1mk]

Thank you for very clear n helpful tutorial.

[@mimisim]

You are most welcome!

[@hashimharris8212]

Great tutorial!!! Thank you!!

[@nikyabodigital]

Is your guide universal for all icon? I cant see how you make rocket ship or some icon that is not so symetric

[@noor360-english4]

good video

[@nematurd]

Very good. And very helpful.

[@aria-rw5nn]

How can I know which gray I use for my different icons to create and how to submit it?

[@asepirman50]

thanks for your tutorial, very helpfully.

[@AmrKhedr]

You are GENIUS 😍

[@riophae]

Very very helpful. Thank you!!

[@Salye]

thanks for this video !

[@ushadesai6306]

Can you explain the reason behind using this grid system? What is this formally called? Can you also demonstrate logos using Golden ratio?

[@ahmedabrar8793]

medium.com/@minoraxis/icon-grids-keylines-demystified-5a228fe08cfd

[@chiragtamrakar7540]

Alt + right click to cut with shape builder tool 3:20

[@Qwertworks]

wow ... I never knew that shape-maker tool, or whatever it was called, was so powerful :O

[@mimisim]

Glad that you learned something from this tutorial video :)

[@mariag6556]

Saat sdh di group "kotak2 lingkaran pembantu" nya , di buat stroke jadi 0,1 pt , tdk semua berubah jd 0,1 pt. Harus satu2 diklik supaya semua ukuran stroke nya 0,1pt. Kok berbeda ya ?

[@marcocaglioni149]

Please, how do you set the general preferences?

[@mimisim]

Mostly by default settings :)

[@Petolooo]

everytime i group the actual diagram and bring the brush tip size to 0.1 the cross on the square stays bolded(brush size: 1.0) an the circles are the only thing that lower to 0.1

[@AnurajBiseni]

I need helpppppp........ For some reason whenever i bring the circle tool at the middle of the square the icon changes at the centre. Why ???? I am not able to draw circles from the centre

[@MrCooldude987]

can we use them in other applciatio say wordpress and change color?

[@mimisim]

Yes. Might need to export the file in .svg format

[@westfield90]

Are these pixel precise applications when used on a 24 x 24 icon space

[@mimisim]

These are mean for only an idea on how to draw icons using grid. To achieve pixel perfect, some touch up is required.

[@jobensamraj1686]

Using this grid can I draw any icon

[@mimisim]

You can draw any icon with or without grid. The grid is to assist you with creating a consistent style and balance visual harmony for your icons.

[@jobensamraj1686]

@@mimisim 👍

[@naren83acs]

Excellent tutorial mate. Learnt a lot of new and useful things. BTW what is the name of the background music?. Keep up the good work and bring some creative things.

[@mimisim]

Thanks! The music is called "Far Away" from MK2

[@naren83acs]

Thanks for the reply...

[@naren83acs]

Thanks for the reply...

[@amarcomedian123]

outstanding !!

[@DavidRodriguez-ud1sf]

Worked, thx

[@spadeinstitute]

Could you please teach us grid system?

[@kilak9193]

When I attempt to draw a line through the rectangle it only changes the size... when I try placing a circle in the middle with alt shift and mouse it will copy the rectangle and place it on my pointer position. Please help! I'm new to Illustrator.

[@mimisim]

Try to click the mouse first before pressing alt+shit. :)

[@hanoimuaxuan]

excellent

[@mimisim]

Thanks for you kind words :)

[@mddidarkhan5092]

Can you please tell me...what's the name this app???

[@mimisim]

Adobe Illustrator 😃

[@riponali8769]

Great

[@leosmardini]

Uouuuuuuuu Awsome Man, THX :)

[@ashwinchaurasiya443]

if you are do a voice over on this is good for us

[@mimisim]

I will take this into consideration :)

[@michaelhofby]

@@mimisim Do you want to become a millionaire in your life? Then do voiceover and make 1 video every day

[@hendryprayogo5677]

Thanks,, very helpfull

[@hanoimuaxuan]

Can I draw any icons by using this system grid ?

[@mimisim]

It's up to your creativity :)

[@kamdeihlian9412]

i can't really draw another shape on the anchor of the previous shape

[@mimisim]

U need to lock the previous shape layer as demonstrated in the video

[@nadiakanee]

are these commands for Windows?

[@mimisim]

Yes :)

[@TergetShow41]

Boss logo er name gulo dile aro valo hoto

[@Gab-qn1lf]

Amazing ! Thx !

[@yoyogirl001]

Thank youu 🤗

[@frKahEmeka]

I gotta ask, what song is this?

[@mohdtabial6855]

Thanks for savings

[@benjamintchang3923]

solid

[@divinefrancis5222]

You stay the best

[@mimisim]

Thank you!

[@mdmasud5888]

helpful tutorial

[@mimisim]

Glad you like it :)

[@faisalayas7598]

wow cool !

[@guilnunes1980]

Do you have the grid for download?

[@mimisim]

Not at the moment :)

[@jpb6755]

Great tutorial! Could you please explain how to get the intersect, anchor etc indicators to pop up? (see e.g. at 0:45) I suspect it might have something to do with the check box you marked before creating the document, but I don't have this check box.

[@mimisim]

helpx.adobe.com/illustrator/using/rulers-grids-guides-crop-marks.html#smart_guides

[@fernandagomes2357]

Perfeito, obrigada!

[@rabihelias7848]

Great !!!

[@matsak_vladimir]

Здорово! Спасибо!

[@KYchiu402]

sorry, I don't know why I cannot expand one of the lines at 2:30

[@demo8344]

Thank you !!!

[@Mujcanal]

Like it a lot, thank you mimisim

[@KaiserKaddu]

mine doesnt snap to corners, help

[@mimisim]

helpx.adobe.com/illustrator/using/rulers-grids-guides-crop-marks.html#smart_guides

[@shereenty]

thanks

[@kptp7914]

name of music please

[@ceramic9h]

kzbin.info/www/bejne/gaPaZ2dofbl2ndk

[@kptp7914]

@@ceramic9h Thank you so much. Finally I find this track for 2 year.

[@jooIII]

Music?

[@ceramic9h]

kzbin.info/www/bejne/gaPaZ2dofbl2ndk

[@jooIII]

@@ceramic9h ty

[@khee7630]

👍👍👍

[@zubairkhan3043]

Music link please

[@savitajha4442]

The FIRST TIME IN TOTAL FOR YOU CAN ALSO

[@juanjuarez2797]

Could have just gave us the download link to the outlines

[@hardandstyle9824]

was is wenn ich mir das alles über torrents download alter ???????????? macht mehr spaß alles

[@suttikarn043]

Slow down, please....

[@johnykalas]

set video speed to 0,25x like me :D

[@nematurd]

Exactly what I did … ; -)

[@mohsinshabir4175]

slow down plzzz sirrrrrrrrrrrr f

[@MuhammadAwais-ki4si]

this is not good teaching way

[@mimisim]

Your feedback is appreciated ;)

[@yousufaryfeen6552]

excellent