10.05

How to Make an Illustration Using ArchiCAD

There is a multitude of software to learn as an architecture student, graduate and professional. There’s no time like the present to build your skills and find a tool that works best for you. Although the usual software as Sketchup and AutoCAD, not to mention Revit as the professional standard, one software we don’t hear much of is ArchiCAD. This guest post is by Palash Trivedi who’s kindly shown us how to create an illustrative scene in ArchiCAD and post-produce it in Adobe Illustrator and Photoshop.

❗ Note: I am not a pro in any of this software, I am sharing just what I have experienced while working in these. So, I may not be able to provide an in-depth review or analysis, but I have tried to explain what I know in the best possible manner.

What Is ArchiCAD and how did I come to use it?

ArchiCAD is a BIM Software of Graph iSOFT company made for Architects, to produce fast, accurate and complex architectural projects with ease. For those who aren’t aware of BIM, BIM means Building Information Module which basically treats your 3D models with real-time material properties and Information, unlike SketchUp which treats it just as an amalgamation of Surfaces and Fills. 

Plus, it has the basic CAD capabilities which can be used to draw in a 2D environment, but here the 3D model will be generated automatically with your 2D work or if you work in a 3D environment(Model Space) then your 2D works which contain the drawings will be created or will get updated automatically.

Do you prefer it over other modelling software like Sketchup, Revit, Rhino and if yes then why?

ArchiCAD vs SketchUp.

My preference is ArchiCAD 100%

SketchUp is easy to use, but so is ArchiCAD. ArchiCAD also contains a MORPH tool which simply works just as the SketchUp works viz. creating solids, push-pull, subtraction & intersection of solids. More than that, as I mentioned previously ArchiCAD works with materials and its information, so all your walls, slabs, roofs, beams etc. will be of actual materials like concrete, steel, bricks, stones etc. based on how you apply and use them in your project. Plus, you don’t have to use two different software such as AutoCAD for 2D work and Sketchup for 3D modelling. Both the process is done in ArchiCAD itself and they will be done simultaneously. 

Considering the OBJECTS, ArchiCAD 24 has included many new objects in its library, but if you want to use your own objects like some particular piece of furniture or doors or windows, then you can easily make them in ArchiCAD in a separate file and can use it anytime.

So, in the end, it depends on you on what to use, but if you want to spend more time in Designing instead of drafting and modelling, then I would strongly recommend you to use ArchiCAD.

ArchiCAD vs Revit

I will still go for ArchiCAD.  Here the comparison is not as contrasting as compared to SketchUp as both ArchiCAD and Revit are BIM software’s and both have their pros and cons when compared each other. 

Basic qualities

ArchiCAD is one of the oldest BIM or in other words one of the first BIM software’s which came into the AEC industry. Thus, they are more experienced in BIM and Revit which came very later. But in the past few years, Revit has become more famous and used thanks to its Parent company Autodesk which is more famous in the AEC industry than any other company. But it has some advantages also such as it has more plug-ins built-in than ArchiCAD and has a bigger Object library. But in the latest version of ArchiCAD, i.e. ArchiCAD 24, they have integrated the MEP plug-in which can do most of the things which a project needs. In addition to these, ArchiCAD also comes with the integration of LIVE SYNC with RHINO & GRASSHOPPER, hence creating parametric structures will also become more EFFICIENT in ArchiCAD rather than Revit which does have a plug-in called DYNAMO in it for parametric use but it crashes very often and is not that reliable.

Workflow & UI

When it comes to workflow and UX. ArchiCAD is again better than Revit as it is very easy to use as compared to Revit and has a more interesting user interface than Revit. ArchiCAD contains tools like PUSH & PULL, MAGIC WAND & MARQUEE, which can make it very easy and fast to edit and work on your project, but these tools or tools doing similar functions are missing in Revit, which makes it very tough to learn and work as well.

Integration with Structural Engineers and MEP Consultants

Revit has a slight edge here as it has a wide range of plug-ins that are built in it, and secondly due to the already established market of Autodesk due to which many Structural engineers are already working on Revit. But ArchiCAD 24 has been significantly improved in terms of interoperability and management, and it has a better IFC (Industry Foundation Class) export option through which any Structural or MEP consultant can easily work on it, also it as introduced a BIM cloud which can be used for the teamwork with different agencies in the same project. So, it’s just a matter of time for ArchiCAD to become better.

Visualization 

When it comes to Visualization, both are equal in terms of output which is definitely not as good as the rendering engines like Vray or Lumion. ArchiCAD comes with CINEMA 4D & has recently bought the rights for Twinmotion and UNREAL engine which can be a very good combination but it has just been started and there are many things to improve here. 

