You are on page 1of 9

03-03-2011 Create a Tile Imprint – SketchUp, Photo…

Authors and Books
SketchUp Styles
Tips and Tricks
SketchUp and Blender
SketchUp and V-Ray
SketchUp and Kerkythea
SketchUp and Photoshop
SketchUp and Podium
SketchUp and Traditional Drawing
SketchUp and Shaderlight
SketchUp and Match Photo
SketchUp and Piranesi
SketchUp and Artlantis
SketchUp and Advanced Modeling
SketchUp and Matte Painting
SketchUp and Maxwell
SketchUp and Twilight Render
SketchUp and Thea Render

Create a Tile Imprint – SketchUp, Photoshop, Pixplant & V-


The idea behind this tutorial is to help you to achieve a tile imprint design from scratch. I will move from one software to the next to accomplish
each task. In this tutorial I will share my experience in preparing my textures using Photoshop and Pixplant. I will then demonstrate how I will use
them in V-Ray for SketchUp.…/create-a-tile-impr… 1/9
03-03-2011 Create a Tile Imprint – SketchUp, Photo…

1. Let me begin by using Google SketchUp for my tile design. I could use Photoshop directly, but I prefer SketchUp as I am used to working
with it and I want to introduce it for this particular purpose. Here I modeled a 30cm x 30cm tile. I then quickly drew my design using Freehand,
Arc, Offset and Paint Bucket Tool. Once I finished the design, I mirrored it in both directions, creating four tiles.

Step 1

2. I will now export my tile design imprint as a jpeg for the purpose of creating a displacement map in Photoshop. I clicked the Zoom Tool in
SketchUp and typed “0″ in the Measurements box to get parallel projection. I then clicked Top View using the Views Toolbar. The model is now
ready to be exported as a 2D graphic in jpeg format. See the image below.

Step 2

3. Open Photoshop and load the exported image. To create a displacement map, I simply copied the image into another layer and applied a…/create-a-tile-impr… 2/9
03-03-2011 Create a Tile Imprint – SketchUp, Photo…
Gaussian blur filter to it. I did this to achieve a smooth transition between blacks and whites. In V-Ray for SketchUp, the whiter the areas are the,
higher the displacement.

Step 3

4. Save this material as your “displacement map”.

5. Here is another material. I downloaded this one from the Net by ‘Googling’ and typing “Terra Cotta”. I will remove those grooves using the
‘Clone Stamp Tool’ in Photoshop. Once done I will save it as a jpeg image.

Step 4

6. Below is a seamless material I have done using Pixplant (you can download 30 day trial). The jpeg image that was done above was opened in
Pixplant and created a seamless Diffuse map. You can also use Photoshop to create a seamless texture by using a filter called “Offset” and
remove the unwanted seam using the “Clone Stamp Tool”. I found Pixplant to be a really cool software for doing this. The jpeg material below
will be the base color of the tile.…/create-a-tile-impr… 3/9
03-03-2011 Create a Tile Imprint – SketchUp, Photo…

Step 5

Here is a screen grab of Pixplant

Pixplant Screen Grab

I also saved a “Normal map” which will be used as a Bump map. I found using “Normal map” in Bump map slot gives a more effective map
rather than a black and white Bump map.…/create-a-tile-impr… 4/9
03-03-2011 Create a Tile Imprint – SketchUp, Photo…

Bump map

7. The image below shows the setup of the floor tiles in SketchUp. Here I did a 60cm x 60cm plane. I painted the Displacement map on this
plane. This is very important because the mapping of the Displacement map will follow exactly the UV’s of this Diffuse map.

Step 7

8. The image below shows the settings in V-Ray for the imprinted tile material.…/create-a-tile-impr… 5/9
03-03-2011 Create a Tile Imprint – SketchUp, Photo…

Step 8

The material is achieved by

Creating another Diffuse layer (Diffuse 1)….load the brown Terra Cotta Diffuse map by clicking the small “m” beside the Color box of this
new Diffuse layer.

It is important that the old Diffuse layer (Diffuse) will not have any effect on the material other than its UV map setting…the transparency
color must be turned into a complete white.

Load the “Normal map” under the Bump slot.

Load the “Displacement map” under the Displacement map. In this particular exercise the multiplier of both Bump and Displacement map
are 0.2.

Finally, create a Fresnel Reflection map with .07 – .08 Glossiness and 32 Subdivision.

Here is the rendered image

Image 1

Here it is with a Glossiness of .55 with less Reflection…/create-a-tile-impr… 6/9
03-03-2011 Create a Tile Imprint – SketchUp, Photo…

Image 2

I hope you have learned something new here and you find it useful in your future projects.



Advertise Here

Interior Scene in Twilight Render

French interior designer Frederic Yves Moro explains his method of rendering an interior scene using Twilight Render in a few easy steps.

Latest 2ews
The Bottom Line – Making Money with Google SketchUp
Lighting with V-Ray for SketchUp – definitive guide part 1
Styles 2011
New! SketchUp to Photoshop – a night rendering
Latest Tutorial V-Ray for SketchUp – super crash course
Styles Collection 2009
Styles Collection 2010
Spotlight on The London 3D Project and Google Earth
Latest Tutorial – Shaderlight Pro Render
SketchUp and Thea Render: Christmas Garland and Glass Ball


One great way to enhance your final presentations is with the use of a special feature in Google SketchUp called Styles. Styles are collections of…/create-a-tile-impr… 7/9
03-03-2011 Create a Tile Imprint – SketchUp, Photo…
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 hand-rendered, super-technical, and
everything in between......Read

Adam Warner
Alex Hogrefe
Alex Jenyon
Daniel Tal
David Macdonald
Do Phu Hoang Nguyen
Eric Lay
Frederic Yves Moro
Ibon Enriques
Jacques Cleghorn
Jim Leggitt
Kate Marshall
Ken Nguyen
Laurent Brixius
Majid Yeganegi
Mateo Soletic
Matthew L. Facundus
Michalis Zissiou
Mr Wip
Nguyen Tran Huy Vu
Nick Howlett
Oliver Shea
Ricardo Cossoli
Robh Ruppel
Rocky Vezeau
S.Porobic (AKA `Sepo´)
Scott Baumberger
Steven Man
Teofilo Pardo
Tina Stiles-Bryant

Recent Comments
Victor on Techniques
Ibrahim on Lighting with V-Ray for SketchUp – definitive guide part 1
Okultika on Lighting with V-Ray for SketchUp – definitive guide part 1
Ben Steel on Modeling in SketchUp to Match a 2D Image
ivana on SketchUp to Photoshop – a night rendering
Olav Schneider on Robh Ruppel – Google SketchUp in Game Design
hector festin on Lighting with V-Ray for SketchUp – definitive guide part 1
Alex on Lighting with V-Ray for SketchUp – definitive guide part 1

Got something to say?

Name (required)

Email Address (required)


Speak your mind…/create-a-tile-impr… 8/9
03-03-2011 Create a Tile Imprint – SketchUp, Photo…

Submit Comment

Google SketchUp 3D Rendering Tutorials SketchUpArtists • Copyright © 2011 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.…/create-a-tile-impr… 9/9