Advanced Isometric Artwork [1/2] | Illustrator Tutorial

Today, we're inside of Illustrator creating some advanced isometric artwork. Using a GameBoy as an example, we'll learn how to turn flat planes of artwork into isometric using Illustrator actions, as well as the thought process required to turn those flat planes into a fully realised illustration.
Resources:
Illustrator File and Action File:
www.tiptut.xyz
Influenced by:
design.tutsplu...
Intro to Illustrator Series:
goo.gl/cddHHT
Livestream on the same subject:
goo.gl/PJPJwG
Thanks for watching!
TipTutZone [Discord Community Chat]:
/ discord
Website & Resources:
www.tiptut.xyz
Subscribe:
TipTut: / tiptut
LinkTCOne: / linktcone
Social Media:
Facebook: / tiptutzone
Twitter: / tiptutzone
Instagram: / tiptutzone
Dribbble: www.dribbble.c...
TipTut Theme Assets:
Colour Palette: www.flatuicolor...
Fonts: Lovelo, Caviar Dreams

[@FLOWTUTS]

Holly Molly hahah let's see how it's gonna take to animate it may the force of passion be with you

[@foyezes]

Awesome! I'll try to make an isometric game controller!

[@TipTut]

Foyez Uddin there's a livestream of me doing a SNES controller under the Livestream Archives playlist!

[@joananas6802]

I learned new stuff! Thank you

[@moboxgraphics]

Oh my 😍

[@TipTut]

MOBOX GRAPHICS Strap in! It's a long one.

[@TrailersGo]

Omg - thank you for the tutorial! ❤️

[@baranches]

Unfortunately, this way (scale 86.062 + shear 30 + rotate -30) produces antialiasing of the oblique lines and can't be considered as a pixel-perfect.

[@TipTut]

If you have an alternative please let me know I'd love to learn more!

[@SymbioticSense]

​@@TipTut I wonder whether using the iso actions on the image and then tracing directly from them would solve this 🤔 only one way to find out 😉

[@frostvisto9610]

Respect for the dedication and time put into this.

[@TipTut]

Frost Visto Oh it's definitely an involved tutorial. Thanks for watching!

[@juan_bosi]

You are the king.

[@TipTut]

You're the king!

[@katspajamaz]

I am definitely going to start using the shape builder tool. I didn't even realize it existed. Thanks for the isometric actions! cheers

[@vargnaar]

15:32 I don't understand why you didn't show the process of joining up the bottom to the side as it is something that complicates all of these kinds of isometric illustrations. I've been struggling with a gameboy pocket design that is just not cooperating and it would have been immensely helpful to see the process.

[@TipTut]

Not everything will constrain to the isometric axis. Just draw a line that you think looks good.

[@ignaciohouseville2965]

Hey man, great tutorial! Thanks a bunch. Any chance you could re link the Illustrator file? It doesn't work at the moment.

[@TipTut]

Hey, the hosting a changed. Just go to www.tiptut.xyz instead theres a resources page on there with it on. Thanks for watching!

[@ShadowMeowin]

well the actions are nowhere to find, ur website always leads to ur youtube channel, a little bit helpless right now

[@TipTut]

Hello, here's the link: dribbble.com/shots/4494763-Isometric-Actions although I do mention a video where I tell you how to create the actions as well in this video.

[@foyezes]

Where did you get the Nintendo game boy's images? Like the side view, top view etc.

[@TipTut]

Foyez Uddin Google Images dude.

[@n0tgod508]

I'm waiting for part 2 ^^

[@GambozzoBalozzo]

Aren't CAD tools way better for this purpose? you just need to model it, set the view and make a flatshot. Then you can export it wherever u want

[@TipTut]

GambozzoBalozzo yeah, but I and many others don't know how to use them!

[@TipTut]

Anyway, modelling it is just as if not more complicated.

[@GambozzoBalozzo]

TipTut that makes sense 🤔

[@DankStankable]

Such a good tutorial!

[@BorisChevreau]

Hey man, there seem to be an issue with your website, I can't get to it to download the scripts. Any chance we can get it from another source ? Anyone go them back in the day ?

[@BorisChevreau]

Nevermind, found the link on another comment. Here it is: www.matthewfryer.online/tiptut-resources Thanks sir Mathew !

[@TipTut]

Hey just try going to tiptut.xyz directly without following the link in the description.