Fast Way to Achieve a Nice Digital Watercolor Render

digital_watercolor2By Majid Yagenegi

In this tutorial we are going to achieve a nice digital watercolor render using SketchUp and the render engine ‘TwilightRender’. We will also do a little post-processing with Photoshop (or your desired photo editor). This effect could also be achieved using any render engine that is based on MLT algorithm that will produce a whole vision of the scene while it is ‘noisy’. I have tried to use ‘noise’ as a possibility and part of the process.

digital_watercolor

As a painter, I personally prefer NPR rendering. Natural NPR SketchUp renderings are also amazing, but you may need some more artistic ones. If the answer is yes – this tutorial is for you.

Natural SketchUp renders  don’t have any light source nor reflections, while Twilight renders could give us those goodies. I especially prefer those settings that are based on MLT algorithm because they will give you a sense of the whole picture, also with noise, which will certainly be sweet for our final result.

Step 1. After modeling I spent about 10 minutes to adjust materials and lights. Try to keep the main reflective surfaces and ignore minor ones. Then I add a HDRI for the environment and start rendering. Keep the render size matching the sketchup view as shown in the image below.

image001

Step 1

Step 2. The image below is a 4 minute render (originally 920 x 629 pixel, resized to 800 x 546, to be the same size of pure SketchUp output but with a tiny dots texture).

image002

Step 2

Step 3. Then I reduced the noise in Photoshop. You may also prefer Neat Image, that will keep the final result more colorized.

image003

Step 3

Step 4. Also we will need a pure SketchUp render. Here shown in the image below is an extended edge style with a green-blue dark sky.

image004

Step 4

Step 5. Now go to Photoshop (or your desired photo editor) to combine these two renders. The base image is pure SketchUp output . Then put the Twilight render over it and duplicate it so you have 3 layers. Here are layer settings:

image005

Step 5

Step 6. And this as well:

image006

Step 6

In Step 5 it shows the middle image has an Overlay blending mode with an opacity of about 50%, while the upper one in Step 6  has a Normal blending mode with an opacity of about  40%.

And here is the final result after merging all layers, and a bit of level adjustment. You may also be interested in using a texturizer filter to mimic a more realistic watercolor effect.

image007

Final image

And here is the exterior image using the same technique.

teknica_house

Exterior

Hope you find this short tutorial useful in your work-flow.

Majid

18 Responses to “Fast Way to Achieve a Nice Digital Watercolor Render”

  1. Dylan on September 20th, 2009 12:34 pm

    A beautiful image and such a simple method.
    Thanks Majid

  2. Richard on September 21st, 2009 2:31 am

    Well done and thank you mate!

    So simple! I thought there was to be a more elaborate workflow than this!

    Proof that simplicity is it’s own reward!

  3. Ben Ritter on September 21st, 2009 9:45 pm

    Nice work and thank you for the tutorial.

    However, I must have missed something, how do you get the tiny dot texture?

    Thanks. Ben

  4. Majid on September 22nd, 2009 1:28 pm

    Dear Ben, as I’ve declared in the 2nd paragraph , this must be done using those presets that use MLT, i.e in TWi…go to Tech settings–>3.progressive–>choose preset 03 or 04
    cheers

  5. فخرالدین پورامامی on September 23rd, 2009 3:59 pm

    آخه مرد مومن یه کم هم واسه اینا کار می ذاشتی همه رو خودت انجام میدی اینا بیچاره ها موندن! خیلی عالی خیلی خوب واقعا محشرین شما آقا مجید

  6. neoshed on October 6th, 2009 6:17 pm

    nice image and tutorial mate….going to try it out sometime

  7. kashif mughal on October 10th, 2009 12:15 pm

    a.o.a
    nice work
    what u advice for the best rendering engine for the sketchup
    i am trying podium and vray for sketchup for photorealistic images
    but not getting the best results
    thanks

  8. majid on October 12th, 2009 10:39 am

    dear mate, you can choose your render engine , by visiting their webpages, and surfing the forums..

  9. kashif mughal on November 5th, 2009 5:25 pm

    a.o.a
    nice work
    i am using sketchup pro 7 i am looking for the best rendering
    plugin for sketchup for photorealistic images
    what u think about the twilight .. i saw it at ur page
    thanks
    b.regards

  10. admin on November 5th, 2009 10:37 pm

    Twilight is relatively new, but the feedback so far is that it’s great. Reasonably priced and easy to use…

  11. olishea on November 20th, 2009 12:10 am

    great work, thanks for taking the time to do this.

  12. AhmaD on December 1st, 2010 12:20 am

    great work,
    i have a problem with setting the image size, i make the width 2000 but i keep getting the final image 800×500, how can i make it bigger?
    my twilight is licensed!

  13. admin on December 1st, 2010 6:30 pm

    @AhmaD..might be a problem with your licence? Check with the Twilight Forum

  14. Gustavo Solis on July 26th, 2011 4:28 pm

    Majid good technique

  15. zohaib on November 14th, 2011 12:01 pm

    wonderful. looks very real and professional..

  16. Elliot on November 26th, 2012 1:25 am

    HI Majid
    I’m wondering if you did anything different in the exterior scene to get the the water color paper effect This is very apparent in the sky and parts of the wall. Did you use a bump map or anything special in Sketchup. I’d love to see a tutorial for this one.
    Thanks

  17. Majid on January 16th, 2013 9:32 am

    Elliot, yes, I add bump on water material.
    soon will have a tut on water material 😉

  18. Johann on October 16th, 2014 6:41 pm

    such a great tutorial! and such a great method!

Got something to say?