While Revit also has a decent rendering engine in itself but when compared to other Rendering Software they both fall way behind. But both of the software can be easily used with Lumion so it does not matter much on these aspects.

Conclusion

I have a personal preference for ArchiCAD over Revit due to the above-mentioned reasons, but for students, I would suggest learning both the software as both have their own place in the Industry and both will make your CV very strong.

ArchiCAD vs Rhino

These two cannot be compared directly as they both are used for very different and specific reasons and these can vary from person to person. Rhino is a parametric software that is used for making complex and organic forms while ArchiCAD is a BIM software that is specially made for Architects and can make some level of complex forms in it also. But as I mentioned earlier, ArchiCAD as a plug-in for Rhino & Grasshopper, so making parametric buildings is also very much possible in ArchiCAD also. So, using both of them together would be a much efficient way provided you want to make a parametric building, otherwise just for straight or curved surfaces, ArchiCAD is more than enough.

How to Create the Illustration

Step 1: Creating a View (ArchiCAD)

Arrange a Particular View in 3D model space which you wish to generate.

Step 2: Generating a 3D document (ArchiCAD)

Create a 3D Document of it by right-clicking on the 3D Documents panel on the right side and then select “NEW 3D DOCUMENT FROM 3D”.

It will just create a Separate file of that particular view which you can edit.

❗ Note: ArchiCAD also has different view modes in 3D model Space just like Sketchup,i.e, Hidden Lines, Shaded, Vectorial etc. So I have used a Simple View mode in the View space which shows the model in just black and white surfaces, but the model already has its material properties and surface finishes. So whenever you will make a 3D document, it will be shown in the actual surface finishes which you would be providing while making the model.

Step 3: Creating a Worksheet (ArchiCAD)

Once you have generated the 3D document, you now have to create a WORKSHEET of that Document. So as shown in the image, without making any changes in the 3D document, just go to that 3D document and click on the worksheet tool in the tool’s panels on the left. 

Create the worksheet by dragging down your mouse from top left corner to bottom right corner around the area which you want to export.

It will show a small circle with the name of the worksheet written inside it on the right side as shown in image. Right click on that circle and then click “OPEN VIEW WITH CURRENT SETTINGS”

Now you have entered the Worksheet which will look like this:

Step 4; Editing the view in Worksheet (ArchiCAD)

Now click on the “Suspend Groups” as shown in image. This will allow you to edit each line and surfaces individually. You can change the color, line type, linewidth of the lines and color, its transparency or any material hatch to the surfaces.

This is how you can edit the SURFACES; just click on the surface you want to edit and all the options will be visible in the toolbar.

This is how you can edit the LINES

STEP 5; Using Marquee tool (ArchiCAD)

After completing the editing of lines and surfaces, you have to export it as a PDF. 

In order to do that, select the MARQUEE TOOL from the tools panel from the left side as shown in the image. Select the whole area as shown.

STEP 6: Exporting as PDF (ArchiCAD)

Now select SAVE AS (Shift+Ctrl+S) and Select PDF. 

Click on use MARQUEE AREA and FIT TO PAGE as shown in the image and select the page size according to your choice, Finally click OK to save it and it will be exported as a PDF.

STEP 7; Editing the pdf (Illustrator)

Now open that PDF file in Illustrator and you can edit anything on It by using the Select Same tool by going to the Select Tab respectively as shown in the images. Try to use layers to keep everything separate as it will provide better control over the view for the editing.

STEP 8: Save as Ai file (Illustrator)

STEP 9: Importing the Ai file into Photoshop 

Create a NEW file in the Photoshop and Click on PLACE LINK Option from the Files menu and select the Ai file.

If you want the canvas to be of the same size, then first make the Photoshop panel of the same size as of the Ai file and when importing the Ai file, select on “CROP TO MEDIA BOX”, it will keep the size of the view the same.

STEP 10: Editing & Exporting the final work (Photoshop)

Now you can add various things like, humans, trees, vehicles birds etc. in the view by using either brush tool or clone stamp tool as shown in the images

After finishing, save the .psd file and Export it as a JPEG or PDF file according to your need.

The final output will look like this:

Hope this tutorial opened a different kind of workflow for you and if you ever want to experiment with ArchiCAD, this can be a great first exercise to try.

22.03

The Easiest Way to Add Textures in Photoshop

Adding textures in Photoshop doesn’t need to be a long, complicated process. In fact, it’s a simple case of image manipulation. In this tutorial we’ll be learning how to:

→ import and adjust images
→ using clipping masks and blending options
→ working in a non-destructive way

But what does adding textures to our images do?

Well, illustrations, sketches and post-produced styled images can produce an array of creative outcomes that a normal render wouldn’t be able to do. Textures allow us to provide a sense of materiality, show context and add a layer of interest within our images. Photoshop is a great tool for this because it can perfectly manipulate images meaning that you don’t even need the finished material to begin with – opening up a range of possibilities and chances for exploration.

In this tutorial, we’ll be using a white Sketchup model as the base for our image. You could apply new textures to simple line work, clay renders and even on top of existing photographs – there isn’t any limit! Textures are also great when creating simple digital collages; something that can convey key ideas of your project.

Before We Begin

First of all, let me start by saying if you are working on intricate files with a lot of detail you need to be saving constantly and keeping your layers in order! There have been a countless number of times I’ve kicked myself for merging layers or not naming them. If you need to remind yourself to do a little clean-up every now and then, set a ⏰reminder or alarm on your phone.

Working non-destructively means that you’re not erasing or permanently altering original images. If it does come down to doing so, make sure that you make a copy by hitting Ctrl + J and just hiding it. You never know what could go wrong or if you wanted to change something in the future, you don’t lose the original image.

Similarly, it can be a good idea to keep a 📂 library of resources or assets that you can use regularly. There are some amazing texture libraries and websites out there with free images to download – but you don’t necessarily need them all! I’d suggest starting off with your own or even downloading some from other architecture content creators. My good friend Oliver from Learn Upstairs has some awesome packs you can buy and keep forever.

How to Add Textures

💡 I’ve gone ahead and imported my Sketchup image into Photoshop. If you wanted to add base colours like I’ve done, you’re absolutely welcome to do so. If you want a texture only collage with no linework then you don’t need to add any colour and can use the Sketchup model as a base or guide.

  1. When selecting areas to fill with the Magic Wand Tool (W) you can achieve a seamless fill by expanding the selection by a few pixels so that it selects the area underneath the linework too. Just go to Select > Modify > Expand. Then, make sure that both layers are set to the Multiply blending mode and the linework layer is at the top.

2. Find the kind of texture image you’re looking for. Since this image is more of an illustration and not a realistic render, we can use a digitally-made texture. Alternatively, you could also draw in an element, watercolour or hatch and even use a photograph – it all depends on the style you’re going for.

I love using Architextures for all my collages and sketch images. The website has an easy interface and a whole bunch of options to adjust the image according to your liking. There are even pre-made textures for you to choose from. Here’s the brick texture I’ve downloaded:

3. After importing into Photoshop, you’ll obviously realise that at a reasonable scale, the texture won’t fit both walls. In this case, we need to Duplicate and scale the image accordingly. You can do this by clicking on the image with the Move Tool (V) and with Transform Controls on, click on one of the control points and drag. ❗ Try not to distort the scale of the image by either pressing Shift or making sure the link icon is clicked in the top toolbar.

Now you will need to duplicate the image (Copy / Paste works fine here) and create a large enough image that will cover one side of the wall. Then, select all the layers and Right Click > Merge Layers. Rename this to Brick Texture and create a hidden copy.

4. Now we can distort the image to fit the correct perspective. It’s a little tricky to see the wall and lines behind so you could either move the layer behind the linework or reduce the opacity for the time being.

Then, select the corner control point, Right Click and select Distort. Now you just need to drag the corners to roughly match one of the walls. Don’t worry about going over the edges either, just make sure to cover as much as you can. Now, we can repeat the same process for the other side of the wall.

5. Then, select both layers by holding down Shift and Right Click. Here you have to make sure that both texture layers are on top of our previous colour fill. Click ‘Create Clipping Mask’.

Et voilà! You’ve successfully added in your texture. The best thing about this is that you can always go back to adjust the scale, colour and position of the texture images. I personally like a rough, imperfect look to it.

6. Additional adjustments. In the image below, I’ve lowered the opacity slightly and created a new Layer Mask which I’ve then painted over with the Brush Tool (B) to make some areas appear even fainter. You could layer the image with more textures, paint in some weathered details and repeat the process for the other parts of the image.

You also don’t have to stick to the lines. Think about the surrounding white space and how that could be used to enhance the perspective. If you also wanted to turn off the linework altogether, that’s also an option. The great thing about using Photoshop and working non-destructively is that you can always go back and experiment.

For more awesome tutorials like this one, check out our 🌞 3D Sun Path Diagram or How to Make Maps articles too.

How to Make the Easiest Architectural Collage

How to Make the Easiest Architectural Collage

