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
SketchUp Digital Watercolor “Step-by-Step” :: 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

SketchUp Digital Watercolor “Step-by-Step”


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

I’m continuously experimenting with new ways to combine hand drawing with digital visualization tools. This hybrid process called “Digital Watercolor” combines the best of traditional drawing with cutting edge 3D modeling with Google SketchUp.

This quick-turnaround project by my Denver planning and landscape architecture firm studioINSITE revealed the simple process of modeling the project space in SketchUp, rendering the view with Shaderlight, illustrating the printed view with markers and pencils and finally applying a watercolor filter to the image using Adobe Photoshop. My steps are as follows.

Step 1. SketchUp Model

A designer in my office constructed the model of this multi-family outdoor amenity and gave me the model to create a digital watercolor for use in a promotion.

1. Basic SketchUp Model

Step 2. Model View

I selected a wide-angle 35mm focal length and a view slightly above eye level in order to see more of the ground plane. I added photographic components of people to add human activity to the space.

2. Model View and Setup

Step 3. Shaderlight Rendering

Using the plugin for SketchUp called Shaderlight, I rendered the scene to show water reflections and lighting character. Unfortunately my 2D people did not render and the foreground grasses vanished. Without any time to turn back and re-adjust my Shaderlight settings, I elected to splice in the people from another scene.

3. Shaderlight Rendering

Step 4. Spliced People

I imported the basic SketchUp view and cut away the background using Photoshop. I then overlaid the remaining images of the people onto the original Shaderlight view.

4. Overlay People Images

Step 5. Final Composite View

This “full strength” view of the pool area was too intense in order to continue on with my digital watercolor process. I needed to reduce the color and contrast in order to later add back with colored markers and pencils.

5. Image so Far

Step 6. Reduce Color and Contrast

I created a background copy of the image in Photoshop and then gave it a 70% transparency. Notice how much of the image color and contrast has been greatly reduced! I then printed the image 11”x17” on matte finish paper using my Epson Workforce 1100 ink jet printer.

6. Reduce Color and Contrast

Step 7. Hand Coloring

I added Chartpak AD markers to the people, surfaces, landscaping and furniture. Water reflections were created with a white Prismacolor pencil. I outlined many of the elements in the view with a very hard graphite pencil (Papermate Sharpwriter), keeping the linework very loose and light. The combination of markers and loose pencil lines reinforces the “hand drawn” character and hides the computer model and photographic content.

7. Hand Coloring (Markers & Pencils)

Step 8. Scan the Colored Print

I completed the hand coloring step and then scanned the image as a 300dpi TIFF. Notice how the scanned version is still quite muted in color and with low contrast. That will be corrected in the final filtering step with Photoshop.

8. Scanned Image

Step 9. Photoshop Watercolor Filter

I applied a basic watercolor filter to the image using Adobe Photoshop and finally adjusted the image contrast, deepening the blacks and increasing the color brightness.

9. Apply a Basic Watercolor Filter

This final step of transforming the image into a digital watercolor took no more than ten minutes to scan and filter. What an incredible transformation!

Close-up

You can visit Jim’s website to see more of his work www.drawingshortcuts.com

Thanks Jim!

Got something to say?