Create a Reusable Isometric Grid Pattern in Illustrator

How to create a reusable isometric grid out of a hexagon pattern so you can use it over and over again.
If you enjoyed this Adobe Illustrator Tutorial please subscribe :
✍ SUBSCRIBE to the channel:
kzbin.info?sub...
💁 and if you would like to donate to vectortwist to help keep the channel going you can do so here: paypal.me/vectortwist
---------------------------------------
FOLLOW ME:
newsletter - vectortwist.com/subscribe/
web - www.vectortwist.com
instagram - / vectortwist
facebook - / vectortwist
twitter - / vectortwist
pinterest - / vectortwist
Share us with a friend. They’ll love you for it! ;)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Created by Simona Pfreundner from vectortwist.com
Website: vectortwist.com
Contact: [e-mail]
© 2020 Vectortwist - All Rights Reserved
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

[@Vectortwist]

UPDATED TUTORIAL (MUCH EASIER): kzbin.info/www/bejne/Y5SYnZ2AnNBqoJo

[@mdsamiulislam_bd]

For the first time in my life, I saw something so difficult so easily. In one word, extraordinary, incomparable. Thank you Master

[@Vectortwist]

Thanks 🙏 I

[@Rizakuan]

Nice tutorial. Some things where I got stuck that might help others: - make sure the stroke is aligned to center (not inside or outside so corners align correctly with the lines) - make sure the hexagon you create does not have a fill color, otherwise at the end when you expand and ungroup the pattern there will be some lines missing when you delete the extra rectangles - When I set the width of the pattern to be the size of the hexagon it was almost perfect, just slightly off. Then I realized I needed to subtract the stroke size (.125px) from the width and then it aligned perfectly. For setting the height of the pattern instead of doing all the math described in the video I just measured it with a rectangle (made sure it intersected) and then subtracted the stroke size from the value and it aligned perfectly.

[@bagasperatama3593]

I admit this is one of the Best Isometric guide tutorial ever, srly its very good explain and easy to catch, thanks for this, Subcribed !

[@lightenmysoul]

Wow!!! Love this 😍 Tutorial was easy to follow but gotta make sure that everything is the same as to what she's done. I figured out I had boxes ticked on some places while hers weren't (if that make sense) 😅

[@benanderson46]

That was wonderful! Thank you so much

[@Pankaj-Verma-]

Incredible is a very small word for your work and amazing is a very small word for saying thank you for you being sharing such valuable knowledge among us. I wish you eternal health and prosperity for your kind act ma'am!

[@Vectortwist]

Thanks so much for the kind words! Eternal health and prosperity to as well!

[@blayelexq7124]

wow! Thank you very much! Its Amazing! Your explaining is clear and simple for foreigners.

[@Vectortwist]

Blayelex q thanks :)

[@Luciano_mp]

Awesome, thank you!

[@silverphoto09]

Thanks a lot! Very useful.

[@paudromo6800]

Great Video, thank you!

[@moeinnaderi3160]

I can't believe what I just watched...thanks a lot!

[@Vectortwist]

thanks and you are welcome!

[@supermadmac]

Thanks for this great lesson. I love make 'maps'. Saludos afectuosos desde México.

[@lingangnew]

Perfect in every way!

[@Vectortwist]

thanks :)

[@Iluhastecenko]

Спасибо! Its very usefull tutorial!

[@silke4913]

Thank you so much! I needed this for school when the teacher forgot to hit record for his online class. It helped a lot!

[@Vectortwist]

Glad it helped!

[@md.istieakahmed928]

Very clear tutorial. Thanks for the tutorial.

[@Vectortwist]

You're welcome!

[@phixphixation7261]

This is such a cumbersome method, it can be done way easier with the rectangular grid.

[@Vectortwist]

Cool, rectangular grid is often useful.

[@Infiny100]

Awesome tutorial, thank you very much

[@Vectortwist]

Thanks, happy to help :)

[@hozzable]

That was amazing and very helpful, i just subscribed ! :D

[@Vectortwist]

Thanks for your support :)

[@aleksandrslarionovs3494]

very helpful thanks

[@goht8256]

It's really help. Thank you so much.

[@Vectortwist]

you are welcome :)

[@luongvinh1940]

It is a great thing that helps me so much to thank you for creating something that is more creative than creativity. I am Vietnamese I feel it is great.I have subscribed to your youtube channel and let you like it for this creation

[@Vectortwist]

Thanks :)

[@iyo000iyo]

Thank you!

[@aileeh7703]

Thanks a lot!

[@toolzshed]

This is so cool!

[@Vectortwist]

thanks :)

[@mohanbuvan]

Thank you Simona

[@domino-kids]

Very helpful! Thank you!

[@Vectortwist]

Glad it was helpful!

[@evenevening2011]

Thx: efficient tips for the long run.

[@Vectortwist]

thank :)

[@sairengy]

Thank you

[@glorious_vv]

Great tutorial! But I had an issue when deleting all the clipping masks in the final stage, each second line of pattern was filled with hexagons without lines in it. To solve this choose any hexagon, then go Select - Same - Fill color and delete the fill color. Done!

[@Vectortwist]

Thanks! People are having similar problems, I tried to recreate the problem but could duplicate it, your tip is super helpful!

[@sevanyouhanna2491]

Amazing thank you so much.

[@Vectortwist]

you're welcome :)

[@Dalmonius]

thank you

[@muthia2913]

THANK YOU SO MUCH

[@Vectortwist]

You're welcome!

[@TragedyoftheCommons]

very nice tutorial. helped a noob like myself understand a bit more of the functions of Adobe Illustrator ^_^

[@Vectortwist]

Thanks, happy to hear my tutorials help you.

[@po-t7299]

I went an easier way. Use the handle of the pattern bounding box to resize the box with the Pattern tile tool. It snaps to the edges of the pattern and place the patterns precisely next to each other in seconds. But I had never used the pattern tool in such way so I learned a lot from your video :D Thanks a lot

[@Vectortwist]

😎 awesome and thanks for your tip as well!

[@yeasinnazirteacher540]

Thanks a lot, nice tutorial.

[@Vectortwist]

You are welcome!

[@fernandomuniz2385]

amazing 👏

[@Vectortwist]

Thank you! Cheers!

[@suryakrishna4662]

Cool :)

[@houssamouassif5012]

AAAAAAAWESOME !!!!!

[@Vectortwist]

Thanks :)

[@torinux4980]

Freaking A M A Z I N G !

[@Vectortwist]

thanks

[@Vectortwist]

New and improved ISOMETRIC GRID for Illustrator, FAST & EASY made out of one single line: kzbin.info/www/bejne/rWO9nph9Z8qamtU

[@elijahrapp3328]

Thank you, very useful lesson

[@abdulrazack6134]

How to load the guides back on a new doc? Should follow the same step again?

[@Vectortwist]

If you use the pattern, yes you will have to expand it again, I made a new and improved tutorial on the grid, much faster, check it out here: kzbin.info/www/bejne/rWO9nph9Z8qamtU

[@thangasaravanan]

Hassele Free Voice over and Tutorial also, greets from Saravanan INDIA, where you are from ?

[@Vectortwist]

New Isometric Number Speed Art 2019 :) ---> kzbin.info/www/bejne/pXbFi4CKeK9sidE

[@user-ct9bw2no5h]

Vectortwist 我没看懂老师网格制作完成后又是扩展什么我跟着做到最后没弄成

[@kevincorrado1742]

Nice tutorial but my computer seems to have trouble with that many guides on the page at once

[@Vectortwist]

I've heard that before, I don't seem to have this problem, maybe your artboard size is too big?

[@codywubang]

Hi, after I have created the grid my AI started to lag so hard. My screen barely moves and flashes when I try to move. Is there any tip to help this?

[@Vectortwist]

not sure what's going on, I haven't had the problem. Maybe turn off GPU Performance under Preferences and see if that helps

[@greeshmamohan8634]

hi there. I have a question. Can I save a grid? As in, how we save the pattern or do i have to expand and repeat the last few steps every time I need the grid?

[@Vectortwist]

You could save a template with your grid ( once you expanded It and tuned it into guides) and then each time you create a document from a template choose your grid template.

[@thruaway5036]

this tutorial is very useful. I successfully recreated the whole process but how do I save the Guide Layout?

[@Vectortwist]

Hi, you need to save the pattern swatch so you can add it to any new document. Watch from 9min forward in the video. I explained how you can do it. Hope that helps.

[@thruaway5036]

@@Vectortwist Hi, thanks for replying. Yes I already saved and can load the pattern swatch and apply it on a rectangle in a new document. My question is about the saving of the Guide permanently without doing the process from 9 min onwards again. Is that possible?

[@Vectortwist]

@@thruaway5036 yes it is, create a file and set the expanded pattern that you turned into guides on a separate layer and save it as a template (.ait) and save it into the applications folder fro the templates. Then you can create a new file from the template and your guides will be on it.

[@thruaway5036]

@@Vectortwist thanks a lot. I will try your instructions. looking forward to more of your tutorials because you explain well on this video. thanks again!

[@xXxjoshkenetxXx]

will the guide be saved afterwards?

[@Vectortwist]

Yes, the guides will be saved in your document as long as you don't clear them. Plus once you have the pattern, you can always repeat the "expand pattern" steps and create new guides.

[@Random-yd7oh]

3:13 I have a problem here where I can't stop the line, it just makes another thing for me to put down again but I only want a line like you had in your video. It only stops once I make a full shape. Help!

[@Vectortwist]