What is an architectural collage?

An architectural collage is a no-render method of creating an image that conveys your ideas. The best thing about collages is that they are often much easier to do than final, detailed renders and illustrations and can be done in the space of a few hours (provided you have the work thought out beforehand). These can be as abstract or as detailed as you want which means they are great for when you’re in the middle stages of a project and just want to experiment with the ideas you have. Most firms are also turning to these kinds of images for ease and better understanding. A render can take hours to make and actually render, plus post-production will increase the time it takes for you to finish just one.

Essentially, it’s a bunch of shapes, images and textures carefully put together to create a seemingly coherent collage that conveys ideas of space, materiality and much more. There’s no real method to creating a collage since everyone will have a different approach, method, and style. We would suggest for you to have a look at existing collages out there like on our Pinterest board. There is so much inspiration out there and it doesn’t even need to be a collage. Look to Architectural Digest or other magazines that have stunning images. Usually you can get a sense of the composition, materials and lighting this way.

So obviously creating a collage is great for time constraints but also informal crits or presentations where you don’t want to keep rendering an image to show you tutors every week. To get your ideas across it can sometimes be better to do so in a minimal way. There’s also an increasing number of tutorials online on YouTube and other course websites. But we truly believe, once you practice a couple of times, it’s only a matter of building on the skills you already have. Another great thing about collages is that with the right resources and preparation you can get creating in a matter of minutes.

Prep / Things you need

In terms of the way to go about making a collage, you could absolutely do one by hand (usually this is done during the start of a project to get ideas flowing) but this could take some time. We like using Adobe Photoshop for this. If you’re not familiar, check out our ‘Getting Started’ series. You could also use Adobe Illustrator if you’re going for a very simple and graphical look but if you wanted to add textures and shadows, you will end up in Photoshop eventually so you might as well use that in the first place.

If you have no idea where to start, a good thing to do is to find collages out there that appeal to you. They might have the same kind of colour palette, use of textures or an interesting composition. Check out help-me-draw on Tumblr who explains composition techniques in much more detail. In this case, and for more detailed drawings, composition is quite important. Looking at photography tutorials online might help since a lot of the preparation beforehand includes composition and lighting.

After a few goes, you will see a major difference in your images and how a little bit of extra space can make an image look completely different. Next, you can come up with a quick sketch of what you want your collage to look like. Remember that this needs to be your work, relating to a brief or set of key drivers. Think about what you want the image to convey to the person looking at it and why it encompasses an element of your design.

If this is your first time practicing, find and use a photograph with bold features as a starting point. Try and recreate it as a collage but use elements that suit you or ones you might want to use in your own drawings later on. After some practice, you’ll find it much easier to come up with scenes on your own. As well as having a reference image, you may need to consider some other components that will accompany the architecture. Textures, furniture and even people can be sourced online. In the long run, if you want to have details that make sense and for your accessories to fit your drawing, you may want to model them first or create your own which is great.

But realistically you can’t do that for every single sketch, collage or render which is why people usually turn to pre-made packs that you can download and use. A great example is our own Indoor Plant Pack that has 100 cut out plant images that are ready to add into your drawings. With a bit of image manipulation in Photoshop, you can edit the sizes, perspective and even colours to suit your collage. There are also some great free texture packs that you can find online, but even a good high-quality image of a surface can work well.

Here are some we love:

Lost and Taken

Unsplash

We would also suggest you have a folder of the stock images or textures you use because they will come in handy over the years. You could sort these into folders and create your own organisation method. Then you can add them in whenever so you’re not always creating the same ones over and over. Remember, being organised is key when it comes to working efficiently. Really, there’s not a lot you need to get going. A collage is all about experimenting and coming up with something that has enough to give you more ideas going forward. If your first try doesn’t work, try a different combination, or just go crazy with it. Sometimes, the weirdest of things you might come up with on the fly can become the one thing your tutors end up loving.

Another key component you may or may not need is a 3D model of your design. There is no specific modelling software needed, use what you know and are comfortable with. In this case, Sketchup Pro / Rhino work great because you can export lines and use them as a base for your collage. But you don’t even need a 3D model. If this collage is about exploring ideas in the early stages, you probably won’t even have one and so the alternative might be to use a sketch or compiled sketches to understand the scene. If you’ve got a complicated scene, you could simply export the rough baseline of your building and sketch on top and scan it in.

The Process

