BIG’s Concept Diagrams in Architecture

BIG’s Concept Diagrams in Architecture

September 21, 2019 40 By Bernardo Ryan


hi guys before we get started take a look at this quick 20-second interview clip with beocca ingles so that we can dive in in today’s video theme check this out as a way of keeping track of all the design decisions we make we break them down into diagrams and you can say we never make any design decisions just for fun it has a striking silhouette that it probably came from some extensive sculpting exercise but in fact it’s actually a series of like very clear well informed design decisions that have created the shape what is up guys or graphics in here welcome back to another video today we’re going to learn how to create diagrams in Biggs style they are clean and very effective Biggs diagrams will most likely show the surroundings and that is because location has a strong impact on how the building is designed these diagrams are so useful to present projects and you will see that they are pretty straightforward to do and give you lots of freedom to create now before we get started don’t forget to subscribe to the channel if you haven’t already I create weekly videos all about architecture visualization and representation and by the end of this video if you learn something don’t forget to leave a like that helps a lot good now without further ado let’s take a look at the process alright so we’re going to start over or 3d software and set up the render engine to explore a high-quality clay render you can of course swap this workflow with your preferred software’s baek’s diagram most of the time have a parallel projection view so go to camera and activate it then click on the ISO View mode to get a perfect isometric and finally reposition the camera now we’re going to set up the various settings so open up the asset editor and you can go ahead and also open the interactive render window as well next activate the say frame and change the image ratio to square one to one all right it started to look more like bigs diagram but as you can see the shadows are too sharp we need to sub tan it a bit and to do that go to the lights tab and over the send light item we’ve got to change the size multiplier if you higher the number the softer the shadow will be and to check the difference between before and after you can use the region render option usually for I lava renders that the building isn’t that far or even for interior shots a value of five or ten is good enough but since this one is an aerial scene I would go for a value of 50 as always add render elements to help you during post-production it is always nice to have them around even if you’re not sure they will be used oh and I almost forgot the most important option of all which is the material override this option will turn all of your materials into a great uniform texture which is essential for this kind of diagram where you want to focus on the project but still needs the encourage bolometric as part of the illustration don’t worry if it’s a bit too dark like this we’ll fix it over Photoshop everything that is essential in this render is already set up so now let’s do the final render turn off the interactive and progressive render set the quality to high and increase the image size to something like 2,000 pixels or so depending on where you place these you might want to go a bit higher then finally hit render the render time will depend on your computer specs but once it’s finished you can left-click and hold over these out this cat and choose the double diskette which will save all of your render channels at once awesome that’s all for reirei and sketchup don’t forget that you can use any 3d and render engine here basically all render engines have the option to create a clay model render then just before we move into Photoshop we get export to more images one with only the lines just like we did over the previous video deactivate the safe frame this step is very important select the hidden line style then go to file export to the image and select PDF the second image will be out of the actual project for this tutorial I made up these two volumes and I left to hidden for the clay model render but we can now unhide it then select everything using ctrl a then holding shift deselect the project and right click over the rest and hide everything else now export this as a PNG image and that’s it we can now move on to photoshop alright guys before we continue let me quickly talk about today’s sponsor we skill share is an online learning community with thousands of classes covering many creative fields such as digital painting illustration photography and many others that are closely related to architecture with their Premium Membership you have unlimited access to join any classes at any time and choose what’s best for you now whether you want to fill your curiosity creativity or even career skill share is the perfect place you keep learning and expanding your skills so as you have noticed I’ve been posting a lot more videos here on the channel and I want to be consistent with my productivity that’s why I’m currently watching Thomas Frank’s productivity masterclass he teaches a system that helps track all tasks and projects you’ve got to do as well as organize your digital life which is essential for us in the architecture field with so many files and things to do at the same time skill share is also incredibly affordable especially when compared to pricey in-person classes and workshops an annual subscription is less than ten dollars a month because Skillshare is sponsoring this video you can sign up with the link in the video description to get a two month free trial so make sure to check it out alright now back to the video so with Photoshop open drag and drop the main render into the Photoshop work area this will create a new document for us next drop in the PDF file and select crop to media box and before confirming the placement scale Atilla matches the 2,000 pixel mark you’ve got to be precise here or the lines would be a bit misaligned when you confirm the placement then add all the rendered elements and place them in a folder we can use a brush to paint any areas that need to be filled and also use a mask over the lines layer to hide things if necessary as I said the render is a bit too dark so add a levels adjustment and clip it to the base layer then tweak the settings so we can tune down the contrast and make the overall image much brighter after that it is time for the lake so using a magic wand and the lines layer as a base select the areas where you want to paint then create a new layer and create a mask with this selection finally fill the layer with a very pale light blue color I feel that using a mask here allows us to fix any mistakes much easier and also be more consistent with the color alright we have our base ready to go now it is time to start adding the contents when there’s many final image results in the same file I like to create folders for each of these images you can name them whatever but I usually go with numbers of a sequence for the first one we’re just going to delimit 8 the site using a pen tool here I’m redrawing it but you should use your site documents to have it very precise then change the width and line type accordingly you can also add a slight shadow to it using the layers blending options by right-clicking you can copy the shadow effect from one layer and paste it on the other all right that’s it for the first one now for the second one we can add our project the scale the same way we did with the line PDF now if you analyze bigs diagram you spot that they usually have the encourage with a shadow and a very thin contour lines but the main building the actual project has a contrast in terms of the appearance plus it also has a thick stroke around it we can duplicate this shape to our next volume and using the a shortcut which stands for direct selection tool we can grab the top nodes and move up perfect moving on the third scene will be about the park next to the site I’m obviously making these up but adapt these to your site analysis all right we’re going to choose the three brushes for that but first let me show you how you can create your own brush open up a tree image in a new window then hit control U and set the lightness down to minus 100 this will create a black silhouette of that tree after that go to edit define brush preset hit OK and there you have it I did this to three different trees so we could have a variation also I’m only using the tree silhouettes because we’re trying to achieve a similar result as big diagrams but you can totally skip the control.you step to have more details on your brush we’re not actually using this but let me show you something really really useful within the bridge to take a look for now if you left-click and drag this is what you get but we can go to the brush settings here and tweak some of these settings to give some jitter to the brush we can also scatter it a little bit and then after all these settings if we left click and drag it again we will have a totally different result that can be used in so many ways all right back to the process below the trees we can add an area buffer so using the ellipse tool create a perfect circle holding shift then we’re going to apply the SSR method to transform the circle into isometric I have a note video on my channel that explains in details how this works I’m going to leave it in the video description if you want to check it out it is definitely old but all the information is there but basically you want to hit ctrl T and change the vertical dimension to eighty six point six oh two percent then shear and rotated by either minus thirty or thirty degrees depending on what surface you want to place your shape after that all we got to do is change the stroke fills and colors to achieve the desired result ctrl J to duplicate and lower the opacity as the rings go further [Music] finally use the mask to hide areas where the building should be covering the Rings perfect number three is done now let’s move on to number four which is or last one this time I’m going to show how to add arrows to indicate whatever you need to indicate in your project it can be an axis a public passage a pedestrian flow where the building will eventually expand the view basically anything we first draw the line using a pen tool try to stay within the isometric grid which is thirty degrees I like to align with something that is on the image for instance I’m using the building as a reference or you could draw everything flat on the screen and then apply the SSR method to the whole group it is totally up to you then add the arrow and use the same technique to transform it into isometric I’m using this bright red color as an accent just like in pigs diagrams when you have one side done you just got a duplicate it and mirror it vertically and horizontally using the transform box again use a mask to make this arrow go behind the building then duplicate and mirror the whole group to create this intersection okay that’s it for the fourth diagram but before we can pose the layout over illustrator let me show you another area that is commonly used in pigs diagram which is this one right here and they usually have an opacity gradient that can be achieved by adding a mask and using the gradient tool remember that erasing most often isn’t the best solution so using masks whenever possible awesome that is it guys now save it all in JPEG image format and I’m going to choose illustrator to create the layout but you can use whatever software you like to use in my honest opinion I feel that InDesign serves me better for things that have multiple pages and illustrator when I’m creating contest boards final thesis boards and these kinds of layouts but feel free to do it even in Photoshop if you’d like to the secret about the layout is that you need a title that is all caps and usually bold then a brief explanatory text about the image go minimal on this layout and let diagram speak for themselves alright guys thank you so much for watching I hope you enjoyed this one the video isn’t about copying someone else tile but more so like learning from the ones that have already succeeded as always don’t forget to subscribe and leave a like if you enjoyed the video if you’ve got any questions comment down below I’ll be happy to help and I’ll see you over the next video bye [Music] you