Learn Skills For QUALITY ISOMETRIC DESIGN - Illustrator Isometric House Tutorial

Sdílet
Vložit
  • čas přidán 31. 07. 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
    CZcams: / @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 CZcams 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...

Komentáře • 542

  • @SatoriGraphics
    @SatoriGraphics  Před 3 lety +32

    Here's an isometric video that uses gradients and textures: czcams.com/video/M2-4-URRYn8/video.html

  • @TheDracoChick
    @TheDracoChick Před 2 lety +111

    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.

    • @SatoriGraphics
      @SatoriGraphics  Před 2 lety +5

      Thanks for the feedback, and glad that I could help!

    • @sirbachelorboredmen1314
      @sirbachelorboredmen1314 Před rokem +2

      Felt like you paid college just to get a degree.
      So literally, buying a degree

    • @TheDracoChick
      @TheDracoChick Před rokem

      @@sirbachelorboredmen1314 there’s some classes that are very helpful and worth doing, but yeah, basically 🫠

  • @ZanStermecki
    @ZanStermecki Před 3 lety +42

    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

  • @shadowofthemoon9195
    @shadowofthemoon9195 Před 5 lety +268

    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.

    • @shadowofthemoon9195
      @shadowofthemoon9195 Před 5 lety +4

      @@SatoriGraphics you're welcome, i learned some tricks from you as well. Your channel is very useful! Thanks!

    • @jospargo8417
      @jospargo8417 Před 4 lety

      Agreed, first thing I did. 😃

    • @user-dl5uh9fq7g
      @user-dl5uh9fq7g Před 3 lety +4

      @@shadowofthemoon9195 Damn, deleted their reply.

    • @robbysalz8710
      @robbysalz8710 Před 3 lety +2

      Good trick if a static image is the goal but this doesn't translate well to other programs like After Effects

  • @inaa3337
    @inaa3337 Před 5 lety +11

    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!

  • @sumonangelo
    @sumonangelo Před 5 lety +250

    Isometric design is always fun...Thanks for sharing this :D

    • @GretaSia
      @GretaSia Před 5 lety +4

      @@SatoriGraphics That's so true, it looks much more difficult than it is!

  • @GretaSia
    @GretaSia Před 5 lety +31

    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!

  • @latenightcanvas147
    @latenightcanvas147 Před 5 lety +13

    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!

  • @BryanSchultzitis
    @BryanSchultzitis Před 5 lety +83

    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!

  • @puissantcroissant3926
    @puissantcroissant3926 Před 5 lety +10

    these look really aesthetic, great work ! : D

  • @maggiechristiansen6202
    @maggiechristiansen6202 Před 5 lety +2

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

  • @Rekwalde_PoE
    @Rekwalde_PoE Před 4 lety +17

    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!

  • @parallelpalmtrees
    @parallelpalmtrees Před 5 lety

    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

  • @igeoerre
    @igeoerre Před 5 lety +1

    Amazing! You make it sound simple, but the end result is so wonderful! 🤩
    And it's not sorcery, it's technology! ✨🧙‍♂️👨‍💻✨

  • @SarahHubbard
    @SarahHubbard Před 5 lety +2

    Really love this! Super helpful tutorial, thanks!

  • @trtnhi
    @trtnhi Před rokem

    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

  • @StevenRud
    @StevenRud Před 5 lety +1

    Really great video... love the technique and the way you present it! Thanks for sharing...

  • @bizarre1409
    @bizarre1409 Před 5 lety +1

    I really liked this tutorial and it happened that I actually wanted to learn more about isometric designs. :)

  • @utupp
    @utupp Před 5 lety +2

    You are the man! Keep up the good work ;)

  • @nizamuddinshaikh3185
    @nizamuddinshaikh3185 Před 5 lety

    Beautiful creation using simple technique! Awesome! A good guide for learners like me. Thanks.

  • @PowafulVisualz
    @PowafulVisualz Před 5 lety +1

    This is great n well put together thank you man

  • @karthickjosh671
    @karthickjosh671 Před 5 lety +1

    Your videos are really inspiring man.... Keep up good work

  • @obscurus1344
    @obscurus1344 Před 4 lety +1

    Thanks, most people don't know the difference between and speedart and a tutorial, but not muh man Satori.

  • @felixnewhouse2685
    @felixnewhouse2685 Před 5 lety +1

    Adding slight gradients also gives a cool effect! Even if its on another top layer

  • @cngwt3979
    @cngwt3979 Před 4 lety

    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!

  • @scarlettmendoza1311
    @scarlettmendoza1311 Před 4 lety

    I loved it! Thank you!!!

  • @zreikroxane184
    @zreikroxane184 Před 2 lety

    So inspiring !!! Thanks for the tutorial 🤩

  • @davidsmusic
    @davidsmusic Před 3 lety

    Great tutorial, now is time to do it!! thanks so much Mr. Satori!! :D

  • @md.shahadathossain8943

    Hats off . Go ahead . I have leaned a lot of good stuff from your videos . Thank you very much .

  • @user-hd6bv2ms9j
    @user-hd6bv2ms9j Před 5 lety

    I love this video. Thank you so much!!😀

  • @lilatroncoso2377
    @lilatroncoso2377 Před 5 lety +1

    i find it so relaxing to watch :)

  • @daniyalzaidi4758
    @daniyalzaidi4758 Před 5 lety +1

    I love these isometric videos

  • @hibamakhlouq5822
    @hibamakhlouq5822 Před 4 lety

    This is so cool, thanks for sharing !

  • @swx6074
    @swx6074 Před 5 lety +14

    I really appreciate the value you bring to us! More isometric design videos, please!

  • @cryzz0n
    @cryzz0n Před 2 lety +2

    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!

  • @jjfecik
    @jjfecik Před 5 lety +14

    So inspirational!! I can't wait to try this!!

  • @jonathancheng8906
    @jonathancheng8906 Před 5 lety +8

    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.

  • @felipebarriospulecio8290

    Woudefull Satory! I love

  • @jaygough3813
    @jaygough3813 Před 3 lety

    This was sick thank you!!! 🙏🏽

  • @jospargo8417
    @jospargo8417 Před 4 lety

    Great tute. Got my basics down. Thanks.

  • @mham3d
    @mham3d Před 5 lety +2

    That was amazing, thanks bro!

  • @tiffanythompson9770
    @tiffanythompson9770 Před 4 lety

    Great video! This is so helpful.

  • @kevinIi
    @kevinIi Před 4 lety

    Thank you so much Satori :)

  • @tarraxart
    @tarraxart Před 3 lety

    Thank youuu I really enjoyed doing this tutorial!👍🏻

  • @ysinghm
    @ysinghm Před 5 lety

    mind-blowing work

  • @mariaazhar1744
    @mariaazhar1744 Před 5 lety +1

    Amazing sir and design look stunning 👍

  • @AliAli-zf3kx
    @AliAli-zf3kx Před 5 lety +1

    Love bro I need this videos finally I found you're videos you're great please make more videos like this

  • @jacobembury7806
    @jacobembury7806 Před 5 lety

    Already seen twice love it :)

  • @Kolby3185
    @Kolby3185 Před 5 lety +2

    Really great video!

  • @Naplandia
    @Naplandia Před 3 lety

    Awesome tutorial! thank you :)

  • @robbysalz8710
    @robbysalz8710 Před 3 lety +9

    I love how designers have unilaterally decided that there is no need for the Perspective tools in Illustrator. WE DO IT LIVE!

  • @leonardthillmann9444
    @leonardthillmann9444 Před 3 lety

    Thanks man, really cool technique :)

  • @zeeshansaligh9313
    @zeeshansaligh9313 Před 2 lety

    Great video. I think I'm learning more on design simply by watching your video's.

  • @kappadesign12
    @kappadesign12 Před rokem

    Great video. Helped me do some tweaks in an important project. Thanks!

  • @May-rs1vz
    @May-rs1vz Před rokem

    LOVE IT!

  • @AyushBakshi
    @AyushBakshi Před 5 lety +2

    Thanks mate. This video helped.

  • @natashayoung5524
    @natashayoung5524 Před rokem

    I LOVE THIS!!!!

  • @creativecore77
    @creativecore77 Před 3 lety

    Really helped me out with drawing, spent a while using the perspective tool, which wasn't quite right for the style i wanted.

  • @OUTWOLVY
    @OUTWOLVY Před 5 lety +13

    Loved it!
    Would be amazing to see more architecture like tutorials!

    • @OUTWOLVY
      @OUTWOLVY Před 5 lety +2

      I'm actually an architect, but recently started to love graphic design!

  • @BernardWilliams
    @BernardWilliams Před 5 lety +1

    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.

  • @shukrarai7780
    @shukrarai7780 Před 4 lety

    Thank You for Teaching Very Useful Lesson.

  • @khisus20
    @khisus20 Před 2 lety

    This was great. Thanks a lot!

  • @md.shorifulislam8366
    @md.shorifulislam8366 Před 4 lety

    Many many thanks from the core of my heart. I wish you brother very very good luck from Bangladesh.

  • @IsoFlat
    @IsoFlat Před 5 lety +2

    Lovely tutorial! Such accuracy in building something so difficult sometimes. Loved the trick with the Transform setting.

    • @IsoFlat
      @IsoFlat Před 5 lety

      @@SatoriGraphics 💙

  • @gerards4843
    @gerards4843 Před 5 lety

    Once again very useful. So often with AI its what you know that eases the process of implementing ideas. Thanks for sharing.

  • @adriands8207
    @adriands8207 Před 5 lety

    Very nice one! Thanks

  • @ashishsoni2431
    @ashishsoni2431 Před 5 lety +1

    Really helpful tutorial thanks

  • @christinegivens9048
    @christinegivens9048 Před 3 lety +1

    Love this. Thank you! Great sound track too.

  • @dvdrip.k
    @dvdrip.k Před 2 lety +1

    Woooow!!! Nice!

  • @CommercialArtServices
    @CommercialArtServices Před 2 lety

    Ths was fantastic

  • @commanderbeareladshahar6258

    Thank you so much! this is great!

  • @tamunasillustrations8807

    thank u great tutorial!

  • @prasantbasnet2393
    @prasantbasnet2393 Před 5 lety +1

    tried some isometric illustrations.. it was fun.

  • @Braquita92
    @Braquita92 Před 4 lety

    Dude your voice is so soothing

  • @yasrimy1147
    @yasrimy1147 Před 5 lety

    So talented man

  • @missundaztood6079
    @missundaztood6079 Před 4 lety +1

    You are such a gr8 teacher. Thank you!

    • @SatoriGraphics
      @SatoriGraphics  Před 4 lety

      that's really awesome to read, thanks for the comment :)

  • @tomatosoup3865
    @tomatosoup3865 Před 5 lety +3

    House built by Tom Satori. Great👍👌.Lovely house.

  • @aysel015
    @aysel015 Před 4 lety +1

    Wow this is very helpful! it looks fun! Thanks for sharing! :)

    • @SatoriGraphics
      @SatoriGraphics  Před 4 lety

      Thanks for the feedback Ayselala, hope you do enjoy recreating this style

  • @b.graphics
    @b.graphics Před 2 lety

    Helpful video, thank you.

  • @mukelee6701
    @mukelee6701 Před 4 lety +1

    This tutorial helped me a lot. Thanks !

  • @harshadaaupare
    @harshadaaupare Před 4 lety

    Super awesome...thanks buddy

  • @abdulvakil25
    @abdulvakil25 Před 3 lety +4

    damn the childhood house drawing skills coming in handy for me)

  • @alexandrugrecov8964
    @alexandrugrecov8964 Před 5 lety

    easy with nice result.

  • @younomikotaro6059
    @younomikotaro6059 Před 2 lety

    thanks formake this tutorial

  • @raccoon2951
    @raccoon2951 Před 5 lety +1

    Beautiful 😍😍😍😍😍

  • @datapenguin
    @datapenguin Před 4 lety +1

    That little instrumental in the background is the jam.

  • @dekakapink
    @dekakapink Před 2 lety

    thank you. your video is very helpful

  • @anklu
    @anklu Před 5 lety +3

    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.. =)

  • @theeemed
    @theeemed Před 4 lety +1

    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?

  • @azrielastamarulloh8971
    @azrielastamarulloh8971 Před 3 lety +1

    thx for you tutorial master satori, really helpful for me

  • @mahmoudali6205
    @mahmoudali6205 Před 2 lety

    Great bro

  • @jesslynfelisha6747
    @jesslynfelisha6747 Před 4 lety

    thank you for this btw :]

  • @ivanmontiel7349
    @ivanmontiel7349 Před 3 lety

    Great!

  • @clickmedia1937
    @clickmedia1937 Před 4 lety +1

    Pure gold brother !!

  • @xMiioChanx
    @xMiioChanx Před 4 lety

    Thank you so much !!!!

  • @leonardoernst4390
    @leonardoernst4390 Před 3 lety +1

    Congrats, really nice tutorial !

  • @qasimrizwan4913
    @qasimrizwan4913 Před 5 lety

    really perfect sir

  • @vitaliano01
    @vitaliano01 Před 4 lety +1

    Thanks for this. Easy to follow

  • @okissme
    @okissme Před rokem

    I just did mine hehe! Thank you or the tutorial!

  • @destinydeguzman2033
    @destinydeguzman2033 Před 5 lety

    Thanks for this! Did my own but with a different palette. I never knew how to do art before so CZcams tutorials like yours really help me understand how everything works.