Once you have imported your sketch, line drawing or reference image, set it on a white background and either lower the Opacity or use the Multiply blending mode. Don’t forget to lock the layer if it is an image so that you don’t accidentally select it. Now you’re ready to add in elements and start rendering the collage. Start with the actual architecture, think about what kind of materiality you want to showcase as well as the overall design. At this stage, don’t worry too much about colours or extra elements like furniture – those are simply accessories to your design. You can do this by drawing out shapes using the Pen Tool (P) or the Wand Tool (P) and fill it in. If you’re going off a sketch with no real line work, try and map out the different areas in transparent coloured layers which you can then add texture on top of and mask.

You can also edit photographs; add in models you’ve made and use parts of reference images since this is a collage of different works. Think about a main driver for this collage and stick to it. Every now and then, step back (take a break) and think about whether it is conveying that message or not. This is really the time to experiment with different textures, perspectives and basically the way in which certain components work together. Ideally, you should have a set composition, but if you’re not happy with it and need to make your canvas bigger or smaller, use the Crop (C) tool to adjust your artboard.

Make sure that as you add more elements, you’re constantly editing layer names and sorting into groups. It’ll make the way you work much more efficient if you try and stay organised. Remember to also work in a non-destructive way. This basically means that you don’t directly edit an image or paint on top of it in the same layer, thus destroying the original image. Similar to how you would separate out your line layer and your colour layer. Later on, if you make a mistake or decide to change things completely, you don’t have to start from the beginning, and it will allow you to experiment more.

Then, when you have all your elements together, you can start thinking about adding textures to certain areas or putting in detail with the Brush (B) tool. It’s completely up to you how detailed you want to make this. If you’re adding in realistic elements that you’re editing out and pasting in, it will be a good idea to transform the image to suit the perspective and scale. You don’t necessarily need to worry about colours yet. Sometimes, if there are details in the background that won’t be immediately visible to the viewer, you could paint these in yourself and add textures, highlights, and shadows. This can either save you the time of trying to find it online and editing it or take you longer if you decide to be extra detailed about it.

Try and remember that this is a collage and not a finally perspective illustration or render. The whole point of this is to get across ideas so if you make little mistakes to begin with it will only help you later on when you try tackle the big drawings. If your collage is specifically about creating the atmosphere of the space then think about extra details like sun-rays, fog, smoke to add a bit of liveliness to the image. Adding in people always helps too.

Usually adding in people is done towards the end to add life and show how the design will interact with people. If the main focus of your design involves a person doing an action then you might want to think about this much earlier on. There is no rule on what kind of materials, textures, or people you want to use. Think about the context of the drawing. For example, if your collage shows a nursery, you will obviously want to include children and think about soft, light colours.

Lastly, a good idea might be to edit the image as a whole. We like colour grading – which means adding a sort of filter on top so that the collage feels a lot more cohesive and the colours merge well together. This can be done really easily, and we suggest you watch this tutorial by PixImperfect (all of the tutorials on that channel are brilliant!).

Final thoughts

Inspiring images can be a very powerful tool when it comes to creating collages. Often, we don’t know where to start and how explorative to be but if you have a reference image or just something that you think you would like to try and emulate, it will give you a direction. We would definitely encourage students of all years to give collaging a go or even build upon previous projects in this way. If you’re regularly creating and practicing it will set some key habits that can be useful later on in your projects. For first and second years who might be a bit intimidated by large-scale, detailed drawings and illustrations, think of collage as a stepping stone and once you’ve accomplished one, there will be no stopping you.

We’d love to know your favourite collages so be sure to send them in to our Instagram and we might just feature your work! 

Boosting Your Skills as an Architecture Student

Boosting Your Skills as an Architecture Student

Skills You Learn in Architecture School

Once graduating, you will soon realise how valuable having a range of skills is. It doesn’t have to be specifically software or even architecture-related but something that may be valuable in any kind of workplace. Now, the type of skills you learn whilst at university will depend on your teachers, workload and other resources available to you so we can’t speak for every university. Overall, there does seem to be a lack of opportunities and just a general knowledge of skills employers will be looking for.

It may not be obvious to you which kind of skills you have while you’re studying so it might be a good idea to sit down and have a think. First, think about computer skills you have such as Adobe programs, 3D modelling software and anything else. If you don’t know where to start, take some advice from your tutors or those in the year above on what to start learning. Usually, Sketchup is well recognised by many people. There are no difficult commands to memorise or lack of tutorials, you can find almost everything online on YouTube. If you’re struggling with Adobe programs, have a look at our ‘Getting Started’ Series. These programs are essential to learn if you want your work to stand out.

What you need to learn, depends on the kind of role you want after you graduate. Currently, by personal experience, there is a large amount of roles that require knowledge of Vectorworks, Rhino or Revit. These aren’t extremely hard software to learn and you might already be using it in your work anyway. In that case, you might be good to go.

