Notice: add_option was called with an argument that is deprecated since version 2.3.0 with no alternative available. in /home/sketchup1/public_html/wp-includes/functions.php on line 4560

Notice: add_option was called with an argument that is deprecated since version 2.3.0 with no alternative available. in /home/sketchup1/public_html/wp-includes/functions.php on line 4560

Notice: Undefined property: Smooth_Gallery::$is_using_frames in /home/sketchup1/public_html/wp-content/plugins/nextgen-smooth-gallery/nggSmooth.php on line 484

Notice: Undefined index: page in /home/sketchup1/public_html/wp-content/plugins/nextgen-smooth-gallery/nggSmooth.php on line 485

Notice: Undefined index: page in /home/sketchup1/public_html/wp-content/plugins/nextgen-smooth-gallery/nggSmooth.php on line 486

Notice: Undefined index: page in /home/sketchup1/public_html/wp-content/plugins/nextgen-smooth-gallery/nggSmooth.php on line 487

Notice: Undefined index: path in /home/sketchup1/public_html/wp-content/plugins/wp-fancyzoom/wp-fancyzoom.php on line 260

Notice: add_option was called with an argument that is deprecated since version 2.3.0 with no alternative available. in /home/sketchup1/public_html/wp-includes/functions.php on line 4560

Notice: add_option was called with an argument that is deprecated since version 2.3.0 with no alternative available. in /home/sketchup1/public_html/wp-includes/functions.php on line 4560

Deprecated: Assigning the return value of new by reference is deprecated in /home/sketchup1/public_html/wp-content/themes/Architect/functions.php on line 63

Notice: register_sidebar was called incorrectly. No id was set in the arguments array for the "Post Sidebar" sidebar. Defaulting to "sidebar-1". Manually set the id to "sidebar-1" to silence this notice and keep existing sidebar content. Please see Debugging in WordPress for more information. (This message was added in version 4.2.0.) in /home/sketchup1/public_html/wp-includes/functions.php on line 4678

Notice: register_sidebar was called incorrectly. No id was set in the arguments array for the "Page Sidebar" sidebar. Defaulting to "sidebar-2". Manually set the id to "sidebar-2" to silence this notice and keep existing sidebar content. Please see Debugging in WordPress for more information. (This message was added in version 4.2.0.) in /home/sketchup1/public_html/wp-includes/functions.php on line 4678

Notice: register_sidebar was called incorrectly. No id was set in the arguments array for the "Bottom Left Sidebar" sidebar. Defaulting to "sidebar-3". Manually set the id to "sidebar-3" to silence this notice and keep existing sidebar content. Please see Debugging in WordPress for more information. (This message was added in version 4.2.0.) in /home/sketchup1/public_html/wp-includes/functions.php on line 4678

Notice: register_sidebar was called incorrectly. No id was set in the arguments array for the "Bottom Middle Sidebar" sidebar. Defaulting to "sidebar-4". Manually set the id to "sidebar-4" to silence this notice and keep existing sidebar content. Please see Debugging in WordPress for more information. (This message was added in version 4.2.0.) in /home/sketchup1/public_html/wp-includes/functions.php on line 4678

Notice: register_sidebar was called incorrectly. No id was set in the arguments array for the "Bottom Right Sidebar" sidebar. Defaulting to "sidebar-5". Manually set the id to "sidebar-5" to silence this notice and keep existing sidebar content. Please see Debugging in WordPress for more information. (This message was added in version 4.2.0.) in /home/sketchup1/public_html/wp-includes/functions.php on line 4678

Notice: register_sidebar was called incorrectly. No id was set in the arguments array for the "Home Left Tabs" sidebar. Defaulting to "sidebar-6". Manually set the id to "sidebar-6" to silence this notice and keep existing sidebar content. Please see Debugging in WordPress for more information. (This message was added in version 4.2.0.) in /home/sketchup1/public_html/wp-includes/functions.php on line 4678

Notice: add_custom_image_header is deprecated since version 3.4.0! Use add_theme_support( 'custom-header', $args ) instead. in /home/sketchup1/public_html/wp-includes/functions.php on line 4340

Deprecated: Assigning the return value of new by reference is deprecated in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options.php on line 258

Notice: Undefined variable: wp_theme_options in /home/sketchup1/public_html/wp-content/themes/Architect/functions.php on line 100

Deprecated: Assigning the return value of new by reference is deprecated in /home/sketchup1/public_html/wp-content/themes/Architect/lib/tutorials/tutorials.php on line 186

Notice: Undefined index: background_option in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: background_color in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: background_repeat in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: background_image in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: background_attachment in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: background_position in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: include_pages in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: include_cats in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: tracking_pos in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: tag_as_keyword in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: cat_index in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: background_preview_width in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: background_preview_height in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: ithemes_featured_images in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: width in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: height in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: sleep in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: fade in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: image_ids in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: fade_sort in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: enable_fade in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: link in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: enable_overlay in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: overlay_text_alignment in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: overlay_text_vertical_position in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: overlay_text_padding in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: overlay_header_text in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: overlay_header_size in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: overlay_header_color in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: overlay_subheader_text in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: overlay_subheader_size in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516

