1 Project and 3 Different Axonometric Styles in Architecture

Start using Rayon for free today: www.rayon.design/?... Thanks Rayon for Sponsoring this video!
Looking to upgrade your Diagrams skills? Enroll now on our Isometric Diagrams Masterclass: www.learnupstairs.com/courses...
~
In this video, we're exploring 3 different axonometric styles! I used a combination of Illustrator, Photoshop, and Vray to get these results. The modeling part was done in Sketchup because the idea was to have just a fairly basic 3d model. But if this was a real project workflow, I'd probably have worked in Archicad and then exported the base files from there. The rendering step was done using Vray because it's a very flexible engine, but the rendering Style can also be achieved with other engines (even real-time).
If you want to dive deep into a course that teaches you the best workflow to work with Isometric Diagrams, check out our premium course here: www.learnupstairs.com/courses...
And if you're looking for more free tutorials, we have a full playlist dedicated to this topic: • All about diagrams!
Learn more about the project from WERK: werkarkitekter.dk/projects/sp...
Want to create your own version or the diagram? Or get a closer look at the files (.Ai, .Psd. 3D)?
Check out the video files here: learnupstairs.gumroad.com/l/x...
Packs mentioned in this video:
Vegetation Pack: learnupstairs.gumroad.com/l/v...
Scale Figures Pack vol.2: learnupstairs.gumroad.com/l/s...
Collage People Cutout Pack: learnupstairs.gumroad.com/l/5...
~
Timestamps
0:00 Intro
0:47 More about the project from WERK
1:32 Drawing the plan with Rayon
3:29 3D modeling
3:58 Exporting the pdf
4:33 Organizing the Illustrator file
6:23 1st style: Colored lines
10:02 Learn more about diagrams
10:24 2nd style: Textures
11:56 3rd style: Rendering
16:18 bonus tip: Clay renders
17:05 Final thoughts
~
A platform to learn Architecture Representation and Visualization:
learnupstairs.com
You can also follow us here:
Instagram: / learnupstairs
Pinterest: / learnupstairs
Let's talk:
[e-mail]

[@ShowItBetter]

What an awesome video! Back to the basics of a good old diagram. Loved it.

[@LearnUpstairs]

Thanks dude! 🙌

[@TheSid259]

I didn't know in the first diagram that all it needs is a gradient to give the linework this wonderful look. That is such a life-saving hack🤯. That was actually full of little but important tips & tricks packed video. Thanks!

[@illustratingarchitecture7204]

This is what a genuine teacher looks like. I've learned a lot from you, thanks❤

[@alejandrojimenezrestrepo9377]

I love all your content, it has been a lot of learning for me and I'm only halfway through all your videos, you are incredible, thank you for sharing your knowledge

[@dududadadede96]

Brilliant. The scaling on the cheat sheet is a step I didn't know I needed to do but will keep in mind, thank you.

[@LearnUpstairs]

This is the old-school method of working with isometrics! Now illustrator already has a tool that converts objects to any view. However, for some reason, I'm so used to working with the SSR method that I prefer it over any ready-to-use tool. May be also because it then works in any software, but yeah that cheat sheet is a lifesaver to get those values memorized! Thanks for the feedback!

[@markpage5400]

My favourite of the three is the third exploration... Thank you Oliver for the useful content.

[@NikhilKumar-fi2tb]

thanks for making these types of videos. It really helps to take our visualization methods to a whole new level.💯🔥🔥

[@Studio39DesignStudio]

Just epic, really enjoyed seeing the process and attention to detail

[@ARMY-ho2so]

좋은데요ㅎㅎㅎ 차근차근 따라하면서 다이어그램 만들어 보겠습니다 :)

[@MelosAzemi]

Incredible video as always Oliver! The Archi community needs a lot more tutorials like these :)

[@LearnUpstairs]

Thanks for the support, Melos! Appreciate the kind words!

[@flowupdesign]

this is awesome thanks for always posting useful content.

[@kenyomusa]

Excellent tutorial. Thank you for purting this information out into the world

[@chiaratorri3530]

Loved this video. Wow!

[@victoriamarchiorato8439]

Loved this video!!

[@ahmedelnefily]

Really helpful and informative thank you!

[@lokeshsai3691969]

Thank you for everything

[@cantoworkshop]

