I have taken several trips up to Maine over the past month and experienced some beautiful landscapes with stunning fall foliage. This has inspired the latest illustration for my Cranbrook project. Autumn scenes are not that much different from your standard landscape scene except for the warmer color tones of the trees and overall warmth of the image.

On the other hand, bird’s eye views are, in my opinion, some of the toughest views to illustrate. It is difficult to find Google images at the proper view angle of landscape elements, cars, buildings, etc. On top of that, this view reveals much more of the background requiring more modeling of surrounding buildings and landscape. In my case, it means more time Photoshopping these elements in. However, the extra effort can be well worth it because this view angle can provide a clear understanding of the relationship between the design and its surrounding context which was my main objective. The design sits adjacent to, and is heavily influenced by the Saarinen¬†Museum. I, therefore, wanted to illustrate this relationship as clearly and dramatically as possible, but still keeping the focus on my design. The bird’s eye view met this criteria.

There was a heavy amount of Photoshop work that went into this illustration due to the amount of trees as well as the underdeveloped Kerkythea rendering. Below are the steps I used to layer in all of the key elements. I should note that although the steps seem clear and straight forward, there was actually a lot of back and forth between adding trees, grass, fog, textures, etc. While I used the overall structure of the steps below to piece together this illustration, it was very much an iterative process.

1. SKETCHUP TO KERKYTHEA: I spent most of my time on the design of the addition which left much of the context looking barren. I made the decision to not spend time modeling in more detail into the surrounding buildings and landscape but instead use that time in Photoshop. All that extra modeling would not show up in any other illustration views and I could Photoshop these elements in much faster.

 

Aerial_Cranbrook_0_Linework

 

Above: Sketchup Model
Below: Kerkythea Base Rendering

 

Aerial_Cranbrook_0_Base_Rendering

 

 

 

2. BACKGROUND AND FOREGROUND TREES: The landscaping was going to make or break this illustration. I Photoshopped in the trees starting in the distance and working my way towards the camera. I used several images to cut from so that I would have a good amount of diversity in color and avoid too much repetition.

 

Aerial_Cranbrook_Trees

Aerial_Cranbrook_1_Trees_Background

 

Aerial_Cranbrook_3_Trees_Infill

 

 

 

3. GROUND COVER: It is surprisingly difficult to find grass images at this angle. I tried to bleed as much color into the grass as I could because I was going for warm tones and didn’t want to see too much green. I created a video tutorial a while ago showing the steps I use to add grass seen HERE.

 

Aerial_Cranbrook_4_Grass

 

 

4. ROAD TEXTURE: The only surface I haven’t touched yet was the road. It’s one of those subtle moves that you don’t think will make a big difference. However, I have realized over the years that these are the details that bump illustrations to the next level. So spend an extra ten minutes and add a quick overlay onto the surface. I also added a few leaves on the ground to get that autumn feel.

 

Aerial_Cranbrook_5_Road Texture

 

 

5. BUILDING LIGHT AND SHADOW: With much of the landscape in, the buildings needed to be punched up. I adjusted the levels and used the burn tool to give more contrast to the architecture. I also increased the intensity of the interior lights. This process is similar to one I used in THIS POST.

 

Aerial_Cranbrook_6_Building_Light

 

 

6. DEPTH VIA FOG: Now come the big moves. Fog seems to be the most under utilized adjustment in arch illustrations. I even use it in interior illustrations. In this case, I really wanted to play up the depth between the background and foreground trees. It’s a 30 second process but completely changes the mood of the scene. I give a more detailed description of adding in fog in THIS POST.

 

Aerial_Cranbrook_7_Fog

 

 

7. COLOR OVERLAY: While the fog is dramatic, it is also washing out the image. To fix this and bring all of the colors of the image into a similar range, I applied a color overlay. Since this is an autumn rendering, I went with bold reds and oranges. A tutorial on color overlays can be found HERE.

 

Aerial_Cranbrook_8_Red_Tone

 

 

8. MORE LANDSCAPE COLOR DIVERSITY: The grass was looking a little too even in tone and I wanted to take on more complexity and color. I took the same grid texture that I have been using in the other illustrations for this project, adjusted the perspective to match the illustration, and overlayed it on top of the grass. I then applied a slight guassian blur which gave me the look I was going for.

Aerial_Cranbrook_texture

Aerial_Cranbrook_10_Architecture_Illustration_alex_hogrefe (1)

 

 

9. DETAIL AND COLOR ADJUSTMENT: I tend to favor images with higher contrast and color saturation, so I jumped into the Photoshop plugin TOPAZ LAB ADJUST to increase the detail of the image and tweak the colors. I also duplicated the image and set the layer blend mode to “Overlay” for a little bit more contrast as shown in THIS TUTORIAL.

 

The Final Illustration

 

Aerial_Cranbrook_10_Architecture_Illustration_alex_hogrefe