ISOMETRIC Illustrator Tutorial: Isometric Tips & Techniques

Поділитися
Вставка
  • Опубліковано 30 лип 2024
  • Follow along with todays Illustrator tutorial, and learn how to make a super smooth isometric design. It is surprisingly easy to generate a neat isometric design, and with my step by step tutorial, you will see how rewarding it is too. So join in and make an isometric laptop with Satori Graphics.
    Adobe Illustrator doesn’t supply an isometric grid by default, and so I have a nifty work around that enables you to utilise an isometric grid for your designs. You do need to br precise in the rotation and heigh transformation, all of which is in the tutorial. Once the grid is realised, you can then use it to create an isometric design, in in this tutorial you will learn how to design an isometric laptop using Illustrator. If you do enjoy this lengthy style of tutorial, let me know and I will look to make more in the future. Also if you want to see more isometric designs I can do that too. I enjoyed making the isometric laptop, and I think you will too after watching the tutorial itself.
    If you found todays isometric 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
    Isometric Grid Creation: 0:11
    Laptop Base: 1:47
    Detail Lights: 5:57
    Touchpad: 7:04
    Keys: 8:42
    Screen: 11:40
    Second Screen: 15:10
    Shadow: 16:47
    🔴 Do you want me to critique and offer professional feedback on one of your projects?
    www.satorigraphics.net/typogr...
    🔴 Check out the perks for supporting me on Patreon!
    www.patreon.com/user?u=16576267
    LEARN Useful & Awesome Skills By Signing Up To 'Teachable'
    sendmeto.teachable.com/rQzbC
    Sign up to UNLIMITED downloads on graphic design elements & resources!
    1.envato.market/bVBDb
    🖥 Sign up to TubeBuddy to extend your creative POWER as a UA-camr
    www.tubebuddy.com/satori
    📢 📢📢 SUBSCRIBE To my 2nd Back-Up Channel!!
    / @tomsatori4074
    🔴 CHECK OUT MY GRAPHIC DESIGN DIGITAL DOWNLOADS:
    ➤➤ www.satorigraphics.net/typogr...
    **************** SUBSCRIBE TO SATORI GRAPHICS ****************
    ➤➤ / @satorigraphics
    7 FREE SCRIPTS FOR ILLUSTRATOR:
    • 7 FREE Illustrator Scr...
    How To Make Logo Designs w/ The Blend Tool
    • How To Make GEOMETRIC ...
    How To Save Illustrator Preference Settings:
    • Save Your Illustrator ...
    **************** MUSIC ****************
    JULIAN AVILA - Take Care / Solo / Pineapple Paradise
    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.
    • ISOMETRIC Illustrator ...
  • Навчання та стиль

