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...
📦 Join my mailing list and get a FREE design resources bundle! spoon.graphics...
🙏 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...
Deals & Discounts:
⭐ Get 20% off ANYTHING in my Spoon Graphics Shop - spoon.graphics...
⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics...
⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics...
⭐️ Download this Month's FREE Files from Envato - spoon.graphics...
Tools & Resources I Use:
⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics...
🛠️ Where I download the creative assets I need - spoon.graphics...
✍️ The graphics tablet I use: amzn.to/2GYNYEc
🎙️ The microphone I use: amzn.to/3AdkJsp
📢 The email newsletter service I use: spoon.graphics...
📈 The tool I use to help grow my channel: spoon.graphics...
Watch more of my content:
📺 See all my Photoshop tutorials - spoon.graphics...
📺 See all my Illustrator tutorials - spoon.graphics...
📺 Watch my most popular videos - spoon.graphics...
#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.spoongrap...
Visit my design blog: blog.spoongrap...
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

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

[@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!

[@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.

[@sarahloup4151]

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

[@AHFfr]

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

[@jonyikbal]

Thank you for sharing a great idea.

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

[@sromnorba]

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 :)

[@ralphmoreau2768]

Amazing as always

[@spoongraphics]

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

[@Senad023]

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

[@RafaEspinosa]

👍🏼 Great tutorial, thank you!

[@whiskiss]

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

[@mrpanicattack6688]

Yes! I need this! Thank you sir 🤗

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

[@shakez003]

This is awesome! Very useful tricks! Thanks!

[@alfielynch6071]

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

[@mehulpanchal775]

Excellent i always learn something new with this channel

[@denizcssb]

Thank you for this tutorial !! 🙏🏻

[@riantesperance4696]

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

[@dtpwart8193]

very nice!!! I have gathered experienced

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

[@harshitbishtt]

Really Helpful video Thanks

[@elvichuang405]

very helpful! Love the artwork

[@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!

[@xbrand884]

You got my attention thank you

[@alexaa1154]

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

[@tillmahler5810]

absolutely awesome tutorial, thank you!(:

[@Waumalu]

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

[@rayshaundw]

I love this!

[@zhengbichengwang7794]

awesome!

[@MACH_SDQ]

Very goooood !!!!

[@dzakwanirfan5138]

thankyou

[@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!

[@kartavyadhir8537]

maan its so cool

[@keeponspiral7572]

may be "monument valley " in future

[@UoEClover]

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

[@hrushi251]

next labbel bro!

[@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.

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

[@reuvenlevy]

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

[@sagihaviv5675]

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

[@PGNogueira]

Neat!

[@rabiasaif8483]

Wao❤😍

[@codxone]

Does 3d effect crate raster images?

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

[@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!

[@bsways]

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

[@richrichie7386]

👍👍👍

[@KTechy-]

🤩🤩🤩

[@KaiserBerger20]

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

[@samoyha1]

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

[@FroTravels]

learned something new, thank you :)

[@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.

[@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.

[@obv_design9310]

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

[@antons7210]

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

[@alimujtaba9989]

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

[@EngineerDJ_Julius]

Is Adobe Illustrator to only isometric 3D designer??

[@CloxyLoosen]

you're amazing

[@jasmineg2520]

Thank you so much for this!! Great video!

[@terrellcwoods]

EXCELLENT! Gonna dream up something now!

[@cs_photoshoot1982]

You are best❣️ thanks for the depth explanation👏

[@futurepilot5426]

Unbelievable ❤️👍

[@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!

[@LidyaAewez]

amazing, ver thanks :)

[@ParanormallyCorrect]

This is fantastic! I love isometric design!

[@naeemahabdelhameed3181]

Brilliant thanks for sharing

[@riccardo3942]

Wow! You're unique!

[@karlgustafson7850]

Great tutorial. Thanks!

[@Ham958]

Another great tutorial! Thanks Chris.

[@Studiojumpee]

Thank you so much.

[@Hotdog-ji4nj]

wow thank you

[@tinderbox218]

Looks like so much fun!

[@Luciano_mp]

Awesome, beautiful. thank you!👏

[@kartavyadhir8537]

great idea

[@hertzdesigns9166]

🔥

[@farhanariaz7660]

Great 👍👍

[@zz12863]

❤❤