Other skills like hand-drawing, model making, and architectural photography can also prove to be valuable. It might allow you to lean towards a skill that you can work on and showcase in your portfolio as a strong area of your work. But not all your skills have to be architecture related. There are many more routes and skills you can work on in your spare time that won’t take too long and will open up new possibilities for you.

Some skills might include organisation, time-management or other attributes like punctuality and professionalism. You would be surprised how many students don’t take this as seriously as they should. Leaving things to the last minute is pretty much a standard for architects because of the workload, but it doesn’t have to be that way. If you plan your time carefully and prioritise your tasks, it should all work out.

Work Experience

The architecture work experience scene is rather timid, unless you have connections and you know people, or you just manage to get lucky really. If you do end up working or interning somewhere even if it’s just for a week, it can be extremely helpful when you graduate. If you’re struggling to get architecture-related experience, try and get some kind of work experience that can relate to some of the skills you learn in architecture. Usually students go for retail jobs because they are easier to apply and get hired for. The best place to look would be on job boards like Indeed and search for something like ‘Graphic Design Assistant’ or something along the lines of whichever skill you want to build.

Ask around for work experience and network. Ask your tutors who might know of firms or work in firms where they may be able to help you get some experience. A good thing to do before you start will be to ask the employer if there is anything you can work on or get familiar with before starting. This shows you’re taking initiative and you know what to work on so when you start and therefore you’ll be less nervous or panicky because you don’t know something. Of course, you will also have to be prepared to devote time towards whichever work you decide to take up so frankly, the easiest part is applying, the hardest bit will be being able to manage your time well.

Skills to Build

Now you must be wondering, what kind of part-time jobs or hobbies can I take up to boost my skillset? We’ve got a small list below, but it’s not limited in any way. Each of these skills can lead to a job or even a business of your own. Remember, the knowledge you get from learning things whilst studying architecture is just the first step. Applying these to jobs, work experience or just as a hobby can turn into something requiring a lot of hard work that could pay off in some way in the future.

3D Modelling – product design, Lasercut products, animation, architectural rendering

Adobe Illustrator – graphic design, social media content, illustrator, typography, marketing materials, logo designing, architectural illustration work

Adobe Photoshop – retouching, photography editing, architectural images / collages, social media content, branding design, marketing materials, digital art

Adobe InDesign – Branding design, marketing materials, booklets, document creation

Architectural photography – prints of your work, freelance photography, videography

Hand-drawing – art and design, handmade art / products

Some other skills that are easy to learn include social media management, basic website design, portfolio critiques, professional photography and blogging (plus more that we can’t think of, so let us know of your ideas in the comments).

skills

If you think about it, some skill relates to another skill which relates to another skill, and yes, you might end up being a bit further away than architecture but the skills you develop will be beneficial for you. For example, having a passion for architecture and blogging resulted in the creation of this website. We’re able to provide you with tutorials, a decent-looking and working website, archives, aesthetic feed and community reach because along the way, I’ve learnt these skills and used my existing knowledge to help me. The few years I spent studying Computing allowed me to understand basic CSS code while creating our website. So, think about the valuable skills you already possess and try build on those.

YouTube videos are definitely the way to go. If you don’t know how to do something, chances are you’ll find it on Google or through a video. Personally, it’s helped me create my own side business with ease because I have an idea of how to create websites now. It also helped me get a part time role as social media manager which benefitted the company I was working for as well as giving myself tips on how to reach more people with our blog.

Our generation is great for these things because we know exactly what kind of topics are trending and as architects we have an eye for design.  When you think about it, almost every company in this day and age will need some kind of social media branding and start-ups or small businesses don’t have the budget to be hiring experts so instead they go with the people who know it best. With a few tips from people in the same industry, you’ll understand in no time what you need to work on, and this can apply for almost anything. If you don’t really get how to capture architecture in photography, watch some videos on composition or camera management and boom, you’re improving your skills with ease.

Why Building Skills is Important

The reason for this article isn’t to persuade you into other career options. By all means, architecture is fantastic and there is a sense of satisfaction when creating and designing a space that brings joy to people. Only we can really understand the amount of hard work put into the projects we work on. Having these extra skills on the side might be the thing that sets you aside from others. For example, when applying for jobs after you graduate or even much later on, you can tell firms that you are able to go above and beyond into helping the company as a whole rather than just attending and doing your job. Being proactive and offering suggestions or improvements will only help you in the long run.

