Create a Tile Imprint SketchUp, Photoshop, Pixplant

nomer-start

By Nomer Adona

The idea behind this tutorial is to help you create 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.

nomer's-tut

1. Let me begin by using 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.

nomer1

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.

nomer2

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 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.

nomer3

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.

nomer4

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.

nomer5

Step 5

Here is a screen grab of Pixplant

nomer6

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.

nomer7

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 UVs of this Diffuse map.

nomer8

Step 7

8. The image below shows the settings in V-Ray for the imprinted tile material.

nomer9

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 settingthe 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

nomer10

Image 1

Here it is with a Glossiness of .55 with less Reflection

nomer11

Image 2

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

Thanks

Nomer Adona

Some of Nomer Adonas other tutorials here at SketchUpArtists:

Dont forget to check out Nomers own website for more of his inspiring work and free resources.


Create a Tile Imprint SketchUp, Photoshop, Pixplant ...
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

Create a Tile Imprint SketchUp, Photoshop, Pixplant ...
03-03-2011. Create a Tile Imprint SketchUp, Photo Home About Spotlight Software SketchUpArtists Modelers Artists Authors and Books Business Presentations

Creating Tile Imprint using SketchUp, Photoshop, Pixplant ...
Here is a simple tutorial showing my workflow in creating tile imprint. Here is the PDF tutorial TILE IMPRINT USING SKETCHUP

Create a Tile Imprint SketchUp, Photoshop, Pixplant ...
  The idea behind this tutorial is to help you create a tile imprint design from scratch. I will move from one software to the next to accomplish

SketchUp and Photoshop :: SketchUp 3D Rendering Tutorials ...
Imprint SketchUp, Photoshop, Pixplant and V-Ray by Nomer Adona. The idea behind this tutorial is to help you to achieve a tile imprint a SketchUp model

TILE IMPRINT USING SKETCHUP - Nomeradona
TILE IMPRINT USING SKETCHUP, PHOTOSHOP, PIXPLANT AND VRAYSU By: To create a displacement TILE IMPRINT USING SKETCHUP.doc

Create A Tile Imprint Sketchup Photoshop Pixplant | Manual ...
Get Manual Guide info about Create A Tile Imprint Sketchup Photoshop Pixplant and read our other article related to Create A Tile Imprint Sketchup Photoshop Pixplant

Creating Tile Imprint using SketchUp, Photoshop, Pixplant ...
Here is a simple tutorial showing my workflow in creating tile imprint. Imprint using SketchUp, Photoshop, Pixplant TILE IMPRINT USING SKETCHUP.

Tile Imprint with Sketchup, Photoshop, Pixplant and VRaySU ...
Comments One Response to Tile Imprint with Sketchup, Photoshop, Pixplant and VRaySU

Create a Tile Imprint â SketchUp Photoshop Pixplant
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

Previous
Next Post »