<?xml version="1.0" encoding="UTF-8"?>
<!--Generated by Squarespace V5 Site Server v5.13.159 (http://www.squarespace.com) on Sat, 25 May 2013 08:16:54 GMT--><feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/"><title>SKETCHUP TO PHOTOSHOP: ARTISITIC NIGHT RENDERING</title><subtitle>SKETCHUP TO PHOTOSHOP: ARTISITIC NIGHT RENDERING</subtitle><id>http://www.alexhogrefe.com/sketchup-to-photoshop-artisiti/</id><link rel="alternate" type="application/xhtml+xml" href="http://www.alexhogrefe.com/sketchup-to-photoshop-artisiti/"/><link rel="self" type="application/atom+xml" href="http://www.alexhogrefe.com/sketchup-to-photoshop-artisiti/atom.xml"/><updated>2010-05-19T19:54:12Z</updated><generator uri="http://five.squarespace.com/" version="Squarespace V5 Site Server v5.13.159 (http://www.squarespace.com)">Squarespace</generator><entry><title>NIGHT RENDERING: SKETCHUP TO PHOTOSHOP</title><id>http://www.alexhogrefe.com/sketchup-to-photoshop-artisiti/2010/5/12/night-rendering-sketchup-to-photoshop.html</id><link rel="alternate" type="text/html" href="http://www.alexhogrefe.com/sketchup-to-photoshop-artisiti/2010/5/12/night-rendering-sketchup-to-photoshop.html"/><author><name>ALEX HOGREFE</name></author><published>2010-05-12T22:23:45Z</published><updated>2010-05-12T22:23:45Z</updated><content type="html" xml:lang="en-US"><![CDATA[<p>This tutorial will create an artistic night rendering by exporting images from Sketchup to Photoshop. This means no external rendering programs are needed saving a lot of time.</p>
<p>VIDEO</p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/O2lmC1MshF4&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/O2lmC1MshF4&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
<p>STEP-BY-STEP TUTORIAL</p>
<p><strong style="font-size: 120%;">1</strong>: First, a view should be saved because 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 later. This can be done by going to View&gt;animation&gt;add scene</p>
<p><span class="thumbnail-image-block ssNonEditable"><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fsketchup_animation_scene3.jpg%3F__SQUARESPACE_CACHEVERSION%3D1273704599612',556,984);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-6906925-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1273704599612" alt="" /></a></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;<strong style="font-size: 120%;">2</strong>. Next export 3 images with the following face styles and edge styles :</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>FACE STYLE</strong>: Shaded with textures,&nbsp; <strong>EDGE STYLE</strong>: Shadows on, NO edge lines</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>FACE STYLE</strong>: X-ray on, Shaded with textures, <strong>EDGE STYLE</strong>: Shadows on, Edge lins on</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>FACE STYLE</strong>: Hidden line, <strong>EDGE STYLE</strong>: Shadows on, NO edge lines</p>
<p><span class="thumbnail-image-block ssNonEditable"><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fexport_options.jpg%3F__SQUARESPACE_CACHEVERSION%3D1273705757566',1463,1331);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-6907130-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1273705757567" alt="" /></a></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;<strong style="font-size: 120%;">3</strong>. In Photoshop, open the image with shaded texture but no edge lines.</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Desaturate the image (image&gt;adjustments&gt;desaturate)</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Adjust the levels so that the grey tones are a little more dramatic (image&lt;adjustments&lt;levels)</p>
<p><span class="thumbnail-image-block ssNonEditable"><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Ffirst_layer_desaturate_and_level_adjustment.JPG%3F__SQUARESPACE_CACHEVERSION%3D1273705951458',875,1437);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-6907167-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1273705951459" alt="" /></a></span></p>
<p>&nbsp;</p>
<p><strong><span style="font-size: 120%;">4</span>.</strong> Open the image - x-ray mode with edge lines- in a new layer above the previous layer</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; Set the blend mode to OVERLAY (blend modes are found in the layers palate on the top left)&nbsp;</p>
<p><span class="thumbnail-image-block ssNonEditable"><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fsecond_layer_xray_overlay.JPG%3F__SQUARESPACE_CACHEVERSION%3D1273715182537',874,1439);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-6909007-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1273715182539" alt="" /></a></span></p>
<p>&nbsp;</p>
<p><strong style="font-size: 120%;">5</strong>. Next, duplicate the top layer (xray with edge lines)</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; Change the Blend mode of the layer to DIFFERENCE</p>
<p><span class="thumbnail-image-block ssNonEditable"><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Fthird_layer_duplicate_difference_copy.jpg%3F__SQUARESPACE_CACHEVERSION%3D1273715908115',875,1437);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-6909170-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1273715908116" alt="" /></a></span></p>
<p>&nbsp;</p>
<p><strong style="font-size: 120%;">6</strong>. Open the image -hidden line with only shadows- set it as the top layer</p>
<p>&nbsp;&nbsp;&nbsp; First, the shadows need to be darkened to black. To do this, go into levels (image, adjustments, levels) and move the left triangle adjustment to the right until the shadows are pure black.</p>
<p><span class="thumbnail-image-block ssNonEditable"><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Ffourth_layer_shadows_levels.JPG%3F__SQUARESPACE_CACHEVERSION%3D1273716642333',874,1437);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-6909337-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1273716642334" alt="" /></a></span></p>
<p>&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp; Next, set the blend mode of that same layer to DARKEN</p>
<p>&nbsp;&nbsp;&nbsp; (NOTE: This step will darken shadows in the overall image giving the rendering more depth. Howere, in some areas you may not want pure black shadows in which case you can erase or lower the opacity of the layer)</p>
<p><span class="thumbnail-image-block ssNonEditable"><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2Ffourth_layer_shadows_darken.JPG%3F__SQUARESPACE_CACHEVERSION%3D1273716976180',874,1438);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-6909437-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1273716976181" alt="" /></a></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong><span style="font-size: 120%;">7</span>.</strong> Finally, create a new layer and move it to the top.</p>
<p>&nbsp;&nbsp;&nbsp; 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.</p>
<p>&nbsp;&nbsp;&nbsp; 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</p>
<p>&nbsp;&nbsp;&nbsp; The final rendering is achieved in a pretty short amount of time with no external rendering engines needed, just photoshop.</p>
<p><span class="thumbnail-image-block ssNonEditable"><a href="javascript:showFullImage('/display/ShowImage?imageUrl=%2Fstorage%2FSkyscraper_night_rendering_small.jpg%3F__SQUARESPACE_CACHEVERSION%3D1273718017810',728,1440);"><img src="http://www.alexhogrefe.com/storage/thumbnails/3906413-3834559-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1273718017811" alt="" /></a></span></p>
<p>&nbsp;(NOTE: 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)</p><p></p>]]></content></entry></feed>