[Music] so do you wanna know how to transform your 3d model into an amazing exploded axonometric using Sketchup and Photoshop that’s what we got for today’s video I hope you like it what’s up guys or graphics in here welcome back to the channel today we’re going to visualize the foot in ten houses from the famous Brazilian architect Paulo Mendes de Harsha this project was really important during the 60s and its construction took place in the middle of a discussion about the industrialization process in Brazil these houses came as a kind of an experiment and the architect himself who was going to live in one of them well that’s a short version of a really great story about these houses I’m going to live an interesting article about the Bouton’s and houses in the video description it is in Portuguese but you can definitely use a translator to get an English version the author even compared these houses with the villas avoir from liquor Brazil because of its vigor for a structure rationalization that wasn’t a thing in the period all right so the video will be divided into two parts the Sketchup one which includes the most essential step of this type of axonometric it is short but very important so pay close attention because doing these Sketchup steps correctly will ease out or process later then the second part Photoshop to bring it all together and add cutouts colors and effects of course you can swap the 3d software for the one that you prefer using it awesome at the end of the video I’m going to provide the trees from the image as a brush file for free so be tuned now without further ado let’s jump into the tutorial in this diagram I’m going to move the top part of the house to reveal its interior and also highlight the concrete volume then go ahead and swap the camera mode to a parallel projection and click on the ISO view this time I’m not going for a perfect isometric but instead I’m going to tilt the camera a little bit to the top part detaches visually from the rest perfect zoom in a bit to frame it properly and we now have our scene done oh and I also removed the grass texture and left a solid color only that will help over the Photoshop art now comes the important steps I was talking about we have to tweak the style settings to then export the files we’re going to need basically three types of images so pay attention here the first one is a solid color base so turn off all profiles and edges under the style tab then go to file export to the image this one will be a PNG make sure you’ve got a big image size over here on the options I would suggest even going huge on the size for example over 6000 pixels then in Photoshop we can shrink down the size in half doing like this will condense the pixels and avoid some serrated lines all right first export is done for the second one you need to activate the shadows hide the top part for a moment and select the hidden line preset style make sure you’ve got a nice shadow design setting how the shadow affects your building can really add up to the final result I’ve selected these settings that create this effect here on the walls and emphasizes the fact that the stair is detached from the floor also uncheck the edges and profiles as well and we are now left with only the actual shadows in a blank canvas this will enable us to tweak each layer individually which is the key point of this type of external metric as you can see export it as a PNG image just like the previous one now export one exactly like this but with the top showing we did it twice so the top wouldn’t affect the base got it you can hide the bottom for this one or what I actually prefer hide it with a mask over Photoshop then finally for the last export an only line image so select the hidden line style again and this time turn off the shadows and leave the edges turned on I’m not a big fan of the profiles option so turn it off and this time let’s choose a PDF file awesome that’s all we need from Sketchup the first part is done now let’s head on to Photoshop to stack everything up now in Photoshop import all the files into a new document I’m using a 3000 pixels wide and 4,000 pixels tall make sure you’ve got everything aligned you might need to resize the PDF file to match the image files it’s not difficult it’s just a thorough process now check how the layers tab should be on your file to begin with we should organize it as we move through the process and by the way you’re going to see me rearranging the layers a couple of times in this video this is a crucial move so you can be efficient in the long run all right now you can begin however you feel like it I’m going to start by fixing this grass and taking out the Sketchup look this base image has I’m using the color range selection to to select most of it and then a brush to paint the rest and as always guys keep in mind that I’m trying to convey what’s essential in this workflow I cannot cover all the little steps in this video otherwise it would be a boring two hour long tutorial that nobody would like to watch it so slow down the video if needed and drop any questions below that you might have now here’s where you can see why saving everything in a separate file is so important we can hide unnecessary parts pretty easily for example with this wooden panel here I’m going to leave only the outlines and hide what’s inside use a mask and around 100% hard brush for this step see if we have exported all styles in one single file we wouldn’t be able to remove all these lines and to be quite honest it looked really heavy with the panel lines and the overall canvas balance wasn’t good with it it drew too much attention to that area remember that with the shadow image file and sometimes also with the lines file you have to set the layers blend mode to multiply in order to show only the black colors and hide the whites next I’m going to copy this concrete wall to place on the bottom as a reference for the dashed lines so I selected using the polygonal lasso tool duplicate it then move to the bottom holding shift so it maintains the vertical alignment finally use the clone stamp tool to repair any areas that need to be filled as I always say use as many layers as needed to create your images it doesn’t matter what type of image you will be realistic renders collages diagrams axonometric s– whatever each element has to have its own layer and i also suggest using the adjustment layers at the top instead of applying directly to a layer if you’ve been following the channel for a while now you already know all of this but it’s always good to remember right all right so I used this pale orange color for the background but this is just a testing later you’re going to see me swapping it to compose a batter with the grass and wood good we can now use the pen tool to add our dashed lines just make sure to set up the dash length and gap in a reasonable size shadow is better this line is just edge indicate where the housetop would sit a crucial step on all types of visualizations is the layer organization I’ve talked about creating as many layers as needed but if you don’t categorize them using folders and color codes all that good work is in vain therefore you’re going to often see me moving things around in the file a render post-production usually has the same type of folders across files one for vegetation one for cutouts one for lighting one for texture and so on but with X and metrics and diagrams you will usually figure it them out as you go if the shadows are too light you can tweak some settings on Sketchup to make a darker before exporting or here in Photoshop you can add a levels adjustments and darken the blacks a little bit then I’ve duplicated this level adjustment to also apply the same effect on the shadow from the top part [Music] the overall concrete gray tone was too dark for this image so I applied another levels adjustment but this time on the base so I could brighten up a bit remember that you can apply these layers adjustments to only a folder or a layer by clipping the effect ctrl alt G for that I really love to use a white stroke to create emphasis in hierarchy in a drawing I feel that it adds up to the contrast between elements that every composition needs so using a pen tool we can do that you should do these lines in one move and then if there’s something you need to erase just use a mask to hide for example where the step was I didn’t want any lines going over it so I use the mask I’ve changed the sky to a bluish color and he suited the image much better therefore it was time to get the wood colors right so using the magic one on the base layer make sure to uncheck the contiguous box this time select all the wood in this image and then on top of the base folder but below everything else create a new layer and paint it with the solid color I’m using this stone from the previous sky color that we had we now have the solid field that is independent from the rest but with all the shadows and lines applied to it now to match the grass green color to the rest I feel that the green has to be a bit more towards a yellowish / orange tint so apply a human saturation adjustment layer clipped to the grass with the shadow image that we have exported from Sketchup we have a decent shadow already but I feel that we can intensify a bit more by adding some accents here and there so do that with the aid of selections and use a round soft brush I also like to slightly flatten the brush so it looks like it’s on the floor after that I added a dark blue collar clipped to the strokes and shadows so we could have a tint of blue instead of a plain pure black now for composition purposes so it looks better on the final result I fixed the site where it meets the next-door neighbor all right everyone we have done everything related to the house now let’s move on into the vegetation and extras we can place the Butantan house photo into our Photoshop file to trace over the tree using a hard brush remember to left-click once hold shift and click another time to create straight lines and that’s honestly exactly what it did here couldn’t be simpler to help you out I’m going to create a brush preset out of these trees and place it into our mural page so you can download it for free check the link in the video description for that remember that you can also get the PSD and all the base files from this image to follow along the tutorial and learn it all you’ll then support the channel so I can keep creating these free YouTube videos for you guys all right after all the trees were placed we can duplicate each layer with ctrl J and using the transform box control T make it a flat on the ground if you hold ctrl when pulling the transform box nodes you automatically distort these nodes so it makes it easier to place on the ground then fix any parts with your brush if needed and finally reduce the opacity to around 30 to 50% for the people we’re going to insert in this image I’m going to choose the scale figures back if you’d like to grab a copy for you check the link in the video description well you can use any type of cutouts here but since this image has this sketch / drawing look with the black lines and all I suggest using something done by hand or an artistic cutout when placing these cutouts on axonometric soar diagrams scale all the cutouts at the same time and make sure you know the height of something on the building for example the window or door frame so you can get the size correctly now to give more details to the cutouts I’m overlaying a paper texture to the people it is easier to place all the cutouts in a folder and then clip the paper texture to this folder next I’m also adding shadows just like we did over the trees then to finish off a white stroke to make the cutouts stand out we are about to finish here so to give a bit more texture in details to the sky you can add a noise filter just make sure you have the monochromatic option enabled and that is it guys actually as the very last step I’m adding some details using a graphic tablet it is a totally optional step but I feel that it gives identity to the drawing alright so if you learned something from this video don’t forget to leave a like and subscribe to the channel I post weekly videos all about architecture visualization and representation so if you enjoyed this one there are plenty more over the channel for you thank you so much for watching don’t forget to drop your questions below also the model was provided by the website exemplary architecture link in the video description if you want to check it out alright that’s it as always I’ll see you in the next video bye [Music] you

