#1 Step by Step Architectural Visualization: The Current Project Area and Its Surroundings

Before starting a project design, we examine and analyze the surroundings of the project area, maybe for weeks, maybe months. These observations help us when designing a project. Surrounding buildings, green spaces, parks, roads... Let's see how we can describe them better.

In the Step by Step series, I will show you how to create a more assertive digital visualization step by step from a project with a ready 3D model and Cad drawing. It should not be forgotten that; Visualization is as personal as project production, so it is important that it contains your own perspective and idea. With this series, we will review step by step what you can do instead of what you need to do and we will explore shorter ways and new methods. I would love it that this process progresses collectively and becomes a mutually instructive process. I’m definitely waiting for your feedback!

If you’re ready, let’s start with the first of the series.

Modeling: Sketchup | Visualization: Adobe Illustrator

Step 1: A more detailed and elaborate 3D model will always keep you one step ahead and allow you to implement what you think more easily.

A very helpful tool! You can download it for free from Extension Warehouse.


Step 2: Let’s find the most suitable angle to show the project area and its surroundings. Actually, this part is a very personal preference. Since the area I chose is among the highrise buildings, I chose parallel projection to show both the project area and the effect on the project area of the highrise buildings.


Step 3: At first, let’s get the editable pdf from the Layout by bringing the SketchUp model to the parallel position. For detailed explanation; Tutorial | How to draw axonometric illustrations in Illustrator? 
Later let’s open it in Illustrator and get the parts we need. If you wish, you can add facades directly to Illustrator at this stage.


Step 4: Let’s add all the buildings and landscaping.


Step 5: You can arrange the trees you will use in a natural way according to your illustration language and place them in landscape areas.


Step 6: In Illustrator, I traced the shadows from the pdf we got from SketchUp with the pen tool. Instead of a dark shadow, I reduced the opacity and gave a natural shadow effect.


Step 7: Combining various textures and color tones, which is Illustrator’s best-known expression method, can have a powerful effect if you balance well.

Gray and its tones; You can make the part you want to highlight the darkest.

Colored; You can act more boldly by using primary colors and their opposite colors.

Hand-drawn; You can give this effect by using close tones and textures. The most important method for this is to reduce the opacity and scale down.

 Inspiring Projects

Baukuh, Grontmij | Renovation of Hoogstraten Klein Seminarie
Éva Le Roi | Structuring Porosity

That’s it! How do you think this tutorial was? I’m waiting for your answers.
See you in the next tutorial of the series!

Spread the love

Leave a Reply

%d bloggers like this: