The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Home

About

Spotlight

Presentations

Resources

Tips & Tricks

Tutorials

The Glass House a Photoshop Tutorial

Styles

Downloads

News

Contact

New eBook SketchUp to Layout

Brent Adrian Balasbas, based in thePhilippines and studying Architecture, has kindly shared his
latest tutorial on his Photoshop techniques with us. He uses a V-Ray rendered output image of a

SketchUp model (original subject, Glass House by Philip Johnson). Brent places the image in a new
background, editing it to the extent whereby he ends up with a very convincing final creation.
Matt
Donley's 'SketchUp to Layout' is the
essential guide to creating construction
documents with SketchUp Pro & Layout.
Now updated for SketchUp 2015!!!

Styles
1. This my output render of a SketchUp model, the Glass House by Philip CortelyouJohnson. Its a
PNG file. Open the file in Photoshop.

Styles
One clever way to enhance your final
presentations is with the use of a special
feature in
SketchUp called Styles. Styles
are collections of display settings,

including new options like Watermarks

and Sketchy Effects, saved in the new
Styles palette. You can use Style Builder
to create custom non-photorealistic
(NPR) Styles for SketchUp. NPR Styles
can make your models appear handrendered, super-technical, and
everything in between......Read

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Output Render - PNG File

2. Aftersourcinga suitable background image, lets start work on it. Use Polygonal Lasso Tool to
select and cutout the area that isnt needed. Right click and select Inverse.

Latest News
Making of Dreadnought Part 2 Main
Bridge by Alexei
Combining Visualizer Images with
SketchUp Styles by Will Anielewicz
SketchUp 2015 is finally here!
Making of Fellowship rendering by Kirk
Fromm
Winners of the Latest 3D Challenge
Sponsored by SketchUp Texture &
SketchUpArtists
Styles Collection 2014
Making of Dreadnought Part 1
Weapons
Making of Rural House SketchUp
Styles & Picasa 3.9
Select Inverse

Interior Design of a Living Room

SketchUp & V-Ray by Mario Gole

3. Duplicate the Layer. The image below shows how it will look. Next Delete the original Background

Making of Silver Mountain

Layer (the locked one).

Condominiums by Les Chylinski

Artists/Authors
Adam Billyard
Adam Warner
Alex Hogrefe
Alex Jenyon
Christopher Polanski
Daniel Tal
David Macdonald
Do Phu Hoang Nguyen
Eric Lay
Frederic Yves Moro
Gian Martin Corso

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Ibon Enriques
Jacques Cleghorn
Duplicate Layer

Jason Christiansen
Jean-Pierre Hurel

4. Erase the selected surface with theEraser Tool.

Jeremy Kay
Jim Leggitt
John Higgins
Jonathan Pagaduan Ignas
Kate Marshall
Ken Nguyen
Kirk Fromm
Laurent Brixius
Les Chylinski
Lewis Wadsworth
Majid Yeganegi
Mario Gole
Mateo Soletic
Matthew L. Facundus
Michalis Zissiou

Erase Selection

Mr Wip
Nguyn Ngc Phc

5. Erase the outline using the Quick Selection Tool.

Nguyen Tran Huy Vu

