Learn Skills For QUALITY ISOMETRIC DESIGN - Illustrator Isometric House Tutorial
ฝัง
- เผยแพร่เมื่อ 18 พ.ค. 2024
- Do you want to build your very own isometric house in Adobe Illustrator? If so follow along in todays Illustrator tutorial, and learn how to make an isometric house design!
Design Your Very Own Website w/ Bookmark
www.bookmark.com/partner/satori
You all really appreciated and liked the last isometric design tutorial in Illustrator, and so today I have a second design, this time we make our very own house using the isometric style and method. I did try and turn the technique of making an isometric grid or shape an automated action, but Illustrator doesn’t utilise the height values as a percentage, rather a fixed height. So it needs to be done manually.
If you want to see more creative Illustrator tutorials, just let me know down in the comment section below. I love making inspirational and creative designs and tutorials, so I am always open to ideas from you all :)
If you found todays isometric house design tutorial in Illustrator enjoyable or useful, let me know in the comments section and drop a like on your way out. Subscribe to stay updated to all of my uploads and until next time, design your future today, peace
********************************************************************
**************** SUBSCRIBE TO SATORI GRAPHICS ****************
➤➤ / @satorigraphics
7 FREE SCRIPTS FOR ILLUSTRATOR:
• 7 FREE Illustrator Scr...
My LONGEST ever tutorial on an isometric design
• ISOMETRIC Illustrator ...
Create JAW-DROPPING design by using graphic design principles
• Make JAW DROPPING DESI...
**************** MUSIC ****************
JULIAN AVILA - Me 2 / Pineapple Paradise / Solo
Soundcloud: / julian_avila
TH-cam: / @juliangavila
▶ Copyright
The work is protected by copyright. This is applied to the video recording of itself as well as all artistic aspects including special protection on the final outcome. Legal steps will have to be taken if copyright is breeched. Music is used from the TH-cam audio library and thus copyright free music.
FTC: This is a sponsored video for Bookmark
Check out Ella on Instagram, the source of todays inspiration! / ella.create
• Learn Skills For QUALI...
![EASIEST Isometric Technique In Illustrator? [NO GRID]](http://i.ytimg.com/vi/1J6chz4EOUU/mqdefault.jpg)
![EASIEST Isometric Technique In Illustrator? [NO GRID]](/img/tr.png)
![24 ชั่วโมง ซื้อของสีเดียว!! [Ver.2024]](http://i.ytimg.com/vi/TNPgzIMr_w8/mqdefault.jpg)
Here's an isometric video that uses gradients and textures: th-cam.com/video/M2-4-URRYn8/w-d-xo.html
Ok so I have to make an isometric drawing for a class, where we had access to a tutorial that you otherwise had to pay money for if I wasn’t a student. It was confusing garbage, but this is so much better and actually FREE. thank you much for this.
Thanks for the feedback, and glad that I could help!
Felt like you paid college just to get a degree.
So literally, buying a degree
@@sirbachelorboredmen1314 there’s some classes that are very helpful and worth doing, but yeah, basically 🫠
To avoid endless switches between contour and fill just set your isometric grid to Multiply mode and place it OVER the scene in a separate level.
@@SatoriGraphics you're welcome, i learned some tricks from you as well. Your channel is very useful! Thanks!
Agreed, first thing I did. 😃
@@shadowofthemoon9195 Damn, deleted their reply.
Good trick if a static image is the goal but this doesn't translate well to other programs like After Effects
The isometric style was one of my first passions when starting with illustrator back in the days, but it always seemed like a very advanced style to follow - but this video made it so clear and simple to not just follow along but to make anything in the isometric style. Thank you so much for sharing Satori, I will go back to it once again after all this years for sure after watching this
Awesome video! This is a great example of what I’m looking to learn. Love to see more video of how to make different things!
that was pretty darn nifty, never knew what that grid option was for. Always made my own with squares and such which took forever. So easy to follow!!
what really helped for me is putting the grid on top of all the layers and occasionally hiding it. that way I don't have to fill and un-fill the shapes. btw awesome tutorial!
I guess isometric illustrations is just going to grow bigger in 2019. Looks cool, to be honest, I'm working on mastering this trend. You helped a lot! Thanks!
To create an isometric grid, I find having 3 vertical line grid and rotate one by 60º and another 120º be much easier and precise.
Isometric design is always fun...Thanks for sharing this :D
@@SatoriGraphics That's so true, it looks much more difficult than it is!
Amazing! You make it sound simple, but the end result is so wonderful! 🤩
And it's not sorcery, it's technology! ✨🧙♂️👨💻✨
IF you're wondering like me, what's with the most specific 57.74% thing, it's the rounded value for tan(30deg) which is 0.57735... apparently. In isometric projection, it seems that the grid (corner) itself takes 120 degrees, which leaves both sides equally 30 degrees each on a flat horizontal line. I probably didn't explain it superb, so search for "isometric projection" if you want to read in detail!
Adding slight gradients also gives a cool effect! Even if its on another top layer
these look really aesthetic, great work ! : D
thank you for the tutorial! been grinding on exercises to get familiar with the program and hopefully make some of my own stuff myself very soon!
Hello, I really like how you drew the house, it came out very modern! The tutorial is very well explained, thank you for creating it!
this is by far the chillest and clearest AI tut I've ever seen. mad props, I'm about to fire up my computer n implement
I really liked this tutorial and it happened that I actually wanted to learn more about isometric designs. :)
Really love this! Super helpful tutorial, thanks!
So inspirational!! I can't wait to try this!!
J.J. Fecik ща
Really great video... love the technique and the way you present it! Thanks for sharing...
Really helped me out with drawing, spent a while using the perspective tool, which wasn't quite right for the style i wanted.
mind-blowing work
OMG THANK YOU SO SO MUCH, I WAS LOOKING FOR THE RIGHT TERM OF THIS DESIGN AND I FOUND YOUR VIDEO. I WAS ON FIRE SINCE I HAVE TO DO THIS FOR FINAL EXAM IN TYPOGRAPHY
Woudefull Satory! I love
So inspiring !!! Thanks for the tutorial 🤩
I love these isometric videos
Your videos are really inspiring man.... Keep up good work
Love bro I need this videos finally I found you're videos you're great please make more videos like this
Beautiful creation using simple technique! Awesome! A good guide for learners like me. Thanks.
That was amazing, thanks bro!
This is great n well put together thank you man
tried some isometric illustrations.. it was fun.
thanks for the video!! really helpful :) Just one small comment.. I think the shadow on the table is wrong as it would be on a higher plane, so the line of the shadow on the floor would not be the same as on the round table, I think.
Loved it!
Would be amazing to see more architecture like tutorials!
I'm actually an architect, but recently started to love graphic design!
Amazing sir and design look stunning 👍
I really appreciate the value you bring to us! More isometric design videos, please!
maybe more is coming soon ;)
Really helpful tutorial thanks
You are the man! Keep up the good work ;)
I love this video. Thank you so much!!😀
Thanks, most people don't know the difference between and speedart and a tutorial, but not muh man Satori.
Really great video!
I loved it! Thank you!!!
Thank you so much Satori :)
Thank youuu I really enjoyed doing this tutorial!👍🏻
Great tute. Got my basics down. Thanks.
I think that exact number for h value transform( 1:54 ) is 54.73. it comes from (90-arctan(1/√2)) . beside of that thanks for your great tutorial :)
This is so cool, thanks for sharing !
For the record: if you use object->transformation->scale you can have a percentage in an illustrator action.
Also, thank you for this great tutorial!
You saved me from biting my elbows
Great video. Helped me do some tweaks in an important project. Thanks!
Great tutorial, now is time to do it!! thanks so much Mr. Satori!! :D
Hats off . Go ahead . I have leaned a lot of good stuff from your videos . Thank you very much .
Thanks mate. This video helped.
Many many thanks from the core of my heart. I wish you brother very very good luck from Bangladesh.
Thank You for Teaching Very Useful Lesson.
Great video. I think I'm learning more on design simply by watching your video's.
This was sick thank you!!! 🙏🏽
I simply amazed at this isometric house. You put some great thought into this Sir Tom. Thanks for sharing. As always have a great day.
Satori Graphics I just may do that Sir Tom.
i find it so relaxing to watch :)
Lovely tutorial! Such accuracy in building something so difficult sometimes. Loved the trick with the Transform setting.
@@SatoriGraphics 💙
Great video! This is so helpful.
Awesome tutorial! thank you :)
LOVE IT!
I LOVE THIS!!!!
Very nice one! Thanks
This was great. Thanks a lot!
House built by Tom Satori. Great👍👌.Lovely house.
thanks tomato soup lol :)
Thanks man, really cool technique :)
Once again very useful. So often with AI its what you know that eases the process of implementing ideas. Thanks for sharing.
Already seen twice love it :)
Cool video, nice to know these new technics.
Also i think the shadow ontop of the Table should not allign with the shadow on the floor, because the table has a different height. Equal the shadow from the roof must be more on thr table.
😁
Super awesome...thanks buddy
thank u great tutorial!
Love this. Thank you! Great sound track too.
Hey thanks a lot for the positive feedback 👍
Hi,
thanks so much for your tutorials! I really enjoy how you always focus on a particular feature, or effect and show the many different uses of it. To me, that's so much more useful than "how to design precisely x" when it comes to actually applying what you've learned in your own projects :)
And btw your voice is nice to listen to.
A tutorial on the rectangle grid happens to be just what I needed :D
About the design in this video, however, I've been wondering if the table shadows are really accurate this way? Because while the table top area certainly crosses the borders of the floor shadow's area, the table itself is not actually standing underneath the top floor, at least not to the extent the shadow would suggest. Just thinking..:)
But wonderful tutorial, as usual. I'm so happy to have found your channel! Keep up the good work, I'll definitely stay tuned.. =)
Thank you so much! this is great!
I just did mine hehe! Thank you or the tutorial!
I love how designers have unilaterally decided that there is no need for the Perspective tools in Illustrator. WE DO IT LIVE!
Ths was fantastic
Dude your voice is so soothing
Beautiful 😍😍😍😍😍
really perfect sir
damn the childhood house drawing skills coming in handy for me)
thank you. your video is very helpful
Love the opaCITY.
easy with nice result.
So talented man
You are such a gr8 teacher. Thank you!
that's really awesome to read, thanks for the comment :)
thanks formake this tutorial
For as far as I've been able to see, it's more about the skill to think three-dimensionally than the skill to work in Adobe Illustrator in this case.
Helpful video, thank you.
Great bro
Affinity Is amazing for isometric design.
Awesome work! Would love to see more videos like this. Just wondered at the end of the video when you had the two houses side by side @13:04 did you put some sort of overlay over the top?
That little instrumental in the background is the jam.
lol thank you
Question: What stroke weight and color did you give to the grid in the background?
Thanks for this! Did my own but with a different palette. I never knew how to do art before so TH-cam tutorials like yours really help me understand how everything works.
Awesome video
Stori Graphics is the best youtube channel for leaning graphics.
this awsome