Amazing video Oliver 👏🏼

[@franciscoseisdedos]

Amazing vídeo and great ideias on how to show the projects in a more interesting way. :)

[@fernandocabrera346]

Amazing! I forgot about clay renders straight out of sketchup with the vray plug in! Thanks for the video, you always deliver, Oliver!

[@LearnUpstairs]

Thanks, Fernando! I know, right? Even though I'm switching to faster engines that are coming around, sometimes the basics are still reliable

[@zhraa2601]

stunning representation

[@BukhariJahfar]

Thank you very much ❤

[@kirubeltesfaye8656]

WAS VERY HELPFULL 🤙

[@aleenahassan]

THANKYOUUU

[@yamrajji2569]

Enjoyed it.. 👍

[@najimohamed503]

Great video thank you

[@brunobordini7696]

Love it, Oliver!

[@LearnUpstairs]

Thanks as always, Bruno! 🙏

[@juniornxumalo3225]

Rayon ? SOLD !!!

[@jasurjahongirov8456]

Why ?

[@YaelLeonSuarez-xj2gq]

I should have tried them for my last remodel!

[@jonathancantor3477]

geez high level skills

[@brighttooth3592]

Thank you

[@aleenahassan]

Loveee this videoo

[@BlaBla-sf8pj]

superbe !

[@KeitonArq]

Fantástico ♥ !

[@rMittraMedia]

Such a cool and great video, loved the way this video is edited would be great if you could share all the SFX you used in the video loved them

[@nidhisingh-ky1of]

thank uu

[@edgarschefer394]

nice styles, nice guy!

[@davidroa6570]

gracias por existir, de verdad que me has ayudado bastante en la manera de comunicar más acertivamente los prroyectos de arquitecura durante mi paso por la universidad.😍🤯

[@LearnUpstairs]

De nada! Gracias por el comentario y el apoyo 😄

[@yugi9710]

Awesome result ! Tho I'd never have enough time to use it on an actual project.

[@thaaer_shaabo3130]

THANK YOU MAN ♥ NICE TUT 12:07 JUST IN SSR METHOD I THINK IT SHOULD BE : SCALE : LEFT, TOP , RIGHT =82.062% (BTW: IF U MAKE IT EXACT 82% THERE WILL BE A SMALL GAP BETWEEN TOP AND RIGHT FACE) SHEAR ; LEFT : -30 , TOP : 30 , RIGHT : 30 ROTATE : LEFT : -30 ,TOP : -30 , RIGHT : 30 BEST REGARDS

[@EnesDursun...]

abi artık santiago bernabeu stad videosu gelmeli bence. Dünya üzerindeki diğer büyük stadlarında tabiki

[@rajendrameena150]

Rhino is best for such work, you can just do any sort of line work inside it and export to illustrator directly with layers.

[@Afina7]

🔥🔥🔥

[@mizginsancar3444]

Hello !! How can I find the textures that you are using in the second style? thank you for this amazing video !!

[@carlosmanuelgasca7189]

Man axonometrics look way harder than I thought

[@aliyagenjiyeva730]

Follow from turkmenistan 😊 Good job

[@Youtuber13111]

What balance do you suggest we have between Rayon and BIM software like CAD or Revit during a project ? What stages would you use each for example ?

[@LuluHermosa23]

Subbed!

[@ignaciovalenzuela789]

Hello! i love your videos. In the illustrator axo, how did you selected the fields and glasses?

[@LearnUpstairs]

Thanks! I used the Select Same function to select them based on the color fill. Select > Similar > Fill Color

[@eooe2192]

If I don’t have illustrator can i do the same with inkscape ? For creating this diagrams ??

[@Raadarchitecture]

Hey thanks for the video, is there anyway to work both with illustrator and photoshop and at the end have the lines as vector for good quality print?

[@LearnUpstairs]

Unfortunately, I don't think so. Photoshop is raster-based, and as far as I know, it only works with pixels. But if your main goal is to have a high-quality result that is good for print, then all you need to do is increase the size in Illustrator, update over Photoshop, and go from there. The downside is that the file can get quite big if you add too much pixel density (which doesn't happen with the vector file exported from Illustrator).

[@kathleenh.9476]

Hey Oliver, wonderful video! Quick question: when you organize your layers after going from Sketchup to Illustrator, do you do anything to join paths or close shapes? I noticed that you are able to fill your layers with colors easily (@ 6:46)- I have had issues in the past bringing in models from Rhino into Illustrator and then trying to fill in shapes quickly since they don't always remain closed after using the Make 2D command. Thank you!

[@LearnUpstairs]

Hey, Kathleenh! Thanks! I don't do any join paths or close shapes because I export from Sketchup using a viewing style that has colored faces. So then when I open the PDF in Illustrator the closed shapes are already there. And as you saw on the video, the lines also come sort of duplicated on top of everything. What I noticed in the past is that if I have a black-and-white viewing style in SketchUp and then export a PDF, there won't be any faces on the files. So I'd try to see if there are other viewing methods in Rhino to export a PDF, or if you can find settings that enable you to turn on faces in some way. I wish I knew more about Rhino to give you a good solution, but unfortunately, I don't. I know this is not the solution you're looking for, but you can always resort to the Live Paint Bucket Tool to fill in the areas. It's a lot of work, but a lot less than joining lines.

[@kathleenh.9476]

That makes sense. Thank you so much! @@LearnUpstairs

[@adrienva5239]

Can you upload the tress for rhino and sketchup?

[@rochelle1192]

Hi! How do you maintain scale when moving from program to artboard? Example, how are you sure that you’re still in 1:50 or 1:100 in any setup?

[@LearnUpstairs]

Hey Rochelle! From experience, I never used a fixed scale with an isometric drawing. I know that can be necessary, but from all the projects I had to work on during university or competitions I joined, I never had to maintain a fixed scale number in this type of diagram. It was more important to maintain proportions. But if I ever needed to display some sort of measurement of scale, I'd add a graphic scale that can be resized with the drawing, ensuring the measurement is real to the design. I hope that makes sense! Now if we are talking about other types of drawings that need a fixed scale number. Then all you have to do is never resize the file. If you exported an A4 from your CAD or BIM software, for example. You open the PDF in Illustrator and don't resize the drawing, then create the same artboard size in PS to maintain that size. Avoiding any resize should ensure you maintain scale throughout your workflow.

[@Albertiites]

Can you do 3D models with normal sketch up? Or would you need the full version?

[@LearnUpstairs]

A few years ago Sketchup had two versions, but both were for desktop. Now they changed to this crap SketchupGo that is only web-based and the Pro version. I think the Go still works fine and might be enough, but it's nothing compared to the pro version. So I'd say you need the desktop version.

[@ayajumah]

😮😮

[@emgilkar]

well i wish i could do that

[@karenrondeau6534]

Im sorry but, what did you do in illustrator that allowed you to seamlessing control the colors in photoshop? I didn't quite understand that bit.

[@LearnUpstairs]

No worries! I linked the Illustrator file to Photoshop. And then in Photoshop I added a gradient map adjustment layer to control the color of the black and white values. It’s just a way of asking Photoshop to map the black value to a certain color (in my case blue) and the white value stayed white. If you never used the Gradient map, it might be helpful to google more about it to get the basics. Then you’ll be using it with no problem. I hope that helps, let me know if you have any other questions! 😁

[@bemnetsileshi5222]

Hey Oliver, quick question, do you submit your designs in Archicad file format or as an AutoCAD file when submitting it to the municipality for approval ? Bemnet From - Ethiopia,Addis Ababa 😊

[@LearnUpstairs]

Hey, Bemnet! That really depends on your city's requirements. I've seen urban departments require an IFC file, other just PDFs with all the annotations on the board, and even just the AutoCAD file with everything in it. So unfortunately, not all municipalities work the same way and we gotta adapt to their requirements. And we know that when talking about public services, they can be quite slow to upgrade to new technology.

[@bemnetsileshi5222]

@@LearnUpstairs Thanks for the quick reply Oliver, I do agree with all you’ve said, specially the slowness of the municipalities to update themselves. I’ve been watching your content since I was studying my bachelor in Architecture and Urban planning and I’ve always been appreciative of the quality of your content and topics you choose; keep up the great work man, keep being the mentor you didn’t have when you needed one while being a junior in your studies and professional life. Bemnet Sileshi From : Ethiopia, Addis Ababa

[@maritzasebastian3863]

My suggestion is to add an Indonesian audio track 😅😅

[@Rwwdo]

Have you used Enscape before? What are the similarities and differences to V-Ray?

[@LearnUpstairs]

Yes, I've used it! But in the Real-time engine category (which Enscape also fits in), I prefer D5 or Lumion. There are a few tools and settings that are available that in my opinion make these engines better. You may want to check out this video where I compared all main engines for architects: kzbin.info/www/bejne/q3XZq4x_as-jes0 But ultimately, I often prefer to use Vray for these more creative drawings due to its flexibility. Vray allows a lot more control over the settings than RT engines do. Not to mention it's a plugin over the 3D modeler, which I find to be much quicker to use when rendering is not the main step in the workflow. But all of the results achieved with Vray in this video can be done with Enscape or other engines.

[@cekuhnen]

Oliver - I teach interior design at Wayne State - would you be interesting to / open to be invited for a brief zoom lecture about vizcom. Let me know.

[@LearnUpstairs]

Hey Claas! For sure! Could you send me more info to my email? [e-mail]

[@fatai86]

Can this and the isometric diagrams be done in Affinity Suite?

[@LearnUpstairs]

I would think so! If it can work with vectors and pixels the same way Adobe Suite can, then I'd imagine it can. Just try to adapt the moves I show using the tools in Affinity Suite

[@josetolentinoii]

grabe

[@satvikakedia1827]

Hey I have a doubt...What's the point/purpose of organizing the layers in illustrator?. I'm getting the same result without organizing it and directly pressing D after ctrl+A

[@LearnUpstairs]

Hey Satvika! If you decide not to change anything regarding line weight (thickness) then you can skip this step! However, the main goal of having an organized illustrator file is to be able to take control of the line hierarchy and really take advantage of the categories of elements. For example, by having the layer with the CUT elements separated, I was able to copy and paste it over Photoshop as a separate layer when working with the Render style. Not to mention that is fairly easy to work with patterns if you have this organization. Because then you can easily select an entire category, "Unite" the shapes using the pathfinder tool, and use the combined shape as a clipping mask. There are many advantages I see to having a file separated by categories. But the most important would be that you work non-destructively and if later in your process you decide you need something different in terms of style, you can do it without having to export it all over again from 3d. At the end of the day, this is not mandatory and each one of us will find the workflow that best fits our needs. And on days when I'm in a rush without too much time to spare, I too will skip this step 😄

[@satvikakedia1827]

Oh I get it now, makes sense...Thanks a lot for taking out time to reply. :)

[@invencibletheory]

why not use the colorize option in illustrator for the sake of keeping the final result in vector? as opposed to rasterizing?

[@LearnUpstairs]

Sticking to a single program is always an option! Especially if you want to keep everything in vector shapes. But from experience unless you need such a high quality print, it’s not that much better. Larger files with a higher pixel density in Ps are plenty enough for me. And since I find the linking between Ai and Ps to be so good, I always prefer to use both. In Photoshop I also did a bit of subtle brush work to enhance light and shadow areas. Not to mention the screen material that I used on the Render Style I also imported and overlaid on the Colored Line style. That’s much easier and faster with Photoshop. I hope that makes sense! And at the end of the day there’s no right solution, just use what makes more sense to your needs 😁

[@invencibletheory]

@@LearnUpstairs I love that! The question isn’t necessarily to point to a right versus wrong as much as it’s to start a conversation about different ways of doing it and the reason behind them. My personal work flow has been the opposite, I link textures from photoshop into illustrator, and your video made me think! I do it for the sake of keeping things in the final document in vector if a drawing has a lot of details that I want a client to be able to zoom in to appreciate while keeping the file compressed.

[@LearnUpstairs]

@@invencibletheory Oh for sure! I only added that part because often other people will read the comments and take a comment as a rule. And that's the main goal of the comment section, to generate some valid discussion around the video. That's an interesting workflow you use! I never thought about going in the opposite direction and linking Ps to Ai. Maybe I should take a look at that in a future diagram I create and test it out. Thanks for sharing your input!

[@invencibletheory]

@@LearnUpstairs my pleasure keep up the amazing videos!

[@user-vq4vq7uq5x]

is it possible to do this using blender ?

[@avocado1405]

Im already tired ugh y everything hard

[@AG-kh3se]

Those are isometric

[@LearnUpstairs]

Yes, Isometric is one type of axonometric projection.