Sure, it doesn’t make you a perfect all-rounder, but if you have an interest in other things, think about how you can work on your skills to achieve results through it. We all know, students are usually tight on money, so if you offer your services on creating a few branding materials for local brands around you, you can work on using software and learning about design whilst also making a bit of money on the side.

You could most definitely add these skills to your CV. Just don’t go overboard and try keep it professional and relate back to why this has helped you overall. For example, working with a start-up usually means you’re much more involved in core projects or campaigns and you need to be able to manage your time well and do the work you’ve been assigned. Architecture (or any other course) and its prospective jobs require the same things. If an employer can see you’ve worked well in the past, managed your time and multiple projects, they will definitely see a place for you in their company.

We hope this gave you the inspiration and motivation to try do something in your spare time (if you have any!) and expand your list of skills. If you have any suggestions or recommendations of other kinds of skills, or if you have your own story to share, let us know in the comments below or DM us on Instagram.

How to Add People in Your Architectural Drawings

How to Add People in Your Architectural Drawings

Adding people to your architectural drawings at any stage can be a great way to communicate how the spaces in your building will interact with the occupants. They show how the building will be used and it’s target audience. The design of these people can be as minimal as a simple line drawing all the way to a fully-fledged character.

Usually this is the last thing you would think of during any project. But it’s better to get the smaller tasks out of the way first so that you can focus on creating drawings and images nearer to your deadline.

  1. Hand Drawn
  2. Vector People
  3. Photographs
  4. Custom

They should synchronise with the style of drawing and yet not overpower it completely. After all, you want people to focus on your drawings instead of being distracted by static or odd-looking people. We’re going to show you four ways you can add people to your drawings. This includes plans, sections, elevations and final illustrations or renders. We will even show you some great and not so great examples.

You don’t need to spend a great deal of time creating people to fit inside your drawings. During a deadline, this is probably the last thing you will think about (as well as annotation) and there isn’t a need to get stressed over it. If your project focuses deeply on the relationship of people and the building you are creating, you could take some time beforehand and create a resource or library of such people that can be fit in to any of your drawings.

These techniques are great for any level whether you’re an architecture student, graduate or an architect. It’s always good to learn new techniques that can enhance your drawings and design.

Hand Drawn

If your style of drawing is more focused towards the art of creating amazing scenes by hand, or even if you want to express an area through simple sketching, then hand-drawn people are perfectly fine. As we said, these can be as minimal as you want, just make sure they don’t look out of place or too simple in the sense that you didn’t try so hard.

Going for a ‘sketch’ style can be great to add some life to simple, clean spaces so you can experiment with the actions of the people, for example. Have a look at some of the kinds of people that are used in drawings or renders by firms and well-known architects. Some even have a signature style which they implement in most of their drawings. This doesn’t even need to be something overly complicated. We love these people by SANAA.

SANAA Architects

To practice this kind of style, you could draw from life in your sketchbook and look at the way in which people actually move in various settings. If you’re wanting to have a hand-drawn style but keep things digital you can always scan in images of multiple people and edit them on Adobe Photoshop or Illustrator.

Tip: Use the Image Trace function in Illustrator and make sure Ignore White is checked so that you can create a person that has no background, making it easy to place on top of coloured illustrations. Then you can save each one as a .png and create a library of resources.

To learn how to use the Image Trace function, check out our article ’10 Essential Tools to Master in Adobe Illustrator’

Alternatively, you could even create digital people in Adobe Photoshop with a textured brush pack if you have access to a graphics tablet or in Adobe Illustrator if you just want a cleaner outline silhouette. Don’t forget to scale the people accordingly so that it’s ready to go when the deadline is near.

You can figure this out by figuring out the scale that you use the most i.e. 1:100 and convert roughly 170cm. This means each ‘person’ will need to be about 1.7cm tall.

We’ve linked our Pinterest board below, specifically catered to different styles of people for such drawings. Give it a follow for regular updates.


Vector People

Stock Images

A very easy way for adding people to drawings are – as we like to call them, ‘vector people’. These can work great in Adobe Illustrator, but we’ll show you that in a bit. If you have final perspectives that are in an illustrative style or if you want to add colour and life to a simple line section then these can be great. Usually, you will find people that are positioned in multiple ways such as a side profile or sitting down so there isn’t much to work on.

Once again, having a resource of these people can make your life so much easier and it isn’t hard to customise these as you wish. You can find such images on Pinterest or free stock websites. If possible, try and find images that are in a .png format so you don’t have to worry about getting rid of the background each time.

We love using Freepik for free, high quality stock images. There is no download limit once you sign in and you can easily create a folder of however many you wish.

Customising Stock Images