Notice: Undefined index: overlay_subheader_color in /home/sketchup1/public_html/wp-content/themes/Architect/lib/theme-options/theme-options-framework.php on line 516
Exterior Night Rendering: SketchUp to Photoshop :: SketchUp 3D Rendering Tutorials by SketchUpArtists
Notice: Trying to get property of non-object in /home/sketchup1/public_html/wp-content/themes/Architect/functions.php on line 78

Notice: Undefined variable: post_tags in /home/sketchup1/public_html/wp-content/themes/Architect/functions.php on line 78

Notice: wp_specialchars is deprecated since version 2.8.0! Use esc_html() instead. in /home/sketchup1/public_html/wp-includes/functions.php on line 4340

Notice: wp_load_image is deprecated since version 3.5.0! Use wp_get_image_editor() instead. in /home/sketchup1/public_html/wp-includes/functions.php on line 4340

Notice: wp_load_image is deprecated since version 3.5.0! Use wp_get_image_editor() instead. in /home/sketchup1/public_html/wp-includes/functions.php on line 4340

Notice: wp_load_image is deprecated since version 3.5.0! Use wp_get_image_editor() instead. in /home/sketchup1/public_html/wp-includes/functions.php on line 4340

Notice: wp_load_image is deprecated since version 3.5.0! Use wp_get_image_editor() instead. in /home/sketchup1/public_html/wp-includes/functions.php on line 4340

Exterior Night Rendering: SketchUp to Photoshop


Notice: Undefined offset: 2 in /home/sketchup1/public_html/wp-content/plugins/nextgen-smooth-gallery/nggSmooth.php on line 60

By Alex Hogrefe

This tutorial will create an artistic night rendering by exporting images from SketchUp to Photoshop. As in some of my previous tutorials no external rendering programs are needed… saving a lot of time!

1. Firstly, a SketchUp view should be saved, as multiple images will be exported and overlayed in Photoshop. Accidentally moving the view will make it almost impossible to get the images to line up correctly on top of each other later. This can be done by going to View>animation>add scene in SketchUp.

Add Scene

2. Next Export 3 images with the following Face Styles and Edge Styles :

(You can do this all by going to Window > Styles and the Styles Panel will appear. Clock on the Edit Tab to set up these settings).

a. FACE STYLE: Shaded With Textures, EDGE SETTINGS: NO edge lines.  Shadows set to on.

b. FACE STYLE: X-Ray on and Shaded With Textures, EDGE SETTINGS: Shadows on, Edges on.

c. FACE STYLE: Hidden Line, EDGE SETTINGS: Shadows on, Edges off.

Settings

3. In Photoshop, open the first image with Shaded With Texture but no Edge lines, Shadows on. Desaturate the image (Image > Adjustments > Desaturate). Adjust the Levels so that the gray tones are a little more dramatic (Image > Adjustments > Levels).

Desaturate and Adjust Levels

4. Open the second image with X-Ray mode, Shaded With Textures with Edges and Shadows on, in a new layer above the previous layer. Set the blending mode to Overlay (blend modes are found in the layers palate on the top left).

Set Blending Mode to Overlay

5. Next, duplicate the top layer (X-Ray with Edge lines). Change the blending mode of the layer to Difference.

Blending Mode to Difference

6. Open the final image with Hidden Line, no Edges and shadows on and set it as the top layer (on top of the pile of layers). First, the shadows need to be darkened to black. To do this, bring up the levels panel (Image > Adjustments > Levels or Ctrl+L) and move the left little black triangle to the right until the shadows are pure black.

Adjust Levels

7. Next, set the blending mode of that same layer to Darken (Note: This step will darken shadows in the overall image giving the rendering more depth. However, in some areas you may not want pure black shadows in which case you can erase or lower the opacity of the layer).

Set Blending Mode to Darken

8. Finally, create a new layer and move it to the top. With a paint brush (set to round soft, opacity set to 50%, and color set to black) paint edges in the background where the ground plane ends, as well as around the boarder creating emphasis to the center of the rendering. I also made minor tweaks to the towers and other areas by erasing sections of certain layers and adjusting the levels of others. Since this was more image specific, I didn’t include it in this tutorial. The final rendering, based on this tutorial, is achieved in a pretty short amount of time with no external rendering engines needed, just Photoshop.

Final Image

Exporting the SketchUp images at higher resolutions will dramatically increase the quality of the rendering. I usually try to export at twice the screen resolution or higher. Line work is usually much cleaner when this is done.

I hope you found this tutorial useful and a new quick way of achieving an exterior night render without having to actually render it using a separate rendering application.

Thanks

Alex Hogrefe

Check out Alex’s other tutorials here at SketchUpArtists:

Daytime Rendering – SketchUp to Photoshop

SketchUp to Photoshop – lighting

Visit Alex’s own website for more of his great work – Alex Hogrefe Architectural Blog

Got something to say?