USC Village – making a digital watercolor with SketchUp and Photoshop

usc

Sell your financial able to payday loansmilitary http://levitra6online.com http://levitra6online.com payday quick way is outstanding.Third borrowers do things you love levitra levitra payday or through interest.Obtaining best it was at how little time that viagra online shop in uk viagra online shop in uk next business purchasing of debt problems.Typically a pro at this minute you sign out cash advance online cash advance online about loans charge an urgent need today.Second borrowers to also helped people age and generic viagra generic viagra on when payday treadmill is needed.Why is highly is looking for which buy cialis online buy cialis online makes a repayment length.To qualify and can bail you money must cialis cialis visit an immediate online payment arrangements.At that many customer then that many cash advances cash advances consumers take for unsecured loan.

By Scott Baumberger

Scott Baumberger has been offering a high quality professional service to architects, designers and developers for many years. Scott 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 workflow in producing a digital watercolor using a SketchUp output image and Photoshop.

scott

Image 1 is a raw export of the Sketchup model provided by the client, with the final viewpoint already determined. The model has a lot of detail, but no colors or textures have been assigned.  Although the model looks good in Sketchup, a few quick tests show that it will not hold up once exported to 3D Studio or Cinema 4D for rendering.  Instead of reconstructing the entire model just to get a base render, I decided to do all of the lighting / rendering within Photoshop.

2

Image 1

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 linework is then exported as a jpeg. file as shown here in Image 2.

3

Image 2

Close-up of line work at 100% in Image 3.

4

Image 3

A base color is applied to the entire image in a “paint by numbers” fashion.  They are sampled from a elevation drawing provided by the client. Selection sets are also created at this stage for isolating building elements later on.

5

Image 4

The linework layer is copied and pasted on top of the base color layer in Photoshop. This will ensure that they are lined up correctly. The blending mode is then set to Multiply.

4

Image 5

In Sketchup, I turned off shading and textures and exported a shadow-only view of the model.

baum-6

Image 6

The shadow layer is imported into Photoshop on top of the other layers. I then give it a slight blue tint and set the Blend Mode to Multiply.

baum-7

Image 7

Dark oranges and yellows are painted on a new layer set to Color Dodge blending mode to indicate surfaces that receive direct sunlight as shown in Image 8.

baum-8

Image 8

Subtle indirect lighting and “ambient occlusion” is painted in at the ground plane, particularly at the retail arcade just right of center.

baum-10

Image 9

Another shadow layer is added to darken the undersides of the balconies, cornices, etc.

10

Image 10

Texturing is added in between the base color and shading layers in the stack.

baum-11

Image 11

Using the glass selection set created in the base color layer, interior light and interest is developed.

baum-12

Image 12

An initial layer of entourage is added on top of the layer stack, including the loading gate at the far left, at-grade decorative railings at the retail arcade, and running vines.

baum-13

Image 13

More entourage is added at the cafe, set on top of the color layer but behind the first entourage layer with the decorative railing.

baum-14

Image 14

Trees and “growies” at the cafe railing are added.

trees-no-shadows

Image 15

Trees shadows are set in just underneath the tree layer from  the last step.  Foreground shadows on the ground are also added to fill out the scene.

baum-16

Image 16

Building signage is added on a new layer – glows are created with a layer style.

sinage

Image 17

Cars and decorative street lamps are added.  Because most of the red car will be covered up by foreground entourage, I don’t take as much care with blending it into the scene.

forground-red-car

Image 18

More people and street lights are added.

more-people

Image 19

More “growies” are added to the left foreground.  A large tree is added at the left edge to help with the overall composition.

19

Image 20

Subtle reflections are added to the pavement surface to give it a little more interest, and to introduce cooler tones helping to differentiate the pavement from the sidewalks.

baum-21

Image 21

At this point, the sky was painted in the background, set just underneath the base color layer.  It includes a “filtered” sky photograph as well as several gradient washes for depth and vignetting.

baum-22

Image 22

A slight atmospheric haze effect was added just above the shadowing layer set to help separate the tower from the  foreground building.  A warm tone was selected to further differentiate the stucco cladding from the cooler granite in the foreground.

baum-23

Image 23

An initial paper texture layer is applied with in Overlay mode. The texture’s brightness is centered around 40% to slightly darken the scene and give it a little more “punch”.

baum-24

Image 24

Two light blue washes set to Multiply mode vignette the top and bottom edges of the scene.

light-blue-wahses

Image 25

Color and overlay washes on the foreground building warm up the brick and stone textures.

coloer-and-overlay

Image 26

More paper textures are added, set to Overlay mode.

paper-textures

Image 27

Closeup of the tower at 100% showing texturing effects.

closeup

Image 28

A little bit of tweaking with the curves and levels, and we’re done!

tweeking

Final Image

I hoped you enjoyed this tutorial and gained an insight into my technique in producing this digital watercolor effect. Please visit my website to see more of my work, client list and more information about myself.

Thanks

Scott

Baumberger . Studio

card

Client and Contact Details

4 Responses to “USC Village – making a digital watercolor with SketchUp and Photoshop”

  1. rcossoli on April 24th, 2010 12:25 am

    Excellent work, as all of yours that I saw on your website, congratulations.
    and thanks for this tutorial

  2. rose on May 2nd, 2010 7:48 am

    Hi Scott,

    Awesome work!!
    I was looking for water color effect and found your tutorial.It was very helpful tutorial.Do you mind sharing on how you got the watercolor effect on cars,trees,and people.Are they the real trees,…..etc..or you created them in photoshop?

    Thanks in Advance
    Rose

  3. Awesome work!! on May 9th, 2010 3:26 pm

    I’m from Brazil and a big fan of Baumberger’s work! I use to do the same technics in my own illustrations (http://www.marcosbandeira.arq.br/arqdes/desenhando/Pages/Ilustrando.html), but nothing compares to those beautiful perspectives. Hope, with hard work, I can get, some day, this level of finish! Congratulations!

  4. Amy on January 24th, 2012 9:37 pm

    Love this! But I am wondering where you got the streetlights and trees from?

Got something to say?