Illustrator Tutorial - Isometric Illustration

Song used in the intro:
‘Waon to Ame’ by Idealism
Illustrator Tutorial - Isometric Illustration
In last week's video I explained the basics of isometric design in Adobe Illustrator. Today we're going to expand that illustration into something bigger so you can learn a bit more about isometric illustration and see how I design stuff :) Enjoy!
Be sure to follow me on Instagram for all the latest updates!
Instagram: / campkeyframe
____________________________________
Don't hesitate to ask any questions you have in the comments! I will do my best to answer as many questions as possible.
If you liked the video, please consider hitting that like button! Subscribe to the channel to get even more tutorials (will be uploaded on a regular basis) and get your After Effects skills to the next level!
Thanks and enjoy :)
Bas

[@sabrisume1311]

thank you so much for this tutorial I learn a lot of things

[@heatherjenkins4292]

thank you! really helped

[@playfuldraftsman7222]

Fantastic tutorial, definitely going to improve my work flow on illustrator. Thank you 🙏

[@CampKeyframetutorials]

Awesome! :) I just uploaded a new isometric video yesterday, maybe you'll like that as well :) Cheers!

[@orange5165]

Really like your tutorials, thank you!

[@CampKeyframetutorials]

Thanks you so much! :)

[@jessicasingh3914]

Such a great tutorial! Thank you so much for this, also love it when you say 'Boom'! hahaha

[@CampKeyframetutorials]

Haha well thank you! :)

[@pathikbiswas9039]

vERY HELPFUL TUTORIAL THANKS

[@hombredemezcal]

BOOOOM! gracias

[@vivianalexandraflorescandi1357]

THANKS!!!! i love it!

[@CampKeyframetutorials]

Awesome! :)

[@thebillionaireclub2835]

it seems that you are expert thanks

[@valerialopez4333]

Love your videos!!!!! keep up the awesome works! if you could make more illustrator tutorials that would be great :)

[@CampKeyframetutorials]

Thanks! I'll create more Illustrator tutorials in the future! :)

[@thebillionaireclub2835]

metoo

[@Luciano_mp]

Brilliant work, congratulations!👏👍

[@CampKeyframetutorials]

Thank you Luciano :)

[@mistymoose4424]

A bit late but i have to say that this video made me love isometric illustration and your comentary is so funny and entertaining, you are a terrific teacher

[@CampKeyframetutorials]

Thank you so much for the kind words :)

[@ninamertz2394]

Hi, really great tutorial! Learned a lot. Could you perhaps also make a tutorial on isometric objects that are not following the grid? For example objects that lean against a wall, or that consist of more complicated structures like for example an LC4 chaise longue?

[@CampKeyframetutorials]

Great idea! I wanted to do another isometric tutorial about some more difficult shapes so I will put it on the list. I'm very busy at the moment with client work so I don't really have time for the channel right now but soon I'll be back and this I'll definitely do! :)

[@daredanny]

thx dude,love u tutorial

[@CampKeyframetutorials]

Thanks! :)

[@MJCFilms]

Been loving these isometric tuts. Any chance you're going to have an episode where you bring it all into after effects and animate it?

[@CampKeyframetutorials]

Thanks :) Yeah I will start making new tutorials soon and I'll also do some Isometric animation :)

[@vemariska]

@@CampKeyframetutorials Hi! Did you make this tutorial yet? Because I can't find it :(

[@CampKeyframetutorials]

@@vemariska Hey! I didn't animate this one but I did create a tutorial on how to create an Isometric camera in After Effects a while back. It's this one: kzbin.info/www/bejne/bHmrc52sZdJgppY Maybe that will help you :) I am planning on making some more isometric tutorials but haven't gotten around to it yet.

[@vemariska]

@@CampKeyframetutorials ok, thanks! I was curious about this one in particular, since I created this castle in Illustrator and wanted to know how to use that in After Effects :) But I'll check this one out, thanks!

[@thebillionaireclub2835]

i am enjoying your videos

[@iihdor]

Thank you so much

[@CampKeyframetutorials]

Glad to help! :)

[@uglystrawberry]

These isometric tutorial are excellent .. liked, subscribed and i hit the little bell icon ... other tutorials really just speed up the process.. for a beginner its hard to follow.... i hope you make more and make more detailed objects to add.. like cars, people, billboards etc.

[@CampKeyframetutorials]

Thanks so much! :) I will definitely make some more detailed isometric illustration tutorials in the future. I'm a bit busy with client work at the moment but I really want to create some new tutorials soon. So look out for them in the near future :)

[@alandraalexandria6526]

Hahaha true. I'm a beginner and this tutorial took me 6 hours to complete. But I still can keep up with this and make my workflow be better

[@HellsaSan]

Thanks so much for your channel and tutorials! I'm doing right now this lessons. Did anyone had an issue with shapes not being snaped to the iso-grid that we drew in the beginning? Pen tool is not accurate enough to the guides...

[@soixantecroissants]

One of the early tips was make sure in the view menu that snap to pixel is turned off - could that be it?

[@artwork8267]

very nice video !

[@CampKeyframetutorials]

Thank you :)

[@AnimatedLessons]

Hi, do you use any 3d as part of your workflow? A series on Cinema 4d lite would be pretty cool. I can't seem to find many tutorials for it online.

[@CampKeyframetutorials]

