Тёмный
No video :(

Create a Reusable Isometric Grid Pattern in Illustrator 

Vectortwist
Подписаться 37 тыс.
Просмотров 96 тыс.
50% 1

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:
ru-vid.com...
💁 and if you would like to donate to vectortwist to help keep the channel going you can do so here: paypal.me/vect...
---------------------------------------
FOLLOW ME:
newsletter - vectortwist.co...
web - www.vectortwis...
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: info@vectortwist.com
© 2020 Vectortwist - All Rights Reserved
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Опубликовано:

 

5 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 131   
@Vectortwist
@Vectortwist 2 года назад
UPDATED TUTORIAL (MUCH EASIER): ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--c5ljJgk7j8.html
@mdsamiulislam_bd
@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
@Vectortwist 11 месяцев назад
Thanks 🙏 I
@Rizakuan
@Rizakuan 5 лет назад
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.
@glorious_vv
@glorious_vv 5 лет назад
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 лет назад
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 года назад
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!
@Pankaj-Verma-
@Pankaj-Verma- 5 лет назад
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 5 лет назад
Thanks so much for the kind words! Eternal health and prosperity to as well!
@Vectortwist
@Vectortwist 4 года назад
New and improved ISOMETRIC GRID for Illustrator, FAST & EASY made out of one single line: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-w2ZmeG2egds.html
@phixphixation7261
@phixphixation7261 8 месяцев назад
This is such a cumbersome method, it can be done way easier with the rectangular grid.
@Vectortwist
@Vectortwist 8 месяцев назад
Cool, rectangular grid is often useful.
@lightenmysoul
@lightenmysoul 5 лет назад
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) 😅
@silke4913
@silke4913 3 года назад
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
@Vectortwist 3 года назад
Glad it helped!
@Vectortwist
@Vectortwist 5 лет назад
New Isometric Number Speed Art 2019 :) ---> ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-oEbZMTCJ9So.html
@user-ct9bw2no5h
@user-ct9bw2no5h 4 года назад
Vectortwist 我没看懂老师网格制作完成后又是扩展什么我跟着做到最后没弄成
@mohanbuvan
@mohanbuvan 9 месяцев назад
Thank you Simona
@lingangnew
@lingangnew 2 года назад
Perfect in every way!
@Vectortwist
@Vectortwist 2 года назад
thanks :)
@moeinnaderi3160
@moeinnaderi3160 5 лет назад
I can't believe what I just watched...thanks a lot!
@Vectortwist
@Vectortwist 5 лет назад
thanks and you are welcome!
@evenevening2011
@evenevening2011 2 года назад
Thx: efficient tips for the long run.
@Vectortwist
@Vectortwist 2 года назад
thank :)
@blayelexq7124
@blayelexq7124 5 лет назад
wow! Thank you very much! Its Amazing! Your explaining is clear and simple for foreigners.
@Vectortwist
@Vectortwist 5 лет назад
Blayelex q thanks :)
@md.istieakahmed928
@md.istieakahmed928 2 года назад
Very clear tutorial. Thanks for the tutorial.
@Vectortwist
@Vectortwist 2 года назад
You're welcome!
@yeasinnazirteacher540
@yeasinnazirteacher540 2 года назад
Thanks a lot, nice tutorial.
@Vectortwist
@Vectortwist 2 года назад
You are welcome!
@houssamouassif5012
@houssamouassif5012 Год назад
AAAAAAAWESOME !!!!!
@Vectortwist
@Vectortwist Год назад
Thanks :)
@Luciano_mp
@Luciano_mp 4 года назад
Awesome, thank you!
@sevanyouhanna2491
@sevanyouhanna2491 2 года назад
Amazing thank you so much.
@Vectortwist
@Vectortwist 2 года назад
you're welcome :)
@goht8256
@goht8256 5 лет назад
It's really help. Thank you so much.
@Vectortwist
@Vectortwist 5 лет назад
you are welcome :)
@bagasperatama3593
@bagasperatama3593 5 лет назад
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 !
@fernandomuniz2385
@fernandomuniz2385 2 года назад
amazing 👏
@Vectortwist
@Vectortwist 2 года назад
Thank you! Cheers!
@muthia2913
@muthia2913 4 года назад
THANK YOU SO MUCH
@Vectortwist
@Vectortwist 4 года назад
You're welcome!
@luongvinh1940
@luongvinh1940 5 лет назад
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
@Vectortwist 5 лет назад
Thanks :)
@domino-kids
@domino-kids 2 года назад
Very helpful! Thank you!
@Vectortwist
@Vectortwist 2 года назад
Glad it was helpful!
@Dalmonius
@Dalmonius 4 года назад
thank you
@benanderson46
@benanderson46 6 лет назад
That was wonderful! Thank you so much
@supermadmac
@supermadmac 5 лет назад
Thanks for this great lesson. I love make 'maps'. Saludos afectuosos desde México.
@Infiny100
@Infiny100 5 лет назад
Awesome tutorial, thank you very much
@Vectortwist
@Vectortwist 5 лет назад
Thanks, happy to help :)
@aileeh7703
@aileeh7703 5 лет назад
Thanks a lot!
@hozzable
@hozzable 6 лет назад
That was amazing and very helpful, i just subscribed ! :D
@Vectortwist
@Vectortwist 6 лет назад
Thanks for your support :)
@silverphoto09
@silverphoto09 5 лет назад
Thanks a lot! Very useful.
@toolzshed
@toolzshed 5 лет назад
This is so cool!
@Vectortwist
@Vectortwist 5 лет назад
thanks :)
@TragedyoftheCommons
@TragedyoftheCommons 6 лет назад
very nice tutorial. helped a noob like myself understand a bit more of the functions of Adobe Illustrator ^_^
@Vectortwist
@Vectortwist 6 лет назад
Thanks, happy to hear my tutorials help you.
@kevincorrado1742
@kevincorrado1742 5 лет назад
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?
@aleksandrslarionovs3494
@aleksandrslarionovs3494 5 лет назад
very helpful thanks
@abdulrazack6134
@abdulrazack6134 4 года назад
How to load the guides back on a new doc? Should follow the same step again?
@Vectortwist
@Vectortwist 4 года назад
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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-w2ZmeG2egds.html
@iyo000iyo
@iyo000iyo 7 лет назад
Thank you!
@Iluhastecenko
@Iluhastecenko 5 лет назад
Спасибо! Its very usefull tutorial!
@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.
@oldtimesong
@oldtimesong 5 лет назад
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.
@sairengy
@sairengy 5 лет назад
Thank you
@thangasaravanan
@thangasaravanan 5 лет назад
Hassele Free Voice over and Tutorial also, greets from Saravanan INDIA, where you are from ?
@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 лет назад
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 лет назад
@@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 лет назад
@@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!
@suryakrishna4662
@suryakrishna4662 5 лет назад
Cool :)
@torinux4980
@torinux4980 5 лет назад
Freaking A M A Z I N G !
@Vectortwist
@Vectortwist 5 лет назад
thanks
@elijahrapp3328
@elijahrapp3328 5 лет назад
Thank you, very useful lesson
@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!
@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 лет назад
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 лет назад
@@Vectortwist thank you so much!
@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 лет назад
not sure what's going on, I haven't had the problem. Maybe turn off GPU Performance under Preferences and see if that helps
@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 лет назад
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!!!
@xXxjoshkenetxXx
@xXxjoshkenetxXx 5 лет назад
will the guide be saved afterwards?
@Vectortwist
@Vectortwist 5 лет назад
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.
@cryaboutitlater
@cryaboutitlater 5 лет назад
shares download to pattern pls
@danimunf
@danimunf 5 лет назад
yes because too hard for me lol
@rayghartey741
@rayghartey741 5 лет назад
I cant delete other hexagons outside the drawing...can someone help me..tnx
@Vectortwist
@Vectortwist 5 лет назад
did you expand it? Maybe it's locked?
@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?
@hilderos
@hilderos 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?
@hilderos
@hilderos 5 лет назад
@@Vectortwist ok sure, do you have a discord or anything?
@Vectortwist
@Vectortwist 5 лет назад
@@hilderos no, but soon I'll have patreon.
@hilderos
@hilderos 5 лет назад
@@Vectortwist okay thx
@sabelontuli-lh2mg
@sabelontuli-lh2mg Год назад
How to draw isometric grid
@Vectortwist
@Vectortwist Год назад
???
@hilderos
@hilderos 5 лет назад
this is still so confusing, i have overlaps of two hexagons in the whole isometric pattern
@oldtimesong
@oldtimesong 5 лет назад
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
@MJCFilms 5 лет назад
When I turned my grid into guides, it made my entire illustrator so fucking laggy. Any fix to this?
@Vectortwist
@Vectortwist 4 года назад
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 5 лет назад
when i deleted those objects in 13:59 i get an empty polygon of the 2 orginal ones, in the pattern
@Vectortwist
@Vectortwist 5 лет назад
Hi Paul, not sure if I understand correctly, are you getting a gap?
@paultestman606
@paultestman606 5 лет назад
@@Vectortwist Hello, its looking like this www.screencast.com/t/X2os7NVl6E thanks for you reply
@Vectortwist
@Vectortwist 5 лет назад
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- 5 лет назад
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 5 лет назад
@@Pankaj-Verma- yeah, that was it!! thanks!
@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 лет назад
Important: Make shure that the "Align to Pixel Grid" Its not checked
@Vectortwist
@Vectortwist 5 лет назад
Thanks, "Align to Pixel Grid" can be a pain when its on.
@joncook5042
@joncook5042 2 года назад
Thumbs down, this is the worst, most insane way to do this.
@Vectortwist
@Vectortwist 2 года назад
maybe try this one:ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-w2ZmeG2egds.html, or the new updated tutorial for the grid:ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--c5ljJgk7j8.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.
@paudromo6800
@paudromo6800 6 лет назад
Great Video, thank you!
Далее
ДО ВСТРЕЧИ НА РАЗГОНЕ
52:11
Просмотров 437 тыс.
La Tierra Robó El Anillo De Saturno #planetballs
00:14
10 MIND BLOWING Logo Design Tips ✍️ 2024
9:55
Просмотров 140 тыс.
Can we draw like MIYAZAKI?
7:08
Просмотров 242 тыс.
Illustrator Tutorial - The Basics of Isometric Design
14:25
Set up Isometric Grids in Illustrator in Seconds
11:16
Design an Isometric Grid Illustrator Tutorial
6:15
Просмотров 562 тыс.
Isometric City Illustrator Tutorial
10:53
Просмотров 120 тыс.