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
3D Blueprint Tutorial – SketchUp, Kerkythea and 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

3D Blueprint Tutorial – SketchUp, Kerkythea and Photoshop


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

While watching golf, I saw a commercial that folded paper out of a book into buildings that turned into a town which then grew into a city. The commercial caught my attention not only because of its execution and concept, but also because the illustration style was simple and clean using only paper as the material. This inspired me to experiment with a blueprint style that maintains some of the great qualities of blueprint drawings, but also gives the appearance of the design projecting off the page 3-dimensionally. There are many subtle things going on with this image such as faded guidelines similar to what you would see on a hand drafted drawing as well as textures meant to appear as imperfections left on the paper from the blueprint chemical processes.

To get started, 3 images will be generated which will be used in Photoshop. Two of them will be exports from SketchUp, and one will be a basic rendering from the free rendering software Kerkythea.

1. First Image – Base Image

a. In SketchUp, save a scene that you want to use for the illustration. That way you can get back to the same view later if need be.

b. Switch the Face Style to “Hidden Line.” Under View>Edge Style, check “Display Edges” and “Profiles.”

Base Image

c. In the Styles dialogue box, select the “Edit” tab, choose the “Edge Styles” icon, and check “Extensions.” Set the length to 8 pixels.

d. Export the image as a JPEG by clicking on “File>Export>2D Graphic.”

Styles Dialogue Box - Check Extensions

2. Second Image – Guides

The point of this second export will be to imitate guidelines seen in hand drafted illustrations back in the good old days.

a. Select “View” and check “Guides in SketchUp.”

Check Guides

b. With guides turned on, begin creating guides that accentuate important axis or angles in the image. To create guides, measure something with either the ruler or the protractor. Whatever is measured will then turn into a guideline.

Create Guidelines

c. With the guides in place, go to File>Export>2D Graghic and save the image as a JPEG. Again, use the Face Style “Hidden Line” and leave only “Display Edges” checked for the Edge Style.

3. Third Image – Basic Kerkythea Rendering

This Kerkythea rendering is very basic with minimal setting changes. The rendering itself only took 10 or 15 minutes to finish because of the limited use of materials.

a. To begin, export the model from SketchUp using the Kerkythea plugin. Be sure that Shadows are on and that the view you want is set. In the export options, follow the settings below double checking that “Clay” is set to “Yes.”

Kerkythea Export Settings

b. Open exported model in Kerkythea. At the top, select “Settings>Scene.” In the scene settings dialogue box, choose “Inverse” in the attenuation drop-down box. The setting will give you soft shadows similar to what you would get on a cloudy day.

Scene Settings

c. That’s the only setting that needs to be changed. Time to render. At the top, select “Render>Start.” In the dialogue box, Do Not change the resolution. However, do change the “Settings” to “07 PhotonMap – High+AA03.”

Kerkythea Render Settings

d. Let the rendering cook for a few minutes. To preview and save the final rendering, choose “Window” at the top and check “Rendered Image.” With the preview box open, select the “Save” button to save the image to your hard drive.

Save Rendering

4. Photoshop Work

a. With the 3 images complete, it’s time to combine them in Photoshop. Begin by opening the first image (SketchUp export with extended lines) in Photoshop. Choose “Image> Adjustments>Invert.”

Invert First Image in Photoshop

b. Next, open the Hue/Saturation dialogue box by going to “Image>Adjustments>Hue/Saturation.” In the dialogue box, first check “Colorize.” Move the “Lightness” slider to the right to lighten the black background to a grey color. Next, move the “Hue” slider until you end up with a nice blueprint color.

Create Blueprint Color

c. Place (or copy and paste the image on top, it will line up perfectly then) the other SketchUp exported image with the Guides and make sure its the top layer. Again, “Invert” the image so that the line work becomes white on a black background.

Place Image on Top and Invert

d. With the Guide layer still selected, set the Blending Mode (drop down box top left in the layers pallete) to “Screen.”

Set Blending Mode to Screen

e. Open the Kerkythea rendering and drag it to the top layer (or copy and paste). Desaturate the image by choosing “Image> Adjustments> Desaturate.”

Desaturate Image

f. The image is a little flat. Adjusting the Levels will fix that. Adjusting the Contrast would also work, but I prefer Levels because of the added control. Choose “Image>Adjustments>Levels”.

Adjust Levels

Move the sliders until you end up with lighter and darker tones similar to the image below.

Levels Adjusted

g. Making sure the Kerkythea rendering layer is on top, set the Layer Blending Mode to “Multiply”.

Set Blending Mode to Mutiply

h. The illustration is almost finished. The last step is to add some texture to imitate the texture created from the blueprint chemical process. To do this, I just went online and found a “grunge” texture similar to the one below. Open the texture in Photoshop and move the layer to the top.

Grunge Texture

Finally, set the Layer Blending Mode of the grunge texture to “Overlay”.

Set Blend Mode to Overlay

That’s it. The first time I created this illustration, it took me about one and a half hours to make, including testing different settings and waiting for Kerkythea to render. Now that I have the workflow down, I’m guessing it would take about 30 minutes to create subsequent illustrations. The techniques are pretty basic, but it’s finding the right combination of layer blend modes and textures that give the final illustration a unique character.

Final Image

I hope you found this tutorial useful and interesting. Maybe introduce it into your own workflow, especially when you need something really quick and simple!

Thanks for reading..

Alex Hogrefe

Check out Alex’s other tutorials here at SketchUpArtists:

SketchUp to Photoshop – no render engine required

SketchUp to Photoshop – lighting

Daytime Rendering – SketchUp to Photoshop

Exterior Night Render – SketchUp to Photoshop

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

To get started, 3 images will be generated which will be used in Photoshop. Two of them will be exports from Sketchup, and one will be a basic rendering from Kerkythea

Got something to say?