Hey! I never use any 3D elements because I never learnt that. Maybe try Grey Scale Gorilla, they have a huge course to learn you a lot about Cinema 4D. There is also a tutorial from a while back from Mt. Mograph about Cinema 4D lite. You can find it here: kzbin.info/www/bejne/p5fSnHh9bt6WjcU Cheers!

[@hebanafea2946]

Thanks alot this was very usefull.. can I know to to pick color fast.. what is the shortcut for it ??! And how to snap to grid correcttly

[@CampKeyframetutorials]

The letter 'i' on the keyboard is the shortcut for the color picker tool. Press 'v' on your keyboard to go back to the selection tool. To snap to the grid correctly, the only thing you should do is turn on 'smart guides'. You can find this option under the 'view' tab (shortcut is cmd-u)

[@hebanafea2946]

Thanks 😍

[@amoremioization]

Cómo se incluye una figura humana dentro de este tipo de ilustración vectorial isométrica?

[@gabrielparaizo6351]

Nice video! Let me ask you, what configuration on Ai do you let on so that pink lines keep appearing and helping to reach the point you want?

[@CampKeyframetutorials]

Hey! Thanks for watching :) You can turn on 'smart guides' (it's under the 'view' tab or you can press cmd+U) cheers!

[@pomade34]

merci beaucoup

[@CampKeyframetutorials]

Vous êtes les bienvenus :)

[@benjaminramet3044]

Nice Video ! I followed along very carefully ! I was wondering... can I use this for a school project ?

[@CampKeyframetutorials]

Yeah sure man, no problem :) www.dropbox.com/sh/sds3fd5qvqd74bv/AABwiDiA2NUAYyVDjOIDaAdba?dl=0

[@titanjedi]

Just a little too fast in some areas for me to understand what you've done/said, so I have to pause and go back constantly, but thank you for these tutorials; I am learning much.

[@CampKeyframetutorials]

Hey! Thanks for watching. I'll try to slow it down a bit in the future, I kin of can't help it so I hope I can try and pace myself haha. Cheers! :)

[@PerroFernando]

hola! muchísimas gracias por este excelente tutorial. te quería pedir ayuda con algo: cuando toco un anchor point con the pen tool borra el anchor anterior pero veo que eso no te sucede ¿cómo puedo cambiar esa configuración? gracias!

[@PerroFernando]

I solved it: pressing shift during the click disables the option to delete the anchor

[@jovanabolt7127]

is ur snap to grid on or snap to point? mine is not as precise and it wont snap to the grid

[@CampKeyframetutorials]

I actually have them both turned off. I use the smart guides so that way they snap to the grid.

[@29zakiamegafatmala92]

how to make grid like that?

[@Diafragmates]

Bij 'View' welke 'snap to' heb je aan staan? Alleen Smart Guides of niet?

[@Diafragmates]

Hij snapt soms net niet lekker bij mij

[@CampKeyframetutorials]

@@Diafragmates Ja heb altijd alleen smart guides aan staan, snapping heb ik altijd uit staan (vooral snap to grid)

[@astridtrisorio4894]

it´s an amazing tutorial, but whats happens to me is that the snapping is not really precise, there´s off with my Illustrator

[@giuseppepaolini6754]

22:55 when i do the miniwall shorter it cannot snap me to the grid unless i'm in a intersection of it... how can i do that? 24:42 all those cracks i have that too, but all those allignments to the grid you do after don't function on my file... why?

[@CampKeyframetutorials]

Hey! Yeah a lot of times the snapping to the grid doesn't work, only on the intersections. Some of the stuff I replace here is just me trying to make it fit and align, so it's just by my eye and guesswork. You can also select the white arrow tool and move individual anchor points around to make it all fit. Don't worry too much about everything being absolutely perfect on the grid. If it looks good, it looks good ;)

[@giuseppepaolini6754]

@@CampKeyframetutorials thank you very much boss!! btw awesome tutorial, the best i found on youtube

[@vigneshesakkinathan]

Reminds me of monument valley(puzzle game)

[@CampKeyframetutorials]

Yeah it's definitely inspired by that! :)

[@vigneshesakkinathan]

@@CampKeyframetutorials love your content man keep going

[@DatNguyen-ks9dx]

I love it. Can you tell me the size paper? ^^

[@CampKeyframetutorials]

Hey thank! :) The artboard is 1920 x 1080 pixels.

[@DatNguyen-ks9dx]

@@CampKeyframetutorialsThanks so much! ^^

[@Me9hera]

At 9:18 I don’t understand that? What did you do to make the window go right!?

[@CampKeyframetutorials]

I used the Isometric action I created in another video. You can watch it here: kzbin.info/www/bejne/iIPdpoCvf7aheNU

[@joniemixxd]

23:03

[@treyhotard1245]

Laughed when he said SURE IS BOIIII

[@CampKeyframetutorials]

Haha where did I say that? 😂

[@treyhotard1245]

@@CampKeyframetutorials 11:10 when sitting the pink flooring and making sure it was perfectly on the grid. Great videos btw!

[@CampKeyframetutorials]

@@treyhotard1245 Haha oh yeah. Thanks for watching :) Tomorrow I'll upload a new Isometric video that is part of a 4 part series on how to build an isometric city :) Cheers!

[@varpumaki]

Anyone having problems with gaps between objects?