Setup Menus in Admin Panel

Arch Viz Camp

How to create simple yet realistic floor tiles in 3ds max

Although there are great plugins out there for creating procedural wall and floors tiles with complex shapes and layouts, I like to keep it simple as much as I can, by using the build in tiles map of 3ds max.

With just few clicks you can get many tiling layouts that will suit most of your dally architectural projects.

Setting up basic tiles parameters

First, apply a new material to a surface, in the diffuse slot insert a new tiles map. Right away you can see a grid of squares, which is a good starting point for our floor. (If the grid isn’t visible on the surface, click on “show shaded materials in the viewport” in the material editor).

The proportion and size of the tiles map are affected by the surface’s UVW mapping. To make sure that our tiles has the right proportions, select the floor object and put a UVW map modifier under the modify panel. Set it to 200 by 200 for now.

3ds_max_tiles_map

To get the right tiling scale quickly, I like to place a simple box on the floor and set a size of an individual tile, I will only be using it as a reference while adjusting the map size. To do so, either change the UVW map parameters, or adjust the tiling of the map itself.

ps02

TIP – If you wish to create rectangle tiles, then you need to change the horizontal or vertical count of the map first, before setting its scale. Don’t worry I will show you how 🙂

Tiles pattern & customization

To make things easy, the tile map comes with several popular pattern presets, which you can choose from. You can even create your own custom pattern by selecting the “custom tiles” preset and playing with the parameters at the bottom of the map settings. For the sake of this tutorial I’m only going to choose the “running bond” preset.

Under the advance controls we can change the appearance of each tile and the grout (the spacing material). Let’s make a rectangle tile by reducing the horizontal count to 2 and keeping the vertical count on 4. We can set a solid color for the tile but for more realistic result it is best to use a tiled texture (search Google for tiled texture or go to cgtextures.com).

As for the grout, I’m just going to use a solid color and reduce the gap size to 0.2.

ps04

TIP – If the texture looks to big/small on each tile, simply click on the texture and adjust its tiling properties.

Tiles reflections and bumpiness

You’ll be happy to hear that most of the work is already done. After setting up the basic tiles pattern, you can copy and paste it to the reflection and bump slots, with a few modifications to it.

IMPORTANT: Remember to make a COPY of the tiles map and NOT an instance, otherwise it will change the diffuse slot as well.

First, in the reflection slot, we need to change the texture from the diffuse map to reflection map. We only want the reflection on our tiles and not on the grout, so set the grout color to black.

ps05

For this concrete like floor tiles I’ll set an IOR value of 2.5 to 3.0, relf.glossiness of 0.9 and copy the reflect map to the refl.glossiness as well (as instance). Copy this map to the bump slot, and change the reflection map to a bump map.

ps06

ps07

Make some test renders to see how the material interacts with light and shadows, if you need to, reduce the reflection and bump effect under the maps tab.

ps10

Making Variations

To get more natural and realistic look for the floor, we can make some random variation to the tiles and grout. Go to any of the tile map that we have created. Under the advanced controls change the “color variance” and the “fade variance” to a value different than 0. Note how each tile gets a random change to its look. You can set different values in the diffuse, reflection and bump slots, to make it more random.

If you wish to make the grout look less straight, you can increase the rough value under the grout setup, set same value to each of the slots (diffuse,reflection,bump).

It’s important to have this kind of variation to any realistic material, but be careful not to make them too strong. Test different values until you’ll get the right look.

click on the images for full size:

 

 

March 17, 2016
Copyright © 2016 · All Rights Reserved · ARCHVIZCAMP.COM