when you use the Pen tool, make sure you deselect the just created path. Simple make the first line then select the Selection tool and then pick the Pen tool again. Or you could use the shortcut SHIFT+CMD(CTRL)+A, this will deselect the current path and you can create a new path with the Pen tool. I have a small tutorial on the Pen tool, check it out here: vectortwist.com/illustrator-pen-tool-tips/

[@Random-yd7oh]

@@Vectortwist thank you so much!

[@rayghartey741]

I cant delete other hexagons outside the drawing...can someone help me..tnx

[@Vectortwist]

did you expand it? Maybe it's locked?

[@kazimkalkan5702]

Mine came out looking really strange at the step at 14:20 I have one line of cubes then a line of hexagons and it repeats

[@Vectortwist]

did you make the polygon with " no fill" and only stoke?

[@kazimkalkan5702]

Vectortwist it had no fill and no stroke, I’m re attempting from the start now. Wow I never thought you would actually reply... thank you!!!

[@hilderos]

when i click on one of my points on the hexagon, that point dissapears and forms another shape... why?

[@Vectortwist]

are you using the pen tool? If yes that mean you are deleting a point and therefor making a new shape out of it. You can lock your hexagon or turn it into a guide. Does that make any sense to you?

[@hilderos]

@@Vectortwist ok sure, do you have a discord or anything?

[@Vectortwist]

@@hilderos no, but soon I'll have patreon.

[@hilderos]

@@Vectortwist okay thx

[@tcyko121]

One doubt, each and every time do I have to make my pattern as guide? or any way to save this guide?

[@Vectortwist]

quick tip, you can save the guide that you have on a layer as a template (Choose File > Save As Template) and the next time you create a new Illustrator files, choose Choose File > New From Template. Hope that helps :)

[@tcyko121]

@@Vectortwist thank you so much, yeah that will work!

[@cryaboutitlater]

shares download to pattern pls

[@danimunf]

yes because too hard for me lol

[@oldtimesong]

I'm a simple woman and I simply draw a new rectangle from top to bottom to know the exact measurements and skip all the calculus because I'm dumb.

[@mohammadabidy]

Why does my PC get stuck when I click on Make Guide?

[@Vectortwist]

Mohammad Abedy maybe a pc ram issue?

[@hilderos]

this is still so confusing, i have overlaps of two hexagons in the whole isometric pattern

[@oldtimesong]

Did you use her measurements? If so, don't do that! check your own transform window information and copy the figures from there. I first followed her numbers and the hexagons overlap, then I checked the info to see what was going on and I saw we were working with different numbers.

[@MJCFilms]

When I turned my grid into guides, it made my entire illustrator so fucking laggy. Any fix to this?

[@Vectortwist]

It depends how large your document is and how small your grid is. I noticed myself that smaller grids on larger artboards slow illustrator down like crazy!

[@paultestman606]

when i deleted those objects in 13:59 i get an empty polygon of the 2 orginal ones, in the pattern

[@Vectortwist]

Hi Paul, not sure if I understand correctly, are you getting a gap?

[@paultestman606]

@@Vectortwist Hello, its looking like this www.screencast.com/t/X2os7NVl6E thanks for you reply

[@Vectortwist]

That's weird. The only thing I can think of is that somehow when you select a line without stroke and fill and then delete them, it empties these polygons. I will have a look at my file to see if there is anything else that could be happening.

[@Pankaj-Verma-]

Just make the polygon with " no fill" and only stoke. The very first step. Had the same problem by not paying attention to the very first step!

[@paultestman606]

@@Pankaj-Verma- yeah, that was it!! thanks!

[@sabelontuli-lh2mg]

How to draw isometric grid

[@Vectortwist]

???

[@marcelosilvestro1]

Important: Make shure that the "Align to Pixel Grid" Its not checked

[@Vectortwist]

Thanks, "Align to Pixel Grid" can be a pain when its on.

[@kazimkalkan5702]

Doesn’t let me Expand now?

[@Vectortwist]

make sure you have nothing locked, it should expand, not sure what is happening. I retried myself and it works all fine. Can you try again?

[@kazimkalkan5702]

@@Vectortwist hello, yes i will? I can give you my email if you wish and we can restart whilst sharing my screen, i think something may have gone wrong when i was first drawing the pattern, i am going to retry now

[@Vectortwist]

@@kazimkalkan5702 did you get it working?

[@kazimkalkan5702]

@@Vectortwist No i remade it now, no progress

[@ninJ9]

thank you for this tutorial, but i just feel like you were too dragging, its too slow for my short attention span 😢

[@Vectortwist]

:) I understand, it's not a fast paced one.

[@joncook5042]

Thumbs down, this is the worst, most insane way to do this.

[@Vectortwist]

maybe try this one:kzbin.info/www/bejne/rWO9nph9Z8qamtU, or the new updated tutorial for the grid:kzbin.info/www/bejne/Y5SYnZ2AnNBqoJo