To customise stock images, we like using Adobe Illustrator. Since it is a vector program, you can adjust the shape, colour and size without losing any quality. If you have a particular colour scheme, it can be nice to implement those colours into your people to make the drawing seem more cohesive. You can watch the video or read the instructions below.

Start off by downloading a stock vector image of people. We’ve used this one, so if you want to give it a go, try it along with us.

https://www.freepik.com/free-vector/illustration-set-human-avatar-vector_2801760.htm#page=1&query=vector%20people&position=2

<a href=”https://www.freepik.com/free-photos-vectors/people”>People vector created by rawpixel.com – www.freepik.com</a>

Click on the Free Download button and save it somewhere on your computer.

download the image from Freepik

Since we only want to use one to begin with we need to crop the picture. First place the image by going to File > Place and then click on Crop in the top toolbar.

place it in Illustrator
Crop to find the one you want to customise

Choose one person depending on what kind of action they are doing or whichever suits you best. We’ve chosen this one from the second row. Now, we’re going to re-size this so we can see it better. Use the Selection Tool (V) and click and drag the corners to make it bigger. So that you don’t lose the ratio of the image, hold down the Shift key while you are re-sizing.

make the image bigger and image trace

Next, open the Image Trace Panel and don’t stress if your image turns black and white, we can now work with the settings so that it becomes a vector you can work with.

edit colours

Click on the Advanced arrow to open up more features. Then in Mode, select Colour. Check the Ignore White checkbox at the bottom and move the Colours slider to about 4 or 5 depending on how many colours you want in the image.

play around with the options

Next, click on the Expand button in the top toolbar. Now we can edit each shape as well as colours. Let’s alter the face shape so that there isn’t a white gap in between. We can also get rid of the shadow below by selecting it using the Direct Selection Tool (A).

fix any areas

Then, adjust any anomalies that might not look great. Now we can colour this as we want. Use the Direct Selection Tool (A) to click on a colour. Then go to Select > Same > Fill Colour. This selects that brown colour wherever it is present in the image, so you don’t have to go in and select or change each one.

Then, use the colour palette to select a new colour. Repeat this for others until you have a theme you want.

change colours

Now we’ve changed the colours to be a bit more minimal. To save the file for use later, you can save as a .png to add it directly to other drawings or save as a .ai (Illustrator) file to edit in the future. Go to File > Export As for a .png and File > Save As for a .ai file.

save the file

Make sure you select a transparent background for a .png file!

make sure the image has a transparent background

Vector people are a great and easy resource. You could even search for ‘isometric vector people’ if you’re doing that kind of an illustration or for isometric / axonometric drawings.

Photographs

For renders are more life-like drawings, you may want to use actual people to make your project seem as real as possible and actually understand how that space would be inhabited. This doesn’t necessarily need to be a long process. Some people might want to use their own images with people which is totally fine. You could also use stock images that you find online.

There are essentially two routes you can take. Either use Adobe Photoshop to manually edit photographs and cut out the people you want or use .png images that are already edited with no background. Depending on the level of customisation either one is perfectly fine to use.

To find free stock images you can search on Freepik, or simply type in ‘people png.’ into Google Images.

Some firms even blur out the images to make it look like there is a moving blur or darken the image so that it turns into a silhouette. Have a look around at what kinds of styles there are and try not to copy it completely but use some of those techniques and apply it to your own drawings.

Usually this type of style is best for rendering as you can work with the lighting and make it look more natural with the addition of actual people. Try not to go overboard as less is more. You can also try scaling the people by figuring out the height and corresponding it with the scale of your drawing.

Custom People

Creating a custom set of people could be the way to go. We don’t recommend doing this close to your deadlines so if you do want to create your own people try do it in whichever spare time you get. The art style of this depends completely on your preference. It can be a simple squiggle, a detailed person or a character inspired by your building or your ideal occupant.

We suggest you experiment with whatever your comfortable with. You don’t need a variety of tools and gadgets and make sure that your scanner and Adobe programs are ready to go to edit and play with your drawings.

Having a set of custom resources can provide an advantage if you’re a student. It shows your tutors and even the examiner that you really want to show pride in your creations, drawings and people. If you’re an architect, there may already be a style your firm prefers but there is no harm in experimenting.

Finally, remember, the people in your drawings aren’t more important than the actual drawing or render or illustration itself. Think of it as an accessory to your work and a tool to help your drawings showcase some life. We would love to see some of your work where you have utilised the styles mentioned or even created your own custom people.

Use the hashtag #toscalearch on Instagram and Twitter and tag us @to.scale. We also want to feature student work and share more techniques and styles.