КОМЕНТАРІ • 327

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

    Longer videos like this are something I personally enjoy rather then short ones. Thanks for sharing!

  • @giovannipizzato6888
    @giovannipizzato6888 5 років тому +23

    Awesome video! The longer format is sometimes needed to get the whole process through. It can help a lot to see a new technique applied from start to finish. Keep it up!

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

    I really love the attention to detail. Its the little details that sell the design

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

    Thank you for this tutorial! I was very intimidated by the idea of isometric design, but this made it much easier than I was thinking it was. :)

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

    Bless you! I have been learning so many things since I started to follow your tutorial! you are amazing!

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

    Love it, another dope, helpful tutorial. Thank you so much Satori.

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

    Excellent. I have done isometric drawings in woodworking class(very long time ago). They can be tricky. I knew it could be done in Illustrator but I never saw it taught. Great job.
    I like both formats too. The quick & dirty tips are very helpful but throw some longer ones in too. I'm all for it! Thanks again!

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

    Wow Sir Tom! This was an awesome tutorial. It looks like fun creating an isometric design. I will definitely may give it a go. Thanks for sharing. As always have a great day.

  • @mati_macedo
    @mati_macedo 4 роки тому +2

    That was so good!! Thank you so much! Keep up with the good content.

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

    amazing tutorial i have learned soo many things in this 19 min tutorial ....i love ur gradient color choice ..thanks man

  • @lottekeulers9962
    @lottekeulers9962 4 роки тому +3

    It took me some hours but it turned out great! Thanks for the great explanation!

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

    The Grids Played a really Major role in making this "Laptop" Design. The concept and Color theme is also really amazing. You works at a different level bro. This is just awesome, Maybe this is not enough for the Design and Tutorial you made. Thank you so much for the Video buddy!

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

    This was so helpful and awesome! Thanks for taking the time to make the video!

  • @gu.andreazzi
    @gu.andreazzi 5 років тому

    Really neat artwork again Tom.
    Liked a lot!
    Have a nice weekend, bro

  • @RoguePixel
    @RoguePixel 4 роки тому +3

    Thank you for this! I've being trying to expand on my portfolio by adding some isometric pieces. I recently made a desk design, and the keyboard was a nightmare. Your method is so much easier than me using the grid to make all the keys!

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

      Buddy, Can You Help Me To Build My Portfolio I Don't Have Any Background Of Computer And I Didn't Done Any Project I Want To Add Things That Will Give Me My First Project I Am A Web Developer

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

    it loooks so chill and the music and voice as well

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

    this is probably the best tutorial on the use of isometric grids in illustrator I've seen so far! this was really, really helpful. keep up the good work!

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

    MY NEW FAVORITE CHANNEL!! LOVE YOU

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

    Much needed tutorial ! Thanks!

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

    This tutorial is gold.

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

    Can't wait to try this!!!

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

    Thank you. Please more of such tutorial

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

    Thank you for this tutorial!

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

    Fantastic video, very helpful!

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

    Woow... thank you so much..
    Isometric designs are very new to me..
    I dint know how to use the grids.. specially the height adjustment aftr rotating it at 45° . I will also try this isometric design today.. 👍

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

    Having spent my life in Desk Top Publishing and Signage, Illustrator has always been my goto since 1994.
    Just the other day I was again referred to as an "Illustrator wizard", which I tend to disagree with.
    Alas, it's mind boggling what others do and all the different approaches they use.
    The more you know, the more you know how much you don't know!
    Thanks for the awesome content! :-)

  • @p.yotkumemmanuel4785
    @p.yotkumemmanuel4785 4 роки тому

    Hello over...interesting! looking forward to learn more.

  • @christy5839
    @christy5839 4 роки тому +3

    Love this tutorial! Thank you so much!

  • @p.yotkumemmanuel4785
    @p.yotkumemmanuel4785 4 роки тому

    ...patiently learning something over!!

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

    You always my best guide for illustrator thank you so much

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

    Great job. Thank you!!

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

    You are an amazing and creative man and your smile is distinctive

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

    amazing design as wel as tutorial sir
    thank you so much for teaching

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

    Thank you Mr.satori,its a nice work

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

    Brilliant work...thank you brother...you impressed..

  • @debjitmajumder3590
    @debjitmajumder3590 4 роки тому +2

    The Attention to the Smallest of Details matters while designing anything ........ Thats the most challenging part !!!!!

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

      yeah that's true a lot of the time, and it's difficult if you don't have much time lol

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

    Nice tutorial. Thank you 🙂

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

    very easy to follow instructions.
    good job.
    you earned one sub.

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

    lovely turorial man! thanks

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

    amazing lesson thank you for this

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

    Thank you for this video!

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

    This was so helpful!

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

    Beautiful. I love that.

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

    Thanks for this video. Appreciate👍

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

    Muchísimas gracias por este gran aporte!

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

    Awesome work!

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

    Didn't think it was so easy to do that, or maybe it's just you making it easy. Thanks, great tutorial ! Was looking for something like this

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

      great to see you were able to get something out of the video :)

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

    holy shit the way you made the touchpad 3D with the extra stroke. THIS is why we come to you

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

    One word - excellent!

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

    Great tutorial as expected

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

    really good underrated tutorial

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

    i'm interesting to isometric scene so i decided to moving on from Corel draw to Adobe illustrator
    i need to learning tool again but when i done something in illustrator,why it's look's more professional than i do in corel draw lmao .
    thanks Satori for this :D
    SubS!

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

    Great job. I really need this...

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

    Great tutorial Mr. Satori, I've learned great things like that 57,74% value for transforming into isometric shape. Will try that one out. Thanks again!

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

      @@SatoriGraphics Is there a place where I can see a bigger version of the isometric design you used as a thumbnail for the "4 tips being organized" video? I like that one :)

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

      Is the 57.74% a constant?

  • @darinasembay425
    @darinasembay425 4 роки тому +3

    Thank you very much for this wonderful tutorial! Personally, I am trying to change my occupation, and your tutorials are making it way easier and more engaging!

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

      Hey Darina, great to see you are finding my uploads useful! If you search 'satori graphics career' into UA-cam, there may be older vids on this industry from a business perspective. However the channel The Futur do a good job on this topic 👍🏻

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

      Thank you for the insight! I appreciate it!

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

    Thanks u so much for this tutorial

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

    Excelent content man. Please, keep it up

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

    Thank you for this tutorial ^_^

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

    i was eagerly waiting for this video

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

    learn a lot from you video, thanks.

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

    Thank's for your effort

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

    Cool & easy to understand

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

    Awesome bro!!
    Thank

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

    i hope if you can make a complex and very advanced tutorials in the feature . and all your tutorials are awesome :)

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

    thankyouuu its helped mee :)

  • @sara.4745
    @sara.4745 Рік тому

    Thank you, so helpfull !

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

    Super awesome!

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

    Thank you so much !!!!!

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

    I can say enough, JUST WOOOW!

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

    bravo superb tutorial new thing

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

    Excellent 👌

  • @FAREEDKHAN-nz9uo
    @FAREEDKHAN-nz9uo 5 років тому +1

    Sir very very good tutorial

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

    Thank you.. I m happy I leant something new today

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

      that's great to know, thanks for your comment man

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

    Bro u r really good
    Thanks A Lot Bro

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

    Wo thank you so much bro awesome one of the different channel in world........

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

    santori very nice explanation. I just followed the video and got a nice design.

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

    super tutorial thanks

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

    You are great man.. love your work. keep it.

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

    I am new to isometric designs.. But i want to incorporate this in my design which explains a chemical laboratory work flow.. It involves designing beakers, ovens, flasks etc.. This helped a lot to understand the basics.. Thanks much.

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

      great to hear that man, thanks for the feedback

  • @FAREEDKHAN-nz9uo
    @FAREEDKHAN-nz9uo 5 років тому

    Very nice👌

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

    Thank you!

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

    Awesome content 😍

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

    I love longer videos..❤️

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

    wow nice i have been looking for this

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

    Awesome thanks 👍

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

    Good video, don't worry about the length, i could watch 1 hour video of you explaining some Ilustrator techniques.

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

    Hey ! Nice tuto, really ! Can I have some advice about how I can put the writing rightly on the second screen ? Thanks a lot !

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

    I've learned so much from you bro.. thanks for this...

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

    niceeee thank u!!

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

    THANK YOU THANK YOU

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

    That's one of the great videos on your channel.
    Please do next work on #MeshGradient.

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

    thank youuuu

  • @Pankaj-Verma-
    @Pankaj-Verma- 5 років тому

    Awesome.

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

    very cool)) thanks

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

    this deserves a love not like button , Thanks for the awesome technique!

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

    Thank you

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

    How did you calcualte the 57.74%? I'm just curious is it fixed or flexible depends on the width and height? Thanks

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

    no problem . . good content always has a longer session . . please dont be afraid to share longer video . . .. I also request you to do a video about Adobe illustrator Extensions and actoins (free and paid both) . . which can increase creativity and productivity . . thank you

  • @snowsnow4231
    @snowsnow4231 5 років тому +76

    8:06 I tried to understand that 300 IQ move for an hour

    • @jutyubxD
      @jutyubxD 4 роки тому +6

      @@JavierTorres-zv4bj ctrl+c >> ctrl+f >> ctrl+x >> change stroke from uniform to the other one :D

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

    great work dear