Daytime Rendering – SketchUp to Photoshop
By Alex Hogrefe
This tutorial will create a daytime rendering by exporting images from Google SketchUp to Photoshop. This means no external rendering programs are needed. This rendering is not meant to be realistic, but instead, provide an option for quick artistic renderings without the ‘SketchUp’ look.
Note: I have inserted a Google Earth map image on the ground plane. This adds a little more interest and texture to the final rendering.
1. First, a view should be saved because multiple images will be exported (2 images) and overlayed in Photoshop. Accidentally moving the view will make it almost impossible to get the images to line up later. This can be done by going to View>Animation>Add Scene and then we will export our images as a 2D Graphic.
2. Export two images from SketchUp with the following settings:
Image 1. Face Style: Shaded using Textures, Edge Style: Edges off, Shadows on.
Image 2. Face Style: X-ray and Shaded with Textures, Edge Style: Edges on, Shadows on.
3. Open the first image – Shaded with Texture, Edges off in Photoshop. Open the second image-X-ray with Edges on a new layer above the first image in the same document. Be sure the images line up over each other exactly (Tip: Copy the second image where you have it saved and Paste it directly on top of the other image in Photoshop and it will be perfectly lined up then). Next, set the Blend Mode of the X-ray layer (the top layer) to Overlay. Blending modes are found in a drop-down menu in the top left corner of the Layers Palette. The composition should look similar to the image below:
4. Create a new layer and move it to the top of the pile. This layer will be used to create the illusion of fog in the distance and also to hide the edge of the Google map base image. Select the Paint Brush Tool and use the following settings: Soft Brush size 250, Opacity set to 35%. Slowly paint the background so that the edge of the Google map image and the model begins to disappears (Note: to avoid painting areas you don’t want, use the Polygonal Lasso Tool to select areas to only be painted).
5. Next, a new layer is created and a sky inserted. As the clouds get closer to the horizon, I erased them more as well as around the building In this rendering, I really toned down the sky by desaturating it and lowering the opacity. I don’t want to draw attention away from the building by using bright colors and well-defined clouds.
6. Create one more layer and move it again to the top. Select the Paint Brush Tool and use similar settings as: Soft Brush size 1000, Opacity set to 35%. With the color set to black, paint around the edge of the rendering until you get a similar effect as the image below. Because it is on a different layer, you can play with the opacity to get the right amount of shadow. I typically apply this step to many of my renderings. It makes the rendering a little more dramatic and draws the focus to the building.
In the final image, you will notice I ‘Photo-shopped’ an image of water into the river and adjusted a few other areas which is more rendering specific. What I like about this rendering is that it is very quick to produce, but also that it has more of an artistic look compared to the traditional SketchUp output, with out using complicated external rendering programs on the process.
I hope you found this tutorial useful and a new quick way of achieving a daytime render without having to actually render it using a separate rendering application.
Cheers
Alex Hogrefe
Check out Alex’s other tutorials here at SketchUpArtists:
SketchUp to Photoshop – lighting
Exterior Night Render: SketchUp to Photoshop
Check out Alex’s own website for more of his great work – Alex Hogrefe Architectural Blog