ISOMETRIC Illustrator Tutorial: Isometric Tips & Techniques

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 KZbinr
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
KZbin: / @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 KZbin audio library and thus copyright free music.
• ISOMETRIC Illustrator ...

[@jessemoffett2296]

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

[@giovannipizzato6888]

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]

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

[@LadyNerdyLegalPants]

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]

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

[@thongdinh8434]

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

[@jackgipson9110]

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]

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]

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

[@androidcartoon3375]

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

[@lottekeulers9962]

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

[@honeynandal]

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]

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

[@gu.andreazzi]

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

[@RoguePixel]

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]

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]

it loooks so chill and the music and voice as well

[@richiekosher6218]

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!

[@SatoriGraphics]

Awesome, thank you!

[@nishes]

MY NEW FAVORITE CHANNEL!! LOVE YOU

[@Kodegems]

Much needed tutorial ! Thanks!

[@ANTONFIXER]

This tutorial is gold.

[@spacebardesignsteam3354]

Can't wait to try this!!!

[@eckyvonfoos3184]

Thank you. Please more of such tutorial

[@JackbanStudio]

Thank you for this tutorial!

[@arnabind]

Fantastic video, very helpful!

[@neetabudhraja]

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]

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]

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

[@christy5839]

Love this tutorial! Thank you so much!

[@SatoriGraphics]

Thanks a lot for the feedback Christy

[@p.yotkumemmanuel4785]

...patiently learning something over!!

[@Shahnawazsidd9]

You always my best guide for illustrator thank you so much

[@mikepart77]

Great job. Thank you!!

[@mohamdealabsi2743]

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

[@nirajfilms1040]

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

[@rajeshsanker5569]

Thank you Mr.satori,its a nice work

[@avmurugesh9735]

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

[@debjitmajumder3590]

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

[@SatoriGraphics]

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

[@viktoristd]

Nice tutorial. Thank you 🙂

[@talha5007]

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

[@rodrigobarros3211]

lovely turorial man! thanks

[@anton3773]

amazing lesson thank you for this

[@paulamourad4699]

Thank you for this video!

[@vitoriabdallavalle]

This was so helpful!

[@rafmolmo]

Beautiful. I love that.

[@lizahoule3246]

Thanks for this video. Appreciate👍

[@cubichead4870]

Muchísimas gracias por este gran aporte!

[@HamediaDesignStudio]

Awesome work!

[@jeps1700]

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]

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

[@UzayrKader]

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

[@EricaDyson]

One word - excellent!

[@alienatics1743]

Great tutorial as expected

[@EZZYLAND]

really good underrated tutorial

[@dezolatestation]

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]

Great job. I really need this...

[@onurerbay7672]

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]

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

Is the 57.74% a constant?

[@darinasembay425]

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]

Hey Darina, great to see you are finding my uploads useful! If you search 'satori graphics career' into KZbin, 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]

Thank you for the insight! I appreciate it!

[@pamuji_alfaruq]

Thanks u so much for this tutorial

[@gianlucabella7127]

Excelent content man. Please, keep it up

[@ashishsoni2431]

Thank you for this tutorial ^_^

[@debimishra7325]

i was eagerly waiting for this video

[@yl2692]

learn a lot from you video, thanks.

[@AdjhaVideo]

Thank's for your effort

[@n4n4ng86tube]

Cool & easy to understand

[@eduardodesigns6048]

Awesome bro!! Thank

[@ComputerTechnology073124930]

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

[@lilm0nstrr122]

thankyouuu its helped mee :)

[@sara.4745]

Thank you, so helpfull !

[@fluidman777]

Super awesome!

[@bohdanbh3547]

Thank you so much !!!!!

[@TeslaCryptoFund]

I can say enough, JUST WOOOW!

[@AwaisHunjrapk]

bravo superb tutorial new thing

[@jacksugden8190]

Excellent 👌

[@FAREEDKHAN-nz9uo]

Sir very very good tutorial

[@Narray5]

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

[@SatoriGraphics]

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

[@touseefhaider8587]

Bro u r really good Thanks A Lot Bro

[@_Mahen]

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

[@vidyaonline007]

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

[@SatoriGraphics]

Great news, thanks for sharing

[@keremsahverdi4654]

super tutorial thanks

[@moyejuddin7768]

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

[@SatoriGraphics]

I surely will, thanks a lot man

[@Bondeddesigns]

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]

great to hear that man, thanks for the feedback

[@FAREEDKHAN-nz9uo]

Very nice👌

[@reallymeaningfull]

Thank you!

[@SatoriGraphics]

No problem 👍

[@adarshsingh7398]

Awesome content 😍

[@adarshsomankutty]

I love longer videos..❤️

[@hassanabdullahi9760]

wow nice i have been looking for this

[@hassanabdullahi9760]

@@SatoriGraphics sure

[@hidyhide]

Awesome thanks 👍

[@SatoriGraphics]

no problem Hidy, thanks fore the comment

[@lileden9016]

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

[@dyle02]

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]

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

[@SatoriGraphics]

That's awesome to hear!

[@fazrulfatah4395]

niceeee thank u!!

[@blendin1406]

THANK YOU THANK YOU

[@TheObserver..]

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

[@onayliyorum]

thank youuuu

[@Pankaj-Verma-]

Awesome.

[@joyjoyjoy13131]

very cool)) thanks

[@SatoriGraphics]

Thanks for the comment Anya

[@Alice444V]

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

[@ELEGANTFOX]

Thank you

[@jeanmichelleoccena5581]

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

[@justkailash]

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]

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

[@jutyubxD]

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

[@sardaradnankhan2927]

great work dear

[@SatoriGraphics]

thank you for the feedback Adnan