Architecture Axonometric House with Sketchup and Photoshop
Tagged on:                                                             

33 thoughts on “Architecture Axonometric House with Sketchup and Photoshop

  • September 7, 2019 at 1:37 pm
    Permalink

    How long do you usually complete one drawing?

    Reply
  • September 7, 2019 at 2:04 pm
    Permalink

    Adorei! 💕

    Reply
  • September 7, 2019 at 2:06 pm
    Permalink

    I am waiting for the Interior Axonametric done in Illustrator

    Reply
  • September 7, 2019 at 2:12 pm
    Permalink

    Fucking awesome . Você é de onde do Brasil?

    Reply
  • September 7, 2019 at 3:07 pm
    Permalink

    Otimo video como sempre!

    Reply
  • September 7, 2019 at 4:00 pm
    Permalink

    Só li porque se tem legenda eu leio… hahaha
    Mas acredito que ajuda muita gente no fim das contas. Só acredito que seria legal adicionar ela como a opção do YouTube, ao invés de estar já embarcado no vídeo.

    Reply
  • September 7, 2019 at 4:22 pm
    Permalink

    this is a sick mix up of tutorials and architecture history!

    Reply
  • September 7, 2019 at 5:03 pm
    Permalink

    Sensacional 👊🏼

    Reply
  • September 7, 2019 at 5:06 pm
    Permalink

    does this thing is time consuming or one can do it in certain time like 2 hours something?

    Reply
  • September 7, 2019 at 5:17 pm
    Permalink

    Sinceramente, um dos melhores canais aqui do yt voltado pra arquitetura. Continue assim!!

    Reply
  • September 7, 2019 at 5:37 pm
    Permalink

    Muito bom!!! por favor continua com a legenda 🙂

    Reply
  • September 7, 2019 at 5:45 pm
    Permalink

    cara, você é brasileiro??

    Reply
  • September 7, 2019 at 6:16 pm
    Permalink

    Genial gran video saludos 👏🏻👏🏻👏🏻

    Reply
  • September 7, 2019 at 8:04 pm
    Permalink

    perfect as always 👍👍👍

    Reply
  • September 7, 2019 at 8:13 pm
    Permalink

    É muito util a legenda, obrigado pelo serviço

    Reply
  • September 7, 2019 at 9:59 pm
    Permalink

    Thanks a lot for the tutorial!! Just a question: how much time does it take for you to make that kind of illustration?

    Reply
  • September 7, 2019 at 10:34 pm
    Permalink

    not for beginner 😃

    Reply
  • September 7, 2019 at 11:10 pm
    Permalink

    Deu pra entender sem a legenda, mas com ela ajuda muito a entender tudo o que você estava explicando.

    Reply
  • September 8, 2019 at 1:05 am
    Permalink

    Eu uso a legenda não para de fazer pfvrrt kkk não fiz fisk

    Reply
  • September 8, 2019 at 7:43 am
    Permalink

    Thanks for sharing. Great artistic result. I’m really thrilled with conceptual design as opposed to realistic design. You are obviously very comfortable with photoshop. I’m more of a SketchUp fan and I believe (assuming I had your artistic understanding, which I don’t) that I could have technically achieved the same result from within SketchUp without resorting the photoshop. Horses for courses.

    Reply
  • September 8, 2019 at 7:50 am
    Permalink

    I love your graphic style and really enjoy your videos – there's so much to learn and absorb in just few minutes! A brief introduction sounds great – none of the other tutorials actually has this kind of bonus info compressed!

    Question: do you use Revit and if not – why do you find SketchUp better?

    Thank you – your help is appreciated by all of us! 🙂

    Reply
  • September 8, 2019 at 8:33 am
    Permalink

    SANAA people?

    Reply
  • September 8, 2019 at 12:21 pm
    Permalink

    where did you get the backgroundmusic and effects from? thx!

    Reply
  • September 8, 2019 at 12:26 pm
    Permalink

    Eu uso a legenda

    Reply
  • September 8, 2019 at 1:19 pm
    Permalink

    Pf continua com as legendas, please!

    Reply
  • September 8, 2019 at 2:35 pm
    Permalink

    Nice
    Good job

    Reply
  • September 8, 2019 at 3:27 pm
    Permalink

    thank you so much

    Reply
  • September 8, 2019 at 3:48 pm
    Permalink

    awsome man great work keep teaching us

    Reply
  • September 8, 2019 at 4:55 pm
    Permalink

    Thankyou for sharing 🙏

    Reply
  • September 8, 2019 at 6:33 pm
    Permalink

    Could you tell us all the extension you have used in your sketchup

    Reply
  • September 8, 2019 at 6:36 pm
    Permalink

    Does anyone knows how to do the same steps made here in Sketchup but in Revit? I'm not sure if there is a way to find the same options in Revit to create the different images, thanks for the tutorial btw! < 3

    Reply
  • September 9, 2019 at 12:29 am
    Permalink

    filho de mendigo mano meu deus, muito bom meu parceiro!

    Reply
  • September 9, 2019 at 2:31 am
    Permalink

    Continue com legenda, é muito útil. Ótimo vídeo!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *