Isometric City Illustrator Tutorial

In today's Adobe Illustrator tutorial I'm going to show you a really useful technique for creating isometric art, in particular an isometric city scene with loads of skyscrapers and bright neon lights. Usually, isometric illustrations would be drawn with the help of a grid, but this method makes it easy to build simple 3D objects in a range of shapes and sizes. Decorating the objects to turn then into skyscrapers is easy too. I'll show you how you can add colourful shapes to represent the windows, without having to worry about getting the angles right.
⭐️ Get Millions of Creative Asset Downloads from Envato Elements - spoon.graphics/envato
📦 Join my mailing list and get a FREE design resources bundle! spoon.graphics/freebundle
🙏 I don’t have a Patreon, but if you want to support my work, consider becoming an Access All Areas member on Spoon Graphics - spoon.graphics/membership
Deals & Discounts:
⭐ Get 20% off ANYTHING in my Spoon Graphics Shop with the code: 20OFF - spoon.graphics/shop
⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics/10freeimages
⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics/vintagefontsbu...
⭐️ Download this Month's FREE Files from Envato - spoon.graphics/free-files
Tools & Resources I Use:
⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics/getadobe
🛠️ Where I download the creative assets I need - spoon.graphics/envato
✍️ The graphics tablet I use: amzn.to/2GYNYEc
🎙️ The microphone I use: amzn.to/3AdkJsp
📢 The email newsletter service I use: spoon.graphics/aweber
📈 The tool I use to help grow my channel: spoon.graphics/tubebuddy
Watch more of my content:
📺 See all my Photoshop tutorials - spoon.graphics/photoshoptutor...
📺 See all my Illustrator tutorials - spoon.graphics/illustratortut...
📺 Watch my most popular videos - spoon.graphics/popular
#Illustrator #IllustratorTutorial #AdobeIllustrator
Adobe Photoshop & Adobe Illustrator design tutorials from Chris Spooner of Spoon Graphics. Subscribe to learn how to create stunning artwork as I share my tips and tricks in video format.
Join my mailing list: blog.spoongraphics.co.uk/subs...
Visit my design blog: blog.spoongraphics.co.uk
Follow me on Twitter: / chrisspooner
Join me on Facebook: / spoongraphics

[@spoongraphics]

Everyone who subscribes to my mailing list gets a FREE design resources bundle. 📦 Get yours here: spoon.graphics/freebundle

[@avereus5603]

this professional dude with rare talent taught everything about isometric design in one video

[@jessemoody2218]

This is SO cool, Chris! This level of clever/beautiful design deserves way more attention!

[@juanittaariassuarez6615]

I'm blown away by the symbols thing in the isometric shapes. Amazing!

[@RatchetRig]

AS IF you uploaded a tutorial on isometric design WHILE I'm struggling to make progress on an isometric design project You're a lifesaver, Chris

[@KaiserBerger20]

Amazing... love the way that you teach, you make it very easy!!!

[@obv_design9310]

Chris is always a lifesaver!!! Unique and professional tutorials! Thank you so much!

[@JerkyJones100]

This tutorial was a lot of fun to do. I even created my own Japanese Pagoda instead of one of the buildings. Great tut. Learned sooo much. Thanks!

[@racker9999]

Kudos for this great instruction! It is the hallmark of genius to be able to explain complicated things in simple ways. You are among the best at doing this.

[@AHFfr]

I'm genuinely thankful of you for making this video because it literally helped me in my project.

[@alfielynch6071]

Thanks for the great tips on isometric mapping Chris! You always make it look so easy :)

[@alimujtaba9989]

This is one of the best and clear tutorial out there.

[@samoyha1]

This IS SOOOO AMAZING and really easy to follow...so good‼ Thank you!🤗😊 Deserves a million views‼

[@ParanormallyCorrect]

This is fantastic! I love isometric design!

[@antons7210]

I just got the coolest idea for my project that needs something like this. Great guide!

[@sarahloup4151]

This is a game changer. I thank you from the bottom of my heart!

[@KARphotographie]

Thanks soon much! I'm actually in school in graphic design! Your help was pretty helpful! Now I can take my project to the next level

[@Ham958]

Another great tutorial! Thanks Chris.

[@Senad023]

This is so cool. Amazing approach! Thank you for sharing

[@whiskiss]

thank you so much. i m so in love with this

[@tinderbox218]

Looks like so much fun!

[@riantesperance4696]

Great tutorial... impressive stuff!!! Thank you so much

[@RafaEspinosa]

👍🏼 Great tutorial, thank you!

[@elvichuang405]

very helpful! Love the artwork

[@mrpanicattack6688]

Yes! I need this! Thank you sir 🤗

[@Luciano_mp]

Awesome, beautiful. thank you!👏

[@denizcssb]

Thank you for this tutorial !! 🙏🏻

[@terrellcwoods]

EXCELLENT! Gonna dream up something now!

[@shakez003]

This is awesome! Very useful tricks! Thanks!

[@jasmineg2520]

Thank you so much for this!! Great video!

[@ralphmoreau2768]

Amazing as always

[@karlgustafson7850]

Great tutorial. Thanks!

[@jonyikbal]

Thank you for sharing a great idea.

[@cs_photoshoot1982]

You are best❣️ thanks for the depth explanation👏

[@tillmahler5810]

absolutely awesome tutorial, thank you!(:

[@mehulpanchal775]

Excellent i always learn something new with this channel

[@FroTravels]

learned something new, thank you :)

[@blakeestes]

For anyone not seeing the same options (like Map Art) on the latest version of Illustrator, you can go to Effect > 3D and Materials > 3D (Classic) > Extrude and Bevel (Classic) to get to the same menu shown. Or you can use the new 3D and Materials panel, click on Materials, then Graphics, and add/move your windows around the object there.

[@lynneholman891]

thank you - just spared the world from listening to me have a massive tantrum :)

[@rayshaundw]

I love this!

[@Waumalu]

Beautiful.......I learned something new :-) !

[@harshitbishtt]

Really Helpful video Thanks

[@naeemahabdelhameed3181]

Brilliant thanks for sharing

[@xbrand884]

You got my attention thank you

[@MACH_SDQ]

Very goooood !!!!

[@kartavyadhir8537]

great idea

[@riccardo3942]

Wow! You're unique!

[@Studiojumpee]

Thank you so much.

[@kartavyadhir8537]

maan its so cool

[@futurepilot5426]

Unbelievable ❤️👍

[@dtpwart8193]

very nice!!! I have gathered experienced

[@Hotdog-ji4nj]

wow thank you

[@zhengbichengwang7794]

awesome!

[@LidyaAewez]

amazing, ver thanks :)

[@ranaalzhrini4061]

HELLO do you mind me asking you about the ( windows part) how did you do it because the map art choice isn't there in the 2022 illustrator version , where is it and how to do it . great tutorial thank you very much

[@farhanariaz7660]

Great 👍👍

[@dzakwanirfan5138]

thankyou

[@alexaa1154]

you discovered a new youtube channel wooow it presents a great content wooooooooooooooow it uploads videos every week wooooooooooooooooooooooooooow

[@PGNogueira]

Neat!

[@CloxyLoosen]

you're amazing

[@baza6127]

Hello, thank you for the tutorial. Do you have any advice for rescaling the buildings once done. When i try, everything moves and scales on its own. Thank you.

[@sagihaviv5675]

hello where can you find reference to design this kind of stuff or you just draw it by your self then traced?

[@UoEClover]

Thank you for the helpful tutorial! I've just started to use AI for a few days ^^

[@rabiasaif8483]

Wao❤😍

[@hrushi251]

next labbel bro!

[@hertzdesigns9166]

🔥

[@LogicPhilosophy]

at 9:00 if you are struggling to grab one corner to curve (I kept curving all corners despite clicking one), try to double click instead!

[@codxone]

Does 3d effect crate raster images?

[@KTechy-]

🤩🤩🤩

[@tholververamendi2414]

Hello, I loved the video but I have had problems since the window of map art does not appear someone knows the shortcut key

[@dominikakocikova9538]

Does anyone have problems with the asymetric top while making the town bottom? Its weirdly buggy and I the rectangle doesnt have the top

[@JayBaggio]

Hello, thanks for this. I get a msg on my laptop saying there is not enough RAM memory to process the look of the 3d illustrations (even with only 2 squares at 2:30 approx). Is this very heavy on a machine? I have 16 GB RAM. Anyway solution for this? Thanks

[@richrichie7386]

👍👍👍

[@keeponspiral7572]

may be "monument valley " in future

[@zz12863]

❤❤

[@xSoonix]

I'm working on adobe 2023 and I can't seem to find the option to choose the sides to place the windows on.

[@reuvenlevy]

Hello I have a problem with 3D My 16-sided cube. I do not understand

[@lynneholman891]

Was obviously an awesome tutorial 3 years ago but sadly I can't follow it with the newer version of Illustrator - had to abort - will go and look at your library to see if you have added an updated version - might be a good idea to remove this one now maybe.

[@IanJones942]

4:24 looks like the location of Map Art has changed - I don't see it. 😕

[@cldxp8083]

Just found it! Go to 3d extrude > materials > either graphics or graphs (my Ai isn't in english) > your graphs > scroll down and you should find it. The resizing tool is a bit finicky tho

[@IanJones942]

@@cldxp8083 Great!! Thank you!

[@EngineerDJ_Julius]

Is Adobe Illustrator to only isometric 3D designer??

[@bsways]

Just to say your appearance panel is the lower left not right 🙂

[@spoongraphics]

📺 WATCH THIS NEXT: Colourful 3D Isometric Text Effect Illustrator Tutorial - kzbin.info/www/bejne/aaCafX2KqNeNopY

[@DogiMetal]

4:21 Illustrator 2024's way of mapping a symbol on a 3D shape is not very handy now. The 2020's version (like you are using) is waaaaaaaaaaay better!