Learn Skills For QUALITY ISOMETRIC DESIGN - Illustrator Isometric House Tutorial

Поділитися
Вставка
  • Опубліковано 27 тра 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
    UA-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 UA-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...

КОМЕНТАРІ • 542

  • @SatoriGraphics
    @SatoriGraphics  3 роки тому +32

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

  • @TheDracoChick
    @TheDracoChick 2 роки тому +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  2 роки тому +5

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

    • @sirbachelorboredmen1314
      @sirbachelorboredmen1314 9 місяців тому +2

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

    • @TheDracoChick
      @TheDracoChick 9 місяців тому

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

  • @ZanStermecki
    @ZanStermecki 3 роки тому +41

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

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

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

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

      Agreed, first thing I did. 😃

    • @user-dl5uh9fq7g
      @user-dl5uh9fq7g 3 роки тому +4

      @@shadowofthemoon9195 Damn, deleted their reply.

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

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

  • @latenightcanvas147
    @latenightcanvas147 5 років тому +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!

  • @inaa3337
    @inaa3337 5 років тому +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!

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

    Really love this! Super helpful tutorial, thanks!

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

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

  • @sumonangelo
    @sumonangelo 5 років тому +249

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

    • @GretaSia
      @GretaSia 5 років тому +4

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

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

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

  • @maggiechristiansen6202
    @maggiechristiansen6202 5 років тому +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!!

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

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

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

    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!

  • @cryzz0n
    @cryzz0n 2 роки тому +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!

  • @zreikroxane184
    @zreikroxane184 2 роки тому

    So inspiring !!! Thanks for the tutorial 🤩

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

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

  • @puissantcroissant3926
    @puissantcroissant3926 5 років тому +10

    these look really aesthetic, great work ! : D

  • @GretaSia
    @GretaSia 5 років тому +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!

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

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

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

    Tbh Satori is behind the success of many Graphic designers today, I think this channel should be called Satori graphics University. Cause this channel has like all you need to start a graphic design business and the quality of the content allows you to keep in mind good ethics when working in the industry. Superb

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

      Thanks so much for these cool and kind words, have a great day

  • @BernardWilliams
    @BernardWilliams 5 років тому +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.

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

      Satori Graphics I just may do that Sir Tom.

  • @BryanSchultzitis
    @BryanSchultzitis 5 років тому +84

    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!

  • @md.shahadathossain8943
    @md.shahadathossain8943 5 років тому

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

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

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

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

      @@SatoriGraphics 💙

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

    Great tute. Got my basics down. Thanks.

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

    That was amazing, thanks bro!

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

    mind-blowing work

  • @user-hd6bv2ms9j
    @user-hd6bv2ms9j 5 років тому

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

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

    I loved it! Thank you!!!

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

    This is great n well put together thank you man

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

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

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

    Thank youuu I really enjoyed doing this tutorial!👍🏻

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

    Amazing sir and design look stunning 👍

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

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

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

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

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

    Awesome tutorial! thank you :)

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

    This is so cool, thanks for sharing !

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

    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

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

    Great video! This is so helpful.

  • @AliAli-zf3kx
    @AliAli-zf3kx 5 років тому +1

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

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

    Woudefull Satory! I love

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

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

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

    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

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

    Thank You for Teaching Very Useful Lesson.

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

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

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

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

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

    Thank you so much Satori :)

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

    Thanks mate. This video helped.

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

    i find it so relaxing to watch :)

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

    Really great video!

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

    Love this. Thank you! Great sound track too.

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

      Hey thanks a lot for the positive feedback 👍

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

    Really helpful tutorial thanks

  • @leonardthillmann9444
    @leonardthillmann9444 2 роки тому

    Thanks man, really cool technique :)

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

    This was sick thank you!!! 🙏🏽

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

    I love these isometric videos

  • @OUTWOLVY
    @OUTWOLVY 5 років тому +13

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

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

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

  • @zeeshansaligh9313
    @zeeshansaligh9313 2 роки тому

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

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

    Already seen twice love it :)

  • @khisus20
    @khisus20 2 роки тому

    This was great. Thanks a lot!

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

    Very nice one! Thanks

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

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

  • @b.graphics
    @b.graphics 2 роки тому

    Helpful video, thank you.

  • @jonathancheng8906
    @jonathancheng8906 5 років тому +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.

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

    Super awesome...thanks buddy

  • @commanderbeareladshahar6258
    @commanderbeareladshahar6258 2 роки тому

    Thank you so much! this is great!

  • @md.shorifulislam8366
    @md.shorifulislam8366 4 роки тому

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

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

    thank u great tutorial!

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

    You are such a gr8 teacher. Thank you!

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

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

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

    It was easy to follow these steps!! Thank you!!!

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

      Hey thanks Lynn, good to see you found the video useful

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

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

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

    tried some isometric illustrations.. it was fun.

  • @CommercialArtServices
    @CommercialArtServices 2 роки тому

    Ths was fantastic

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

    This tutorial helped me a lot. Thanks !

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

      Great to hear, thanks very much for the feedback

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

    That little instrumental in the background is the jam.

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

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

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

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

  • @May-rs1vz
    @May-rs1vz Рік тому

    LOVE IT!

  • @dekakapink
    @dekakapink 2 роки тому

    thank you. your video is very helpful

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

    very helpful, thank you.

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

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

  • @robbysalz8710
    @robbysalz8710 3 роки тому +9

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

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

    I LOVE THIS!!!!

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

    easy with nice result.

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

    thx for you tutorial master satori, really helpful for me

  • @younomikotaro6059
    @younomikotaro6059 2 роки тому

    thanks formake this tutorial

  • @Rekwalde_PoE
    @Rekwalde_PoE 4 роки тому +16

    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!

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

    Congrats, really nice tutorial !

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

    Your lesson is very helpful thank you & you explain it very well

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

      Thank you very much Minal, hope you have a great day!

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

    Great video. Thank you for sharing

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

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

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

    Thanks for this. Easy to follow

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

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

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

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

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

    Thank you so much !!!!

  • @dvdrip.k
    @dvdrip.k 2 роки тому +1

    Woooow!!! Nice!

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

    really perfect sir

  • @mahmoudali6205
    @mahmoudali6205 2 роки тому

    Great bro

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

    So talented man

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

    excellent thanx

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

    Beautiful 😍😍😍😍😍

  • @theeemed
    @theeemed 4 роки тому +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?