This is awesome thank you, I made a reverse action to turn isometric back to flat - handy when you want to add detail but forgot to keep the untransformed original. ISO to flat LEFT Rotate 30 Shear 30 Scale H 121.95% Scale V 141.84%
this saved my life! I am currently studying graphic design and currently working on an isometric 3D design narrative/illustration assignment. This helped me so much to get started. the guides and grids definitely helped, its so much easier to work with. ALL TIPS WERE SUPER HELPFUL. Thank You!
These actions are pure gold! One note is that they only work as is if you have your isometric grid at the angle you set it up at. I learned that the hard way and had to do some translation for the angles I'm using.
I love this tutorial. Subscribed. Isometric design is just the surface level of it. Under the hood it's packed with tips on clever ways to use illustrator such as actions, grids/guides, bounding boxes etc.
The 57.74% is used because that means that you would be squishing a 100x100 square into a 100x57.74 rectangle. Now, try drawing a rectangle like that, draw the diagonals of the rectangle, and measure their angle of inclination. You’ll see that it is 30 degrees exactly, which is the degree of inclination of isometric lines In other words, if you know a bit of trigonometry, you’ll see that tan(30°)≈0.57
wauw! what a helpful tutorial on isometric design. No flashy animations, just clear information and tips. Thanks for that. Just discoverd your channel and can't wait to watch the other tutorials to experiment and create some isomeric designs.
The custom action is quite clever. I am using Affinity Designer with its isometric grid features that also provide an option to transform a shape into the correct angle. I couldn't live without.
Thank you so much for the tutorial! A lot of helpful tips in there that makes iso vectors a lot more fun to create. Thanks for your thoughtful sharing.
Thanks for the walkthrough. But FYI, with a little tweaking you can reduce all of these actions to 2 steps: ISO LEFT: 1. Scale 86% H, 100% V 2. Shear 30° Angle: V ISO RIGHT: 1. Scale 86% H, 100% V 2. Shear -30° Angle: V ISO TOP: 1. Rotate 45° 2. Scale 121.6% H, 70.2% V
Hi Bas Your video has been incredibly useful. Maths and trigonometry not being a strong point, your action sets have made creation of isometric drawing much easier - only so much can be done by eye and guesswork so a big thanks.
Ah that's great to hear Michael :) Glad I could be of service! I will be doing some more isometric tutorials in the future so look out for those. Cheers!
very good introduction to isometric design! I never knew about the actions you can program. It's interesting seeing how everyone uses different methods to achieve similar results! There's a lot to learn on this program.
Awesome! Thanks for watching :) You can download the actions as well, I made a new video about this recently :) ruclips.net/video/RRzuMyJQnBs/видео.html
Great video! I saw it a few months before the pandemic began. When I lost my job in Marketing, these skills got me a new job as a Production Artist, which allowed me to provide for my family during some very dark times (and which continue to serve me well). Thank you SO much! But your math appears to be a little off. When I try your downloaded actions, or recreate them off of this video, things don't line up. I've tested the three actions on three squares, then tried lining them up into a cube. The corners don't ever match up. One always sticks out a little bit more than its neighbor. Other tutorial videos use slightly different numbers and seem to yield more precise results.
This is awesome! Can you please tell me how did you come up with these values. I'm not asking the complete derivation, just point me to correct resources :)
I didnt get the scalling first action of 82%/70.5%... Can someome explain me? Is it a random value to fit in the bigger form or is It a factor of isometric technique?
Hello, good tut but snapping doesn't seem to work for me. It looks like it does but then when zooming in the points are not on the intersections or if they are, the color fill is still off and there is a gap left uncoloured. Any solutions for this? thanks
In 3:35 when u drag down the second cube its came down all, and when I try it, it only drag down the top of the cube, the "walls" of the cube stay in the same position, help me please and sorry for my english
Hey Martin. Don't apologise for your English man, I can understand you just fine! :) What I did at 3:35 is that you can see me drag over the top points of the three layers with my white arrow tool. That way I select al of the top anchor points of the walls and the roof, which I can then pull down. Maybe your walls layers were locked or something?
@@CampKeyframetutorials I'm using CS4 so it doesn't have some of the newer features. I just did it old school by merging a circle and rectangle. These things are fun. I drew a chess set years ago using the 3D tool.
![ISOMETRIC ART: detailed MAGICAL HOME illustration process [painted in PROCREATE]](http://i.ytimg.com/vi/aofD1uDZDk4/mqdefault.jpg)
How did I miss such amazing video for 4 years? I needed these actions since ages.
This is awesome thank you, I made a reverse action to turn isometric back to flat - handy when you want to add detail but forgot to keep the untransformed original.
ISO to flat LEFT
Rotate 30
Shear 30
Scale H 121.95%
Scale V 141.84%
I don't understand how the scaling percentages are determined
thank you very much
quite the pleasure to watch a video in crisp 1440p at 60 FPS, attention to detail is GREATLY appreciated.
this saved my life! I am currently studying graphic design and currently working on an isometric 3D design narrative/illustration assignment. This helped me so much to get started. the guides and grids definitely helped, its so much easier to work with. ALL TIPS WERE SUPER HELPFUL. Thank You!
Yeah that's awesome to hear! :)
What's up?
Finally I will start isometric illustrations! Thank you so much. Keep adding new videos.
Thanks for watching! :)
These actions are pure gold! One note is that they only work as is if you have your isometric grid at the angle you set it up at. I learned that the hard way and had to do some translation for the angles I'm using.
I love this tutorial. Subscribed.
Isometric design is just the surface level of it. Under the hood it's packed with tips on clever ways to use illustrator such as actions, grids/guides, bounding boxes etc.
Thanks! Great to hear :)
Omg!! Amazing!! Thank you so much for this tutorial! I have been learning isometric for a while but i did not know that 'action' tool until now~~
Yay awesome! :)
great !
I just wished to know from where the numbers 57.74 , 82% , 70.5% came from ? :D
The 57.74% is used because that means that you would be squishing a 100x100 square into a 100x57.74 rectangle.
Now, try drawing a rectangle like that, draw the diagonals of the rectangle, and measure their angle of inclination. You’ll see that it is 30 degrees exactly, which is the degree of inclination of isometric lines
In other words, if you know a bit of trigonometry, you’ll see that tan(30°)≈0.57
wauw! what a helpful tutorial on isometric design. No flashy animations, just clear information and tips.
Thanks for that. Just discoverd your channel and can't wait to watch the other tutorials to experiment and create some isomeric designs.
Best tutorial I saw this year! Gonna have so much fun with this..
The custom action is quite clever. I am using Affinity Designer with its isometric grid features that also provide an option to transform a shape into the correct angle. I couldn't live without.
Thank you so much for the tutorial! A lot of helpful tips in there that makes iso vectors a lot more fun to create. Thanks for your thoughtful sharing.
Great to hear! Thanks for watching. Cheers :)
This is the best free software Ive seen. Respect.
Dude bro u got the isometric alpha yo! I am needing this to make my typeface super pixel perfect! U are the G!
been through and watched every single one of your tutorials, now i feel pretty ready for animating, thank you
Wow, that's amazing to hear! :) I'm glad I could be of service! Cheers!
Just pomped the dopamine out of my veins! love this tool adobe illustrator 😍
Never done this before, but have always been curious. Thanks for all the great tips!
Cool, thanks for watching! :)
Thank you so much for sharing; that's exactly what I need for a project I'm starting. That will save me sooo much time (and nerves)! Great!
Great to hear! :) I made a new video about Isometric actions and you can download them for free :)
ruclips.net/video/RRzuMyJQnBs/видео.html
I keep coming back to this tutorial. Great stuff! It's clear, to the point and fast.
Thanks man, so very very helpful!!
Thanks for the walkthrough. But FYI, with a little tweaking you can reduce all of these actions to 2 steps:
ISO LEFT:
1. Scale 86% H, 100% V
2. Shear 30° Angle: V
ISO RIGHT:
1. Scale 86% H, 100% V
2. Shear -30° Angle: V
ISO TOP:
1. Rotate 45°
2. Scale 121.6% H, 70.2% V
Thank you, this was really helpful! I discovered isometric illustration is actually quite simple!
Thank you for your time and sharing. Cheers from Brazil
Just came across this tutorial. Just wow. Nice tutorial and straight to the point such time saving and useful technique.
Hi Bas
Your video has been incredibly useful. Maths and trigonometry not being a strong point, your action sets have made creation of isometric drawing much easier - only so much can be done by eye and guesswork so a big thanks.
Ah that's great to hear Michael :) Glad I could be of service! I will be doing some more isometric tutorials in the future so look out for those. Cheers!
@@CampKeyframetutorials I will definitely look forward to those.
Nice concept. Really I enjoyed it. Thanks for the video
Thank you for showing how to "extrude" the rounded windows from 2d to 3d. That saved my day ;)
You save my life, sir
learned a whole drawing style in 15 minutes!
Thank you so much for posting these :) as a beginner on AI your videos have made my assignment feel less daunting
That's so great to hear :) Cheers!
bro thanks so much, you actually made soft soft easy to understand
Awesome, thanks! :)
Thank you for taking your time to teach us the basics! Great stuff!
very good introduction to isometric design! I never knew about the actions you can program. It's interesting seeing how everyone uses different methods to achieve similar results! There's a lot to learn on this program.
VERY USEFUL OMG LOVE IT
Awesome tutorial. Good to know about the action window
Holy shit, I've been looking for a video like this for years. Teach me sensei
Haha thanks! :) Happy to help.
This is such a great video, that "acction" panel thing is pretty useful the way you explained it
obsessed with soft design now and more obsessed with cool scales Nd stuff.
Man you help me get through my EGD project! Big thanks♥
Ah that's awesome! :) Glad I could be of service
Thank you so much for this tutorial. This was really, really helpful, Bas!
Ah thanks man! :)
amazing tutorial I will definitely be following, would love to know how you know all the figures for actions, grid angles etc.. thankyou
Thank you so much this was really helpful :)
Really good overview on using grids man, thanks for putting this together ✌️
Thanks! Next week I'll expand this illustration into a bigger one and in the coming weeks I'll animate it and everything :)
This is amazing content. Thank you bro!
So cool! Thanks for the tutorial!
Thank you for this useful tutorial
MAGIC MAN! Thank you a lot!
Thanks for watching! :)
Thank you this is very useful, the action function is really convenient!
Awesome! Thanks for watching :) You can download the actions as well, I made a new video about this recently :)
ruclips.net/video/RRzuMyJQnBs/видео.html
@@CampKeyframetutorials Okie dokie, root for you.
thanks, simple and impressive tutorial
Thanks! :)
Super helpful! Thank you for the tutorial!
Thanks! Tomorrow the next part will be online where I expand the illustration a bit more :)
This is awesome, such great tools! Thanks a lot for this video
Brilliant! It works so nicely. Thank you!
Thanks for watching! :)
Learned a new thing as a beginner, Thanks man for making this!!
Amazing tutorial! Thank you so much!
this video is a life saver! thank you so much!
Awesome! Glad I could be of service :)
brilliant!
really helped me, thank you
Thanks for watching! :)
It's such a useful video!! thank you so much!! :D
Need more like this video.
Well here you go, a whole playlist :)
ruclips.net/p/PLdzuo0vgRylhdKC9Vgew4_Qsk7E9Wh4PC
@@CampKeyframetutorials That's great. Thanks a lot.
i had an aaaaahh! moment, lol! thx so much!
I really appreciate this! The design process got a lot simpler!
Thank you! :)
Great video! I saw it a few months before the pandemic began. When I lost my job in Marketing, these skills got me a new job as a Production Artist, which allowed me to provide for my family during some very dark times (and which continue to serve me well). Thank you SO much!
But your math appears to be a little off. When I try your downloaded actions, or recreate them off of this video, things don't line up. I've tested the three actions on three squares, then tried lining them up into a cube. The corners don't ever match up. One always sticks out a little bit more than its neighbor. Other tutorial videos use slightly different numbers and seem to yield more precise results.
Great tutorial mate! Thanks a lot for sharing
Awesome, thanks for watching! :)
this very cool, i am very bad speak english, but i understand this lesson 🧐👍
amazing straight to the point....
Bruh you're so amazing!
Thank you!! Very helpful!👍
Awesome! Thanks for watching :)
It's been a wild ride.
Pure gold!! Thanks!! :D
Awesome, thanks! :)
Nuvva Dope tute Mate, the action scripts are so cool, using them all the time now Ta...♥
Thank you! :)
great tutorials!
Brilliant. Great job.
This is awesome!
Can you please tell me how did you come up with these values. I'm not asking the complete derivation, just point me to correct resources :)
Hey! I didn't come up with them, someone taught me this once, don't know how the numbers are calculated haha.
I was wondering that also haha. Numbers make me nervous but will just write them down.
@@charliecross2 same here XD
I didnt get the scalling first action of 82%/70.5%... Can someome explain me? Is it a random value to fit in the bigger form or is It a factor of isometric technique?
simple and amazing tutorial for the beginners!!
Thanks for watching :)
It is 57 coma 74 not point 74, Illustrator will give you an error
omg thank you
you are GOLDENNNN!
Thank you sir.. this tutorial is very easy to learn.. keep it up!! Auto subscribed!! 😊
Thank you!!! ☺️
Thank you so much... This is so helpful
You save me several hours of work, marry me.
I'm already taken! Sorry dude ;) But maybe this will help you out even more!
ruclips.net/video/RRzuMyJQnBs/видео.html
Thank you.
that's work!
thanks a lot
Yesssss!!!
Nice tutorial....👍🏻
Thank you! :)
Thank you for this tutorial! Have you every created isometric designs with Illustrator's perspective tool?
Best guy I got everytNice tutorialng for free also but I rather buy soft so I can be happy and proud I get a official version.
Hello, good tut but snapping doesn't seem to work for me. It looks like it does but then when zooming in the points are not on the intersections or if they are, the color fill is still off and there is a gap left uncoloured. Any solutions for this? thanks
very helpful and inspiring ! thank you very much!
Thanks for watching! :)
THANKS!
Good job ♥
Thanks :)
could you explain more about the numbers...? I couldn't understand the math...
Nice tutorial! The scaling aspect of the actions is that just to fit the shapes inside of the initial shapes?
This is so great! Thanks alot! :]
useful
This is great! Followed along with my own Illustrator. How did you get that mouse effect?
thanks for the actions!
You're welcome! :)
In 3:35 when u drag down the second cube its came down all, and when I try it, it only drag down the top of the cube, the "walls" of the cube stay in the same position, help me please and sorry for my english
Hey Martin. Don't apologise for your English man, I can understand you just fine! :) What I did at 3:35 is that you can see me drag over the top points of the three layers with my white arrow tool. That way I select al of the top anchor points of the walls and the roof, which I can then pull down. Maybe your walls layers were locked or something?
great tutorial
Thanks! :)
Great stuff! Thanks.
Awesome, thanks! :) Did you figure out how to round out that window? ;)
@@CampKeyframetutorials I'm using CS4 so it doesn't have some of the newer features. I just did it old school by merging a circle and rectangle. These things are fun. I drew a chess set years ago using the 3D tool.
Great tutorial, thanks
Thanks for watching! :)