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
Edith Green Wendell Wyatt Federal Building – a digital watercolor with 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

Edith Green Wendell Wyatt Federal Building – a digital watercolor with Photoshop


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

scott_baumberger_02By Scott Baumberger

Scott Baumberger has offered a high quality professional service to architects, designers and developers for many years. He uses a digital process to produce imagery that ranges in technique from photo-realistic to simulated watercolor effects. Scott’s illustrations have been featured in numerous industry professional publications. Scott has also won numerous awards for his work. In this detailed tutorial  Scott shows us his work-flow in producing a digital watercolor using a SketchUp output image and Photoshop.

wendell

Step 1. A quick export from SketchUp of the 3D model. The EGWW building (center) and the solid grey buildings behind were provided by the client. I constructed simple 3D models of the other buildings shown.

eeb-1

Step 1

Step 2. A custom hidden-line style is used in SketchUp to get line extensions and a “hand-drawn” look. Color and shading are turned off, and just the line-work is exported to a Jpg. file.

eeb-2

Step 2

Step 3. More line-work is developed in Photoshop on top of the SketchUp export.  The Hawthorne Bridge and all of its ramps, etc. are drawn on a separate layer so it could be manipulated separately. Background buildings at the upper left are traced from an aerial photograph.  Thicker profile lines are also added to help define massing.

eeb-3

Step 3

Close-up of line-work at 100%

eeb-4

Close-up

Step 4. The line-work is grouped together and set to Multiply mode.  A new base color layer is added just below the line-work.  Colors of the main buildings are brought in from a separate SketchUp export, and the remaining color is added on the same layer to match.

eeb5

Step 4

Step 5. Shadows are brought from SketchUp via a Jpg export to a separate layer set to Multiply. As with the base color, the shadows for the surrounding area are painted on the same layer to match.

eeb-6

Step 5

Step 6. A new layer is created with the shaded sides of buildings painted a light blue color set on Overlay mode.  This differentiates the shaded area vs. areas receiving direct shadows.

eeb-7

Step 6

Step 7. Above the shade layer, a new layer set to Multiply is created to simulate “ambient occlusion”.  Soft washes are painted on vertical planes first.

eeb-9

Step 7

Step 8. Next, ambient occlusion is painted on horizontal surfaces in a new layer.

eeb-10

Step 8

Step 9. Background photos are composited, and dropped in underneath painting.  A combination of Blur and Artistic filters are used to blend photos together.  I then adjusted the curves & levels to match the overall tone of the painting so far.

eeb-11

Step 9

A couple of close-ups of the backgrounds at this point.

eeb-12

background Images

Step 10. More detail is painted in on some of the background buildings in the upper left.

eeb-13

Step 10

Here is the layer arrangement at this point.

eeb-14

Layers

Step 11. More detail at the river is painted in, including trees at the far bank to soften the edge of the photo. A Mask is applied to preserve the Hawthorne Bridge.

eeb-15

Step 11

Step 12. Left image – Glass areas are masked out using the color selection from the base layer.  First a subtle blue tint is applied to the tower glass.

Right image – Warm color washes and then yellow and orange brush strokes depict interior lights within the tower.

eeb-16

Step 12

Step 13. Reflections are then added in very subtly in Soft Light blending mode, and additional refinements are made to the interior glows.

eeb-17

Step 13

Step 14. Because the design of the shelves were not set at the beginning of the rendering effort, I chose not to model them in 3D. Painting in the shelf systems loosely removed the need to develop an unnecessarily detailed design at this early stage.

Left image – The first set of “shelves” is painted in on at the southwest corner of the tower, including their shadows.

Right image – Once the base is set, I then paint in the vines growing between the shelves.In keeping with the autumn season, reds and yellows predominate.

eeb-18

Step 14

Step 15. The second set of shelves is painted via the same technique.

eeb-19

Step 15

Step 16. Left image – The rest of the shelves are painted in succession via the same technique.

Right image – Since the shelves on the west elevation are in shade, I add soft “ambient occlusion” shading underneath each shelf to set them into the rest of the elevation.

eeb-20

Step 16

Step 17. Trees are added on site, along 3rd Avenue, in the park, and out at the riverfront.  As with the rest of the vegetation, the trees have a strong “autumn feel”.  Soft shadowing / ambient occlusion is added underneath trees in shaded areas.

eeb-21

Step 17

Step 18. Cast tree shadows are added throughout.

eeb-22

Step 18

Step 19. Adjustments to the ground plane are made – grasses at base of tower, bollards at street edge, and grass steps in park.  Shadows cast by the bollards are added in sun, and soft shadowing added in shaded areas.

eeb-23

Step 19

Step 20. Cars are added throughout as well as subtle “streaks” along 3rd Avenue to help with scale.  The cars are inserted at 80-90% opacity to help them blend in with the background.

eeb-24

Step 20

Step 21. People added and large flagpole dropped in at the southwest corner of the site.

eeb-25

Step 21

Step 22. A photovoltaic panel texture is applied to the rooftop, and subtle horizontal lines at the top of the tower suggest louvered panels.

eeb-26

Step 22

Step 23. Subtle refinements are made to the color and texture of the vines.

eeb-27

Step 23

Step 24. Haze is added at the upper left corner, and slight blue tint is dropped in below the painting to help unify the foreground and background elements.

eeb-28

Step 24

Step 25. Paper texture is added on top of the flattened image, using the Overlay blending mode.

eeb-29

Step 25

Steps 26. Glows are added to the entry pavilion, and in especially dark areas in shade.

eeb-30

Step 26

Step 27. Adjustments to overall Curves and Levels, and opacity of line-work layers is reduced to help lighten overall look of the image.

eeb-31

Step 27

Dropped in the signature at the lower right corner, and we’re done!

eeb-32

Final Image

Thanks for reading my tutorial and I hope you have learned a few more tricks to add to your work-flow.

Scott

eeb-33

Project and Contact Details

Left image – Glass areas are masked out using the color selection from the base layer. First a subtle blue tint is applied to the tower glass.

Got something to say?