Learn Skills For QUALITY ISOMETRIC DESIGN - Illustrator Isometric House Tutorial

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

Комментарии • 543

  • @SatoriGraphics
    @SatoriGraphics  3 года назад +32

    Here's an isometric video that uses gradients and textures: ruclips.net/video/M2-4-URRYn8/видео.html

  • @TheDracoChick
    @TheDracoChick 3 года назад +114

    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 Год назад +2

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

    • @TheDracoChick
      @TheDracoChick Год назад

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

  • @ZanStermecki
    @ZanStermecki 4 года назад +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

  • @brynocerouss
    @brynocerouss 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!

    • @oooCrackerooo
      @oooCrackerooo 2 года назад +1

      You saved me from biting my elbows

  • @shadowofthemoon9195
    @shadowofthemoon9195 5 лет назад +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 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

  • @latesttrend8674
    @latesttrend8674 2 года назад +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  2 года назад

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

  • @Rekwalde_PoE
    @Rekwalde_PoE 5 лет назад +18

    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!

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

  • @sumonangelo
    @sumonangelo 5 лет назад +251

    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!

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

  • @felipebarriospulecio8290
    @felipebarriospulecio8290 Год назад +1

    Woudefull Satory! I love

  • @novelafilmacademy
    @novelafilmacademy 2 месяца назад

    Great tutorial! Isometric design can be quite challenging, but your step-by-step approach makes it accessible and enjoyable

  • @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

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

  • @abubalo
    @abubalo 5 лет назад

    What I really cherish about your video most is your "accent". That's why I always love to watch your video every day.

    • @abubalo
      @abubalo 5 лет назад

      I love everything about you!

  • @datapenguin
    @datapenguin 5 лет назад +1

    That little instrumental in the background is the jam.

  • @dropshippingproductvideos78
    @dropshippingproductvideos78 4 года назад +1

    SATORI is the best on RUclips .... Im Lucky for I have a Professional Graphics Teacher (SATORI)

    • @SatoriGraphics
      @SatoriGraphics  4 года назад

      Hey thanks for the feedback, hope you have a great day

  • @obscurus1344
    @obscurus1344 4 года назад +1

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

  • @daniyalzaidi4758
    @daniyalzaidi4758 5 лет назад +1

    I love these isometric videos

  • @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

  • @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.

  • @ce9195
    @ce9195 5 лет назад +11

    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.

  • @almaskhawaja8022
    @almaskhawaja8022 5 лет назад

    Stori Graphics is the best youtube channel for leaning graphics.

  • @emilyandollidamra
    @emilyandollidamra 2 года назад +1

    Satori, you are magnificent!

    • @SatoriGraphics
      @SatoriGraphics  2 года назад

      Hey thanks a lot! I'm currently drinking some tea btw

    • @emilyandollidamra
      @emilyandollidamra 2 года назад

      @@SatoriGraphics That’s good, never skip teatime😊

  • @SpunkyGecko
    @SpunkyGecko 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!!

  • @zeeshansaligh9313
    @zeeshansaligh9313 2 года назад

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

  • @minna6304
    @minna6304 4 года назад +34

    I don’t use illustrator, but this was still a really helpful tutorial for me as well! thank you!

    • @SatoriGraphics
      @SatoriGraphics  4 года назад +2

      that's awesome to know Minna, cheers for the comment!

  • @hashemhashem1983
    @hashemhashem1983 4 года назад +5

    I loved it, especially when creating the grid, that alone made me feel its 50% of the job

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

  • @Kolby3185
    @Kolby3185 5 лет назад +2

    Really great video!

  • @igeoerre
    @igeoerre 5 лет назад +1

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

  • @shaunhill2466
    @shaunhill2466 2 года назад

    Love the opaCITY.

  • @dvdrip.k
    @dvdrip.k 2 года назад +1

    Woooow!!! Nice!

  • @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.

  • @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.

  • @puissantcroissant3926
    @puissantcroissant3926 5 лет назад +10

    these look really aesthetic, great work ! : D

  • @kappadesign12
    @kappadesign12 Год назад

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

  • @494cara
    @494cara 4 года назад +12

    Thx so much for the tips, currently finishing my degree during COVID-19 at home 🌚

    • @SatoriGraphics
      @SatoriGraphics  4 года назад +3

      Cheers for the comment Ana, and all the best for your degree 💪

  • @minalsalvi8968
    @minalsalvi8968 4 года назад +1

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

    • @SatoriGraphics
      @SatoriGraphics  4 года назад +1

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

  • @gabrielvilanova1193
    @gabrielvilanova1193 Год назад

    Thank you!!! One thing... The shadow over the table shouldn't be in the same line as the ground because the table is higher. Thanks! I just save it!

  • @adriands8207
    @adriands8207 5 лет назад

    Very nice one! Thanks

  • @natashayoung5524
    @natashayoung5524 2 года назад

    I LOVE THIS!!!!

  • @gaptosmreyem9745
    @gaptosmreyem9745 4 года назад +2

    Little tipp: Make a grid, then rotate it 45° and press [Ctr]+[8] and then transform the hight to 57,74%. I think thats it.

  • @vitaliano01
    @vitaliano01 4 года назад +1

    Thanks for this. Easy to follow

  • @esrademirel9649
    @esrademirel9649 4 года назад +1

    awesome i didn't have to speed up the video, useful, cheers!

    • @SatoriGraphics
      @SatoriGraphics  4 года назад

      Great to know, thanks for the feedback Esra

  • @jospargo8417
    @jospargo8417 4 года назад

    Great tute. Got my basics down. Thanks.

  • @mfrophoto
    @mfrophoto 4 года назад +3

    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.
    😁

  • @prasantbasnet2393
    @prasantbasnet2393 5 лет назад +1

    tried some isometric illustrations.. it was fun.

  • @lilatroncoso2377
    @lilatroncoso2377 5 лет назад +1

    i find it so relaxing to watch :)

  • @md.shahadathossain8943
    @md.shahadathossain8943 5 лет назад

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

  • @azrielastamarulloh8971
    @azrielastamarulloh8971 4 года назад +1

    thx for you tutorial master satori, really helpful for me

  • @bizarre1409
    @bizarre1409 5 лет назад +1

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

  • @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 :)

  • @leerobinson4503
    @leerobinson4503 4 года назад

    Affinity Is amazing for isometric design.

  • @felixnewhouse2685
    @felixnewhouse2685 5 лет назад +1

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

  • @leonardoernst4390
    @leonardoernst4390 3 года назад +1

    Congrats, really nice tutorial !

  • @AyushBakshi
    @AyushBakshi 5 лет назад +2

    Thanks mate. This video helped.

  • @May-rs1vz
    @May-rs1vz 2 года назад

    LOVE IT!

  • @adlok478
    @adlok478 4 года назад +1

    I have a big problem with isometric! never used it! thanks for lesson

  • @HASSANTAHIR
    @HASSANTAHIR 5 лет назад

    i tried this and i made a fantastic isometric house :) thankyou brother

  • @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 💙

  • @raccoon2951
    @raccoon2951 5 лет назад +1

    Beautiful 😍😍😍😍😍

  • @abdulvakil25
    @abdulvakil25 4 года назад +4

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

  • @yasrimy1147
    @yasrimy1147 5 лет назад

    So talented man

  • @mehrdadhelmi
    @mehrdadhelmi 4 года назад +2

    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 :)

  • @knight100
    @knight100 3 года назад +1

    Fire content!!! thank you sir!!

  • @tomatosoup3865
    @tomatosoup3865 5 лет назад +3

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

  • @jjfecik
    @jjfecik 5 лет назад +14

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

  • @Braquita92
    @Braquita92 5 лет назад

    Dude your voice is so soothing

  • @mariaazhar1744
    @mariaazhar1744 5 лет назад +1

    Amazing sir and design look stunning 👍

  • @iamSho
    @iamSho 4 года назад

    awesome work dude. you make it look way too easy...

  • @swx6074
    @swx6074 5 лет назад +14

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

  • @leonardthillmann9444
    @leonardthillmann9444 3 года назад

    Thanks man, really cool technique :)

  • @TheNancyZalezgo
    @TheNancyZalezgo 4 года назад +1

    excellent video, regards from Spain, thanks

    • @SatoriGraphics
      @SatoriGraphics  4 года назад

      happy to hear that Johana, have a great day back there in Spain

  • @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

  • @SelenGursoy
    @SelenGursoy 5 лет назад

    This was great. Just wanted to say that the shadow on the table should not be as same as the shadow on the floor. This way it seems the table top is sticked to the floor.

  • @JayBaggio
    @JayBaggio 2 года назад

    good tip for the 57.74% on the grid H value at 01:55 thanks

  • @ashishsoni2431
    @ashishsoni2431 5 лет назад +1

    Really helpful tutorial thanks

  • @alyssaalberto9143
    @alyssaalberto9143 Год назад +1

    I appreciate this!!!! I am learning everyday

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

  • @md.shorifulislam8366
    @md.shorifulislam8366 4 года назад

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

  • @davidsmusic
    @davidsmusic 3 года назад

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

  • @raksmeyartdraw
    @raksmeyartdraw 4 года назад +1

    Great video. Thank you for sharing

  • @nadinemeshref5912
    @nadinemeshref5912 2 года назад +1

    very helpful, thank you.

  • @Incognition37
    @Incognition37 4 года назад

    This really inspired me. Will you bring the isometric design back?

  • @christinegivens9048
    @christinegivens9048 4 года назад +1

    Love this. Thank you! Great sound track too.

    • @SatoriGraphics
      @SatoriGraphics  4 года назад

      Hey thanks a lot for the positive feedback 👍

  • @shukrarai7780
    @shukrarai7780 4 года назад

    Thank You for Teaching Very Useful Lesson.

  • @TTTanya
    @TTTanya 5 лет назад +2

    This looks amazing! I'm gonna try it right now, but I'd like to say that if you do a tutorial it would be much much better to show every little detail you do because people who know all that stuff don't watch tutorials and for us, people who came here to actually learn, seeing that you skipped so many things is pretty disappointing:(
    Otherwise, great video, thank you :)

    • @TTTanya
      @TTTanya 5 лет назад

      Soooo, I just tried it and o my god that was so fun to do! And, I'm taking my words back, I easily did everything following your tutorial and there was really no sense in showing parts you skipped. Everything turned out to be much easier than it seemed when I just watched your video.
      Again, thank you for the amazing tutorial, can't wait to play with isometric designs more and more!
      By the way, if you, or anyone else, want to see what my house looks like here's my insta - @kitttq
      (sorry for self-promo, I'm just super excited to share my drawing)

  • @zreikroxane184
    @zreikroxane184 3 года назад

    So inspiring !!! Thanks for the tutorial 🤩

  • @kevinIi
    @kevinIi 4 года назад

    Thank you so much Satori :)

  • @harshadaaupare
    @harshadaaupare 4 года назад

    Super awesome...thanks buddy

  • @b.graphics
    @b.graphics 3 года назад

    Helpful video, thank you.

  • @cee1724
    @cee1724 3 года назад +3

    I tried this but my grid isn't in perfect squares so my lines don't snap xD
    I jumped to autocad and did the isometric there, saved it to 2007 version, opened it up on Illustrator to color it. It looks so cool!!! This tutorial is so cool!!! Vector art is so amazing ♥️✨

    • @SatoriGraphics
      @SatoriGraphics  3 года назад +1

      Glad you liked it Cee, isometric design is pretty neat :D

  • @tarraxart
    @tarraxart 3 года назад

    Thank youuu I really enjoyed doing this tutorial!👍🏻

  • @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.

  • @cngwt3979
    @cngwt3979 5 лет назад

    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!

  • @SimonHakai_
    @SimonHakai_ 5 лет назад

    Brilliant!!

    • @SimonHakai_
      @SimonHakai_ 5 лет назад

      I’m truly inspired by your work, and I learn a lot from you. Keep on teaching us! 😁

  • @clickmedia1937
    @clickmedia1937 4 года назад +1

    Pure gold brother !!

  • @bestamazonsellpoint5840
    @bestamazonsellpoint5840 3 года назад +1

    very learning Tutorial,,,,
    i am learning your video
    see & try From Tutorial

  • @okissme
    @okissme Год назад

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