Create a Reusable Isometric Grid Pattern in Illustrator

Поділитися
Вставка
  • Опубліковано 5 січ 2025

КОМЕНТАРІ • 129

  • @Vectortwist
    @Vectortwist  3 роки тому +2

    UPDATED TUTORIAL (MUCH EASIER): ua-cam.com/video/-c5ljJgk7j8/v-deo.html

  • @mdsamiulislam_bd
    @mdsamiulislam_bd Рік тому +2

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

  • @Rizakuan
    @Rizakuan 5 років тому +14

    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.

  • @phixphixation7261
    @phixphixation7261 Рік тому +1

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

    • @Vectortwist
      @Vectortwist  Рік тому

      Cool, rectangular grid is often useful.

  • @Pankaj-Verma-
    @Pankaj-Verma- 6 років тому +1

    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
      @Vectortwist  6 років тому

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

  • @lightenmysoul
    @lightenmysoul 5 років тому +3

    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) 😅

  • @glorious_vv
    @glorious_vv 5 років тому +20

    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
      @Vectortwist  5 років тому +3

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

  • @po-t7299
    @po-t7299 3 роки тому +3

    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
      @Vectortwist  3 роки тому

      😎 awesome and thanks for your tip as well!

  • @lingangnew
    @lingangnew 3 роки тому +1

    Perfect in every way!

  • @evenevening2011
    @evenevening2011 2 роки тому +1

    Thx: efficient tips for the long run.

  • @moeinnaderi3160
    @moeinnaderi3160 6 років тому +3

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

  • @md.istieakahmed928
    @md.istieakahmed928 3 роки тому

    Very clear tutorial. Thanks for the tutorial.

  • @blayelexq7124
    @blayelexq7124 5 років тому

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

  • @bagasperatama3593
    @bagasperatama3593 6 років тому +1

    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 !

  • @yeasinnazirteacher540
    @yeasinnazirteacher540 2 роки тому +1

    Thanks a lot, nice tutorial.

  • @mohanbuvan
    @mohanbuvan Рік тому +1

    Thank you Simona

  • @fviana89
    @fviana89 2 роки тому +1

    amazing 👏

  • @luongvinh1940
    @luongvinh1940 6 років тому

    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

  • @goht8256
    @goht8256 5 років тому +1

    It's really help. Thank you so much.

  • @Luciano_mp
    @Luciano_mp 4 роки тому +1

    Awesome, thank you!

  • @domino-kids
    @domino-kids 3 роки тому

    Very helpful! Thank you!

  • @sevanyouhanna2491
    @sevanyouhanna2491 3 роки тому +1

    Amazing thank you so much.

  • @supermadmac
    @supermadmac 5 років тому +2

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

  • @benanderson46
    @benanderson46 7 років тому +1

    That was wonderful! Thank you so much

  • @hozzable
    @hozzable 7 років тому +1

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

  • @toolzshed
    @toolzshed 5 років тому +1

    This is so cool!

  • @muthia2913
    @muthia2913 4 роки тому +1

    THANK YOU SO MUCH

  • @abdulrazack6134
    @abdulrazack6134 5 років тому +2

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

    • @Vectortwist
      @Vectortwist  5 років тому

      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: ua-cam.com/video/w2ZmeG2egds/v-deo.html

  • @Infiny100
    @Infiny100 5 років тому

    Awesome tutorial, thank you very much

  • @TragedyoftheCommons
    @TragedyoftheCommons 6 років тому

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

    • @Vectortwist
      @Vectortwist  6 років тому +1

      Thanks, happy to hear my tutorials help you.

  • @houssamouassif5012
    @houssamouassif5012 Рік тому +1

    AAAAAAAWESOME !!!!!

  • @Dalmonius
    @Dalmonius 4 роки тому +1

    thank you

  • @Random-yd7oh
    @Random-yd7oh 5 років тому

    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
      @Vectortwist  5 років тому +1

      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
      @Random-yd7oh 5 років тому +1

      @@Vectortwist thank you so much!

  • @paudromo6800
    @paudromo6800 6 років тому

    Great Video, thank you!

  • @greeshmamohan8634
    @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
      @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.

  • @aileeh7703
    @aileeh7703 5 років тому +1

    Thanks a lot!

  • @Iluhastecenko
    @Iluhastecenko 6 років тому

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

  • @kazimkalkan5702
    @kazimkalkan5702 5 років тому

    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
      @Vectortwist  5 років тому +1

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

    • @kazimkalkan5702
      @kazimkalkan5702 5 років тому

      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!!!

  • @aleksandrslarionovs3494
    @aleksandrslarionovs3494 5 років тому

    very helpful thanks

  • @iyo000iyo
    @iyo000iyo 7 років тому

    Thank you!

  • @Vectortwist
    @Vectortwist  5 років тому +6

    New and improved ISOMETRIC GRID for Illustrator, FAST & EASY made out of one single line: ua-cam.com/video/w2ZmeG2egds/v-deo.html

  • @elijahrapp3328
    @elijahrapp3328 5 років тому

    Thank you, very useful lesson

  • @kevincorrado1742
    @kevincorrado1742 5 років тому +1

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

    • @Vectortwist
      @Vectortwist  5 років тому

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

  • @thruaway5036
    @thruaway5036 5 років тому

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

    • @Vectortwist
      @Vectortwist  5 років тому +1

      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
      @thruaway5036 5 років тому +1

      @@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
      @Vectortwist  5 років тому +2

      @@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
      @thruaway5036 5 років тому

      @@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!

  • @sairengy
    @sairengy 5 років тому +1

    Thank you

  • @tcyko121
    @tcyko121 3 роки тому

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

    • @Vectortwist
      @Vectortwist  3 роки тому

      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
      @tcyko121 3 роки тому

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

  • @suryakrishna4662
    @suryakrishna4662 5 років тому +1

    Cool :)

  • @cryaboutitlater
    @cryaboutitlater 5 років тому +1

    shares download to pattern pls

    • @danimunf
      @danimunf 5 років тому

      yes because too hard for me lol

  • @codywubang
    @codywubang 5 років тому

    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
      @Vectortwist  5 років тому +2

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

  • @xXxjoshkenetxXx
    @xXxjoshkenetxXx 6 років тому

    will the guide be saved afterwards?

    • @Vectortwist
      @Vectortwist  6 років тому

      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.

  • @thangasaravanan
    @thangasaravanan 6 років тому

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

  • @rayghartey741
    @rayghartey741 5 років тому

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

    • @Vectortwist
      @Vectortwist  5 років тому +1

      did you expand it? Maybe it's locked?

  • @castnotyourpearls
    @castnotyourpearls 5 років тому

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

    • @Vectortwist
      @Vectortwist  5 років тому

      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?

    • @castnotyourpearls
      @castnotyourpearls 5 років тому

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

    • @Vectortwist
      @Vectortwist  5 років тому

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

    • @castnotyourpearls
      @castnotyourpearls 5 років тому

      @@Vectortwist okay thx

  • @MJCFilms
    @MJCFilms 5 років тому

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

    • @Vectortwist
      @Vectortwist  5 років тому

      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
    @paultestman606 6 років тому

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

    • @Vectortwist
      @Vectortwist  6 років тому

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

    • @paultestman606
      @paultestman606 6 років тому

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

    • @Vectortwist
      @Vectortwist  6 років тому

      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-
      @Pankaj-Verma- 6 років тому

      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
      @paultestman606 6 років тому +1

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

  • @torinux4980
    @torinux4980 5 років тому

    Freaking A M A Z I N G !

  • @mohammadabidy
    @mohammadabidy 4 роки тому

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

    • @Vectortwist
      @Vectortwist  4 роки тому

      Mohammad Abedy maybe a pc ram issue?

  • @oldtimesong
    @oldtimesong 5 років тому +2

    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.

  • @sabelontuli-lh2mg
    @sabelontuli-lh2mg Рік тому

    How to draw isometric grid

  • @Vectortwist
    @Vectortwist  6 років тому +6

    New Isometric Number Speed Art 2019 :) ---> ua-cam.com/video/oEbZMTCJ9So/v-deo.html

    • @李晓冰-k7r
      @李晓冰-k7r 5 років тому

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

  • @castnotyourpearls
    @castnotyourpearls 5 років тому +1

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

    • @oldtimesong
      @oldtimesong 5 років тому +1

      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.

  • @kazimkalkan5702
    @kazimkalkan5702 5 років тому

    Doesn’t let me Expand now?

    • @Vectortwist
      @Vectortwist  5 років тому

      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
      @kazimkalkan5702 5 років тому

      @@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
      @Vectortwist  5 років тому

      @@kazimkalkan5702 did you get it working?

    • @kazimkalkan5702
      @kazimkalkan5702 5 років тому

      @@Vectortwist No i remade it now, no progress

  • @marcelosilvestro1
    @marcelosilvestro1 5 років тому +1

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

    • @Vectortwist
      @Vectortwist  5 років тому +1

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

  • @joncook5042
    @joncook5042 3 роки тому

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

    • @Vectortwist
      @Vectortwist  3 роки тому

      maybe try this one:ua-cam.com/video/w2ZmeG2egds/v-deo.html, or the new updated tutorial for the grid:ua-cam.com/video/-c5ljJgk7j8/v-deo.html

  • @ninJ9
    @ninJ9 5 років тому

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

    • @Vectortwist
      @Vectortwist  5 років тому

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

  • @silverphoto09
    @silverphoto09 6 років тому

    Thanks a lot! Very useful.