I'm afraid you forgot to mention something that got me confused here till I figured it out. The isometric grid will only fit perfectly if you have an odd number of lines drawn in the first vertical grid you need to make. At first I had an even number and it just wasn't going into the right place. Thanks for the tip, helped a lot!
Quick follow up: why do we need to change settings for increment and radius? Is it just for more accurate results and smoother workflow or is there some other reason? Thank You :)
If Anyone is Facing a problem having a line between the Symmetric Triangles then make sure u have selected the last layer and press Cmd+Down Arrow a few Times...This will solve it
By far the best solution for isometric grids. If someone is following this, please read this comment as this might be helpful for you. His artboard size is 900x900px. My needs were 388 x 278px, much lesser. So I went ahead and change the Keyboard increment to 1.5px and set the corner radius to 0.17px. 1.5px decides the space between the lines. Most important note is to keep the number of lines in an odd number greater than the sum of ((x dimension/10 + y dimension/10) - 10). My dimensions were 388 x 278px - tenth of 388 is 38 and same of 278 is 27, so 38+27 = 65, 65 - 10 =55 And 55 lines worked like a charm for me.
Thanks Danksy - ummm I am not the Brain of Britain, but feeling slightly smug for an old bird. One line copy paste and distribute - rotate 30 degrees and copy paste and reflect... done :) x
What if I would like to make the grid as guides instead of paths? Clipping masks do not work with guides. Every line is a path, which is causing strange snapping points, and every line has a stroke which makes it difficult to see the true middle of the line itself (whereas a guide has no stroke and is only a thin, uncompromising line).
Hey, great video. Question: how do I snap the pen tool to the points on the isometric grid? I'm drawing on top of the grid and having to fine manipulate every line, which is a real pain.
you figure this out? i think its something to do with snap to point. what i cant figure is making the "point" our actual grid rather than some hidden grid points
annoyingly, following your exact steps, my verticals don't align with the centre of the angled lines diamonds formation. If that makes sense. Is this likely down to number of lines created horizontally?
Ah awesome, it did the same for mine, interestingly with out counting also.. maybe our keen design eyes, just happen to both be accurate first time. :P
If this happens, just delete one line at the end or beginning. It happens because you need either an even or odd number of lines (too lazy to count), but either you copy the correct number and they match, or you delete one line and redo the rest of the steps.
YES, The only reason I gave a thumbs down was because he forgot to specify that you need to have an UNEVEN number of lines from the beginning. Either way it's the simplest thing. Great way to get more views. Cheers! Welp, Gooday Mate! (Not hating on the Star of David but it doesn't work well with isometric drawings)
Same! What I did: 1. Delete the clipping mask 2. Select the lines you created 3. View > guides > make guides - The lines turned into guides 4. View > snap to point (make sure this is the only 'snap to...' that is activated) When drawing with the pen tool the lines will snap to the grid :) For a better view at your illustration you can easily turn off the grid by pressing cmd+; Hopefully this will help you out! Good Luck! :)
excuse me dansky ,,, im stil confused ,,, im using an pc , making an artboard 900 px width and 900 px height ,,, and go to prefrence , general , when im inputing 0.125 in ... it become 1925px i still dont get it why ,, please explained to me , #ps im still begginer in this process ,, thankyou very much
Great video! How did you determine the spacing for the vertical lines so that they lined up with your 60-degree rotation? I'm trying to make a grid at 22-degrees and obviously your spacing here doesn't line up at that angle.
I've been following you for sometime now but I've noticed lots of ways you do things are very redundant lol no disrespect but this could of been done in A min no joke. Plus there's no need to copy and paste in place when there's A copy button after using the rotate tool via" R" key... Js
Я много посмотрел туториалов по созданию сетки и все были не не универсальными. И они не масштабировались. Этот туториал единственный нормальный. Только у меня вертикальные линии не ложатся прямо на стыки, и вертикальные линии приходится перетаскивать, чтобы они встали ровно с углами. А так всё хорошо. Спасибо.
This doesn't work if you want to show the start or end of the grid because you are using a clipping mask to cut the grid. Its better if you use triangles to build the grid.
select a shape > object > path > split into grid this is will you shape to split into the number of the rows and columns you need.. and copying it and pasting it and then rotating can also make it. and its so asy and handy. try it once, dear dansky.
Hi Dansky, I've followed your tutorial and each time I try to make this isometric shape using the Rotation and reflect quantities you've given? I have to adjust the shape myself to make the perfect shape?? When I then get to the part of "Clipping mask/make" I'm left with one set of lines? the rest of the shape disappears? please can you help as i'm sure I have done something wrong somewhere.
Strange thing in illustrator, where by - if you group, it won't mask properly, however if you make a compound path object>compound path>make It works fine.
What i really want to know is how we can determine the width and height of isometric grids? I mean this create a random grid but let say you want to make 32x16 grids or 16x8. How u can calculate that? It will be really beneficial when u want to create assets for games.
dear dansky how r u ? thank for grid making tools.. i would to know 1 more option that how we can fill the color in this grid different different color in each box like i want this grid colorful red .yellow blue . if try to fill color it goes to fully selected with all lines i want to fill separate separate part .. please mention how we can fill
Thank you so much for all of your fantastic videos. There is SO MUCH I need to learn. I was wondering is there any quick reference guides or cheat sheets like they have for other subjects like those laminated ones you see for subjects? If you sell a version I can print out I would love that if I could afford it. Thank you for making your videos available to the public. I am disabled so I am unable to work and creating art is a therapy for me. I am learning calligraphy by hand and I wanted to make it digital so I could make stuff for my family etc for personalized gifts. I enjoy that your videos are specific and to the point. Thank you thank you thank you.
Just the single shapes. Sometime after posting this I looked up some stuff on the Live Paint Bucket tool, Id imagine that might be the way to go, just havent tried it yet.
I'm afraid you forgot to mention something that got me confused here till I figured it out. The isometric grid will only fit perfectly if you have an odd number of lines drawn in the first vertical grid you need to make. At first I had an even number and it just wasn't going into the right place. Thanks for the tip, helped a lot!
took me forever to figure out why mines didn't work, thanks! I tried the odd number route and it worked!
Same here. Just hit Shift left or shift right on one of the rotated group if you encounter this prob.
Thank you a lot!!!
Thanks! You are a lifesaver!
Couldn't make it work and never would have realised an odd number of vertical rules was the solution. Cheers for that.
Quick follow up: why do we need to change settings for increment and radius? Is it just for more accurate results and smoother workflow or is there some other reason? Thank You :)
So many doors just opened up with this new grid. Thank you for sharing!
Awesome!
If Anyone is Facing a problem having a line between the Symmetric Triangles then make sure u have selected the last layer and press Cmd+Down Arrow a few Times...This will solve it
thanks! exactly what i faced hehe...
As a curiosity, what was the importance of setting those particular values in the preferences?
Thanks!
The keyboard increment I get but the corner radius...
By far the best solution for isometric grids. If someone is following this, please read this comment as this might be helpful for you.
His artboard size is 900x900px. My needs were 388 x 278px, much lesser. So I went ahead and change the Keyboard increment to 1.5px and set the corner radius to 0.17px. 1.5px decides the space between the lines. Most important note is to keep the number of lines in an odd number greater than the sum of ((x dimension/10 + y dimension/10) - 10). My dimensions were 388 x 278px - tenth of 388 is 38 and same of 278 is 27, so 38+27 = 65, 65 - 10 =55 And 55 lines worked like a charm for me.
that was awesome ♥
If you don't get it perfect, make sure that "reference point" is set to middle and you HAVE to make UNEVEN number of lines in the beginning. Cheers :)
Wow thank you for pointing this out! I didn't understand why it wasn't working!
Thank you bro!
You are a life saver. I have been pulling my hair out trying to figure out how to make it work.
Thank you!
where is there? how can i find it?
Thanks Danksy - ummm I am not the Brain of Britain, but feeling slightly smug for an old bird. One line copy paste and distribute - rotate 30 degrees and copy paste and reflect... done :) x
Hey that’s so great to hear, glad the video was helpful 🙂
What if I would like to make the grid as guides instead of paths? Clipping masks do not work with guides. Every line is a path, which is causing strange snapping points, and every line has a stroke which makes it difficult to see the true middle of the line itself (whereas a guide has no stroke and is only a thin, uncompromising line).
Hey, great video. Question: how do I snap the pen tool to the points on the isometric grid? I'm drawing on top of the grid and having to fine manipulate every line, which is a real pain.
you figure this out? i think its something to do with snap to point. what i cant figure is making the "point" our actual grid rather than some hidden grid points
I have this same question.
turn on smart guides, works for me
This is the best and fastest method on UA-cam for isometric grid thanks👍👌
extremely helpful, thnks!
Thank you. It was fun to work along your instructions. Excellently explained, clear and without unnecessary informations.
I just tried to zoom out within the illustrator while watching the video... hahahah
Aha brilliant! 😂
Is there a way to make it snap to this grid?
Just select grid, go to View > Guides > Make Guides
annoyingly, following your exact steps, my verticals don't align with the centre of the angled lines diamonds formation. If that makes sense. Is this likely down to number of lines created horizontally?
Ah awesome, it did the same for mine, interestingly with out counting also.. maybe our keen design eyes, just happen to both be accurate first time. :P
If this happens, just delete one line at the end or beginning. It happens because you need either an even or odd number of lines (too lazy to count), but either you copy the correct number and they match, or you delete one line and redo the rest of the steps.
thanks guys i was stuck too ! probleme resolved :)
thanks dude! it resolved haha
Using an odd number worked for me! Thanks.
YES, The only reason I gave a thumbs down was because he forgot to specify that you need to have an UNEVEN number of lines from the beginning. Either way it's the simplest thing. Great way to get more views. Cheers! Welp, Gooday Mate! (Not hating on the Star of David but it doesn't work well with isometric drawings)
omg thank you
Im having troubles using this grid as a guide to draw in isometric form...
the line tool just does not snap!
anyone?
Same! What I did:
1. Delete the clipping mask
2. Select the lines you created
3. View > guides > make guides - The lines turned into guides
4. View > snap to point (make sure this is the only 'snap to...' that is activated)
When drawing with the pen tool the lines will snap to the grid :)
For a better view at your illustration you can easily turn off the grid by pressing cmd+;
Hopefully this will help you out!
Good Luck! :)
Didn't worked for me. Followed your instructions but I cant'm make the lines to be copied at the same separatrion space...
thank you
This is amazing. Thank you!
You're welcome Rachel :)
this is what I've been looking for all this time ... thank you very much for the tutorial ... this really helped me learn isomtric design easily
You're welcome Dirga :)
excuse me dansky ,,, im stil confused ,,, im using an pc , making an artboard 900 px width and 900 px height ,,, and go to prefrence , general , when im inputing 0.125 in ... it become 1925px i still dont get it why ,, please explained to me , #ps im still begginer in this process ,, thankyou very much
Good tutorial bro, but could you louder please?
Thanks, it was very helpful! Btw, do not try to be smart and type the px values (not inches) because then apparently you won't get the correct grid :D
Followed step by step lots of times but it didn't work. It created a grid with stars
I couldn't get perfect alignment- so I had to move the first group two steps to left. Thank you, enjoyed the video
@@ankithedau1137 Thanks for the tip, will try it
when I type in 0.125 in it converts it to 1296 px lol
this is awesome it helps me a lot!!!
Thank you so much.
You're welcome Priyanka!
I've made this kind of grid before and they look exactly the same as this. But my lines are at 30 degrees not 60. why do they look the same?
Absolutely one of the best tutorials I've seen on youtube. Thank you for putting the effort into making this so clear and simple to follow!
maybe you have the grids in AI bro???
Why is it that when I enter the value 0.38IN in the CornerRadius text field the value changes to 1296 px?
Im jist started how do you get that with behind the artboard its grey on my screen
Great video! How did you determine the spacing for the vertical lines so that they lined up with your 60-degree rotation? I'm trying to make a grid at 22-degrees and obviously your spacing here doesn't line up at that angle.
that 1:40 shortcut doesn't work for me :c
I just noticed they swapped the OK and Cancel button for the settings window on Windows
hi! i can´t copy the line with shift-alt-right click :(
Hey Lucía, drag with left-click, and as you drag hold Alt + Shift 🙂
I cant do It too
guys it's not 'right click' it's alt+shift+ 'right-key-on-your-keyboard'
It's alt+shift+ right ARROW key on your keyboard
Just drag ALT+left click once and just click CTRL+D on your keyboard.
4 different tutorials couldn't teach me this. Then you did it in 3 minutes flat. Thank you, Sir!!
Aha awesome! You're most welcome!
I've been following you for sometime now but I've noticed lots of ways you do things are very redundant lol no disrespect but this could of been done in A min no joke. Plus there's no need to copy and paste in place when there's A copy button after using the rotate tool via" R" key... Js
nice and clear for a newbie Ai user. Thanks.
You're welcome!
6 mins to make an isometric grid? 🤣
Я много посмотрел туториалов по созданию сетки и все были не не универсальными. И они не масштабировались. Этот туториал единственный нормальный. Только у меня вертикальные линии не ложатся прямо на стыки, и вертикальные линии приходится перетаскивать, чтобы они встали ровно с углами. А так всё хорошо. Спасибо.
does matter how big is your art-board size
gracias, ningun tutorial explica bien, por fin uno que si, gracias!
Simply brilliant. Thanks!
You're very welcome!
This doesn't work if you want to show the start or end of the grid because you are using a clipping mask to cut the grid. Its better if you use triangles to build the grid.
Thank you. This helps me a lot!:)
how to use this with shape builder ?
I loved the way you explained the process, very clear and organized !!!
all i am getting is star shaped grid which i have no idea to correct
can i just download that?
Such clear instructions and it's been so useful, thumbs up! :D
Is there any way to make the actual artboard isometric in shape? Thanks.
Wonderful ! It's really helpful and thanks for your time...
Excellent tutorial, dude!!! Thanks.
how do you adjust the distance between each line ... I want to make the distance around 0.318 cm
Thank you for the tutorial ❤
You’re welcome 😊
please help first time it came with proper alignment later its not coming. why is it so ?
better have autocad. Copy cube in isometric view (C control and V control) and paste in Illustrator. Faster and easier
I'm on a pc and want to know how to get grids on top of my image so I can keep everything aligned. How do I do this?
1. select the grid and Ctrl+X
2. make a new layer on top of the image
3. edit > paste in place (in the new layer)
select a shape > object > path > split into grid
this is will you shape to split into the number of the rows and columns you need..
and copying it and pasting it and then rotating can also make it. and its so asy and handy.
try it once, dear dansky.
if i use 1000x1000 canvas, how much keyboard increment and radius that i should add?
Hi Dansky, I've followed your tutorial and each time I try to make this isometric shape using the Rotation and reflect quantities you've given? I have to adjust the shape myself to make the perfect shape?? When I then get to the part of "Clipping mask/make" I'm left with one set of lines? the rest of the shape disappears? please can you help as i'm sure I have done something wrong somewhere.
Strange thing in illustrator, where by - if you group, it won't mask properly, however if you make a compound path
object>compound path>make
It works fine.
What i really want to know is how we can determine the width and height of isometric grids? I mean this create a random grid but let say you want to make 32x16 grids or 16x8. How u can calculate that? It will be really beneficial when u want to create assets for games.
Okay changing the keyboard increment will do the job for width.
Nice grid
Isometric is a whole new Dimension when drawing in Illustrator !!!!! Thanks Dansky .
Okay but the point of a grid in illustrator is to be able to "snap" to it. Is there a way to do that with what you've created?
Yes, enable "Snap to Point" under the "View" menu.
@@ForeverDansky Oooh I'll have to try that, thank you!
dear dansky how r u ?
thank for grid making tools..
i would to know 1 more option that how we can fill the color in this grid different different color in each box like i want this grid colorful red .yellow blue . if try to fill color it goes to fully selected with all lines i want to fill separate separate part .. please mention how we can fill
Options on windows: Ctrl + K
Thank you Dansky. for Every Tutorial you made. In One Video I have seen your Boy. Give his Uncle Love to Him.
Can we make it on adobe illustrator draw?
I did same step by step and I have stars instead of cubes....
Just followed this. Great tutorial. When you guys decide to follow along and complete the tutorial, do yourselves a favor and save it as a template.
why you changed keyboard increment and other things in preferences?
Thank you so much for all of your fantastic videos. There is SO MUCH I need to learn. I was wondering is there any quick reference guides or cheat sheets like they have for other subjects like those laminated ones you see for subjects? If you sell a version I can print out I would love that if I could afford it. Thank you for making your videos available to the public. I am disabled so I am unable to work and creating art is a therapy for me. I am learning calligraphy by hand and I wanted to make it digital so I could make stuff for my family etc for personalized gifts. I enjoy that your videos are specific and to the point. Thank you thank you thank you.
WHy it's not 45 degrees?
45 degrees isn’t isometric 👍
Thank you, this is really helpful!
shift+alt+arrow isn¡t working D:
ctrl + shift + alt + arrow would be work ;)
If is not, you can do Object --> Tracé -->Décalage (sorry I'm french... ^^') good luck :)
Very easy to learn. Great Dansky.
From Pakistan
Please help me out... Isometric drawings are drawn at 30deg, but you rotated to 60deg? Please explain
screencast quiridader
OMG THANK YOUUUU so much I really needed that
Awesome Tutorial Well done great Job , Thank you for your precious time.
SWEETTTOOO!!!
very thank you
Thank you so much for this! So useful and well explained! 🙏🏽🙌🏽❤️✨
how to color them tho
Whats the best way to go about filling in the grid once we make it? Pen tool?
Aseph 88 how would you like to fill it in exactly? The entire background behind the grid? Just single shapes?
Just the single shapes. Sometime after posting this I looked up some stuff on the Live Paint Bucket tool, Id imagine that might be the way to go, just havent tried it yet.
Aseph 88 ya I was going to suggest that! Might be the quickest method
great job!
Thank you for sharing!!! You have a new subscriber!
Thank you so much Sir Dansky
Thank you!!!
Thank you!
I have a question.
What key should I press in 1:42?
(Using the translation machine can be strange.)
shift+alt+right arrow key
A simple graph,please!
Thanks! Working for me! Helpful!
Fantastic! I was first intimidated to even attempt to try this but you made it so simple to follow. Thank you!
Very good