Nick Howlett
Nomeradona
Oliver Shea
Ricardo Cossoli
Robh Ruppel
Rocky Vezeau
S.Porobic (AKA `Sepo)
Samuli Lautjarvi
Scott Baumberger
Snoopywang
Steven Man
Teofilo Pardo
Tina Stiles-Bryant
Troy Homenchuk

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Erase Outline

Victor Hugo Hernandez

Will Anielewicz

6. Expand the sky , using Clone Stamp Tool + click (ALT) then select the sky. Do the same thing on
the trees, Clone Stamp Tool + click(ALT) select the trees.

Zernan Suarez

Recent Comments
admin on Styles
Gillian Taylor on Styles
Fix Shaderlight Error Windows XP,
Vista, 7, 8 [Solved] on Aligning the Sun
in SketchUp Accurately
tugberk on Lighting with V-Ray for
SketchUp definitive guide part 1
wasim on Quick Concept Sketching
using SketchUp and Photoshop

Expand Sky and Trees

7. Try this link to download some brushes. You can use it as a Clone Stamp Tool brush for the trees
to make it more realistic.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Use Brush for Clone Stamp Tool

8. Now erase the grass from the image, using the Eraser Tool.

Erase the Grass

9. Now place the glass house into the background image.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Place Glass House in Background Image

10. Resize the glass house using the Rectangular Marquee Tool , right click Free Transform to make
it more proportional to the image. Erase the outline (Step 5).

Resize House

11. Erase the unnecessary light.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Remove Unnecessary Light

12. Insert the next sourced image to build up the scene.

Build Up Our Scene

13. Resize the image, change the Opacity to about 88%. Warp the image to make it proportional and
fit in nicely (Edit >Transform >Warp ).

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Resize and Transform Image

14. Erase the area highlighted by the red line.

Erase Area Highlighted

15. This is how the image looks so far after erasing unnecessary parts.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Image So Far

16. Next some image adjustments. These are the settings that were used: Filter > Sharpen >
Unsharp Mask, Amount: 38%, Radius 31.1 Pixels and Treshold: 109.

Image Adjustments

17. Next the road was edited (removed some of the grass and fixed the edge on the left) using the
Clone Stamp Tool.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Edit the Road

18. Go back to the other image used (Step 12), flip it horizontally by going to

Image > Rotate

Canvas > Flip Canvas Horizontal. The result below.

Flip Image Horizontal

19. Use the Polygonal Lasso Tool to make an outline as shown in the image below, then cut it (use
the Move Tool).

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Cut a Section Out

20. Paste the cutout into the image or drag and drop it in.

Paste in Cutout

21. Place the layer on

top of the Layer stack, resize (Step 13) and warp by going to Edit >Transform
>Warp. Finally erase the outline.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Resize and Warp Cutout

22. Use Clone Stamp Tool to edit the road and grass as done before in Step 17.

Edit Road and Grass

These are some examples of the brushes used.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Brushes

23. After that, create a new Layer, then click Create new fill or adjustmentlayer and then Solid Color.
The Pick a solid color selection panel will appear.

New Fill Layer

24. Set the blending mode from Normal to Overlay and its Opacity to 25%.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Change Blending Mode to Overlay

25. Forfurtherenhancement, use the Brush Tool and add some fog effect. Settings used:
Opacity:4%, Blur Tool Strength 37%.
Tip: dont add too much fog!

Add Some Fog

26. Save the image as a JPEG file, then open it again in Photoshop to add some lighting effects to
the image, I used the Knoll Light Factory plug-in. You can try it out for free if you wish.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

Save as JPEG and Add Some Lighting

Final image.

Final Image

Thanks for reading this tutorial. Hopefully you will be able to use some aspects my techniques in your
very own creations.
Brent

2 Responses to The Glass House a Photoshop Tutorial

Ronald EM on
May 22nd, 2013 4:38 pm

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]

The Glass House a Photoshop Tutorial :: SketchUp 3D Rendering Tutorials by SketchUpArtists

So many thanks, i really like your tutorial

Managua, Nicaragua

HomePlansIndia on
June 10th, 2013 6:09 pm
Very helpful and informative. Just a simple house plan is getting transformed with
easy elements added to it through photoshop.
Thanks

Got something to say?

Name (required)

Email Address (required)

Website

Speak your mind

Submit Comment

SketchUp 3D Rendering Tutorials by SketchUpArtists Copyright 2014 All Rights Reserved

Excerpts and links may be used, provided that full and clear
credit is given to Sketchupartists and the original author/owner with appropriate and specific direction to the original content.

The Glass House a Photoshop Tutorial SketchUp 3D Rendering Tutorials by SketchUpArtists.htm[17/12/2014 04:24:26]