MightyTiles Mosaic How-To by Peter Guthrie

MightyTiles Mosaic How-To by Peter Guthrie

0
December 21, 2012  |  How-To, Native, Tutorials
164 Flares Facebook 99

Many of you asked for more insight on how-to use MightyTiles, the procedural texture tiling plugin for 3d Studio Max. Peter Guthrie has been using it for some time now, with great success and kindly explains the process of creating a relatively simple material but also one that would be much more difficult to do without using a plugin such as MightyTiles. This isn’t intended as a complete tutorial, but it does cover some of the harder to grasp aspects of MightyTiles. Enjoy!

PG MightyTiles Mosaic How To by Peter GuthrieAuthor: Peter Guthrie
Peter Guthrie is a well-known freelance visualization artist currently based in London, UK. He studied Architecture at Edinburgh College of Art from 1995-2000, then worked for a number of Architect’s Practices including Richard Murphy Architects. He now specialize in 3D graphic arts and work freelance producing visuals for a wide range of project types.

The success in a mosaic tile material lies in the subtle variation in the reflections and position of each tile. To do this manually in Photoshop would involve a lot of painting and masking and the process becomes very laborious when dealing with large areas where you don’t want to see any repetition.

Setting Up Your Material for MightyTiles

Add a MightyTiles Map to the diffuse slot of your material.
Add a MightyTiles Slave Map to the reflection slot, and then instance the previous MightyTiles Map in there. You should then change the drop down menu to reflection. You can optionally nest this slave map inside an output map or color correction map for more control.

Instance the main MightyTiles Map to your bump map slot if needed. (For some materials displacement by itself is sufficient). Do the same for displacement. I normally use 2d displacement so in that case instance it to your VRayDisplacementMod modifier.

See a screenshot showing my finished material set up below. Note that I have instanced the displacement slot to a VRayDisplacementMod modifier as I want to use 2d displacement rather than 3d displacement.

MightTiles HowTo 8281489160 f274138aa9 b thumb MightyTiles Mosaic How To by Peter Guthrie

You can of course do the same as for the reflection map in the reflection glossiness slot, maybe with an output map to alter it as needed.

Preparing Texture Maps

For this simple material, I am only going to use one tile texture, along with its corresponding reflection, alpha, and displacement maps.

MightTiles HowTo 8281084158 3f25fdb711 b thumb MightyTiles Mosaic How To by Peter Guthrie

In this case I just made the diffuse map from scratch, normally I take photos of the actual material I am trying to recreate. The alpha map works best if there is a sharp line between black and white (I think!), and the displacement map is just a copy of the alpha map with a bit of gaussian blur to round the edges of the tile. When making reflection, displacement and bump maps, try to think logically about what the different grayscale values are doing to the material. It makes sense to get the first tile material correct before doing the rest of them! For most materials I make between 5 and 15 unique tile maps, depending on the quality of the base photography. You can easily test the material with just a few and then add more until it looks good enough.

Loading the Texture Maps into MightyTiles

In the tiles roll up you can specify one or more tile ‘set’. I haven’t used more than one yet, but it’s potentially useful. To edit your tile set, click ‘tile overview’ to bring up the tile editor (image below). This is where you load in all the maps you have prepared in Photoshop. The group rollout on the right might be closed by default.

MightTiles HowTo 8280433599 6856228524 b thumb MightyTiles Mosaic How To by Peter Guthrie

A lot of the options in the tile designer are redundant, but one to take note of is the frequency value… very useful if you have some tiles that you only want them to appear occasionally.

Remember that I’m deliberately using just one tile for this mosaic material, normally the tile designer would look more like this…

MightTiles HowTo 8285250420 0ff99e2cb7 o thumb MightyTiles Mosaic How To by Peter Guthrie

UVW Mapping / No. of Rows

I generally set the UVW mapping to cover the wall or object you are texturing so that you don’t see any repetition (MightyTiles <strong>does</strong> repeat out with the bounds of the UVW mapping), and then set your number of rows from there. The aspect ratio in MightyTiles is affected by the UVW mapping, so I find it easiest to keep the mapping to a strict box (see below) so that I can control the aspect ratio in MightyTiles.

MightTiles HowTo 8280816458 094a33fc5c b thumb MightyTiles Mosaic How To by Peter Guthrie

Say if you have a 6m high brick wall, you would set your UVW mapping to 6m x 6m x 6m and then divide the height of the wall by the brick course height, so 6/0.075 as the normal course height for bricks is 75mm (65mm brick height plus 10mm mortar joint). 6/0.075 is 80 so you put 80 into the number of rows in the common section of the MightyTiles interface.

MightTiles HowTo 8279774943 8ca5198d6d o thumb MightyTiles Mosaic How To by Peter Guthrie

Mortar / Gaps and Randomization

It’s important to understand the relationship between the original mortar and the procedural mortar.

MightTiles HowTo 8280741597 ab6e4bcf1d o thumb MightyTiles Mosaic How To by Peter Guthrie

The procedural mortar, toned blue in the examples below, pads out the map to each side of the original tile by the amount you specify in the common mortar section (horizontal and vertical can be set individually). It is only when you have those values greater than 0 that the random movement and rotation become effective so I usually only include a small amount of mortar when preparing the bitmaps (ie I crop them quite tightly).

MightTiles HowTo 8280705231 2d2a566889 o thumb MightyTiles Mosaic How To by Peter Guthrie

a : tile with a small amount of original mortar, and procedural mortar toned blue for clarity.
b : tile slightly rotated (all rotation happens within the bounds of the procedural mortar.
c : the effect of the ‘blend mortars’ value, at 0.5
d : the effect of the ‘blend mortars’ value, at 1.0, effectively removing the original mortar completely back to the alpha mask.

Once you have your mortar set up correctly, you can get on with the fun part of adding variation to your material. There are lots of ways of doing this firstly in the Randomization rollout:

  • Randomizing the rotation, position and scale.
  • Randomizing the hue, saturation and value (brightness).
  • You can even add image based color control although I find the functionality a bit lacking here. (Would be great if the image could affect the material in different ways e.g. with blending modes).

and secondly in the Surface rollout:

  • Each tile can have a different amount of displacement (& bump), and you can even tilt the tile in a random direction.
  • Differing amounts of reflection can be really useful for certain materials
    Fine tuning

Something I find very useful when adjusting the various parameters in MightyTiles is to make a MightyTiles Slave Map in the diffuse slot of an empty material in the material editor and then instance your MightyTiles Map in there. You can then change the drop down to displace or reflection etc. (see image below) and get visual feedback on what is actually happening to that map when you adjust the various parameters. If you have a lot of rows you can temporarily lower it while you work on the material so that you can see what is happening.

MightTiles HowTo 8279882789 8f2366c512 o thumb MightyTiles Mosaic How To by Peter Guthrie

In the image below I have changed the number of rows to 5 so that the mortar shows up more clearly, and am experimenting with the procedural mortar displacement amount. As you can see from the follow on images, changing the amount from 0.5 to 1 effectively brings the mortar closer to the surface of the tiles.

MightTiles HowTo 8280951284 4e55dd5a32 b thumb MightyTiles Mosaic How To by Peter Guthrie

MightTiles HowTo 8279894819 213e1cd5db b thumb MightyTiles Mosaic How To by Peter Guthrie

Mortar displacement amount 0.5

MightTiles HowTo 8280951214 7914292ef2 b thumb MightyTiles Mosaic How To by Peter Guthrie

Mortar displacement amount 1.0

MightTiles HowTo 8280769502 7b8dec18fc b thumb MightyTiles Mosaic How To by Peter Guthrie

Completed mosaic tile image

MightTiles HowTo 8279972455 aa42a5fc92 b thumb MightyTiles Mosaic How To by Peter Guthrie

Same material, but with half the number of rows, and a dark grey mortar.

Feel free to ask questions, I’ll do my best to answer them here. A reminder also that the best place to leave feedback and get help with MightyTiles is on Ronen’s Forum – MightyTiles Information & Help thread.

Mary Christmas,

Peter.

Get the MightyTiles Demo Here and start experimenting with it too…
Subscribe to the Blog

8 comments
ammarshow
ammarshow

thank youuuuuuuuuuuuuuuuuuuuu

jan steen
jan steen

What does this do that Bercontiles + Mulittexture dosen't?

cheers,

Jan

3dVws
3dVws

I like it, looking forward to using this!

ck_1138
ck_1138

Thank you Peter. Looks great!

Lonelymonk
Lonelymonk like.author.displayName like.author.displayName like.author.displayName 3 Like

Great tutorial, very thorough and helpful. If anyone is interested (and I hope it's not inappropriate to post this here) I made a quick tip video about using Photoshop's slice tool to prepare images for MightyTiles. https://vimeo.com/52006261

soaacademy
soaacademy like.author.displayName 1 Like

Thanks Peter! Very Useful!

Trackbacks

  1. [...] Image copyright for exlevel: Evgen 2009 Image copyright for Itoo Software: Mateusz Grzybowski Image copyright for Mighty Tiles: Peter Guthrie for Ronen Bekerman website tutorial section [...]

Recent Posts
Making of House in Giannitsa

Making of House in Giannitsa

05/13/2013  |  No Comments

Vasilis Koutlis from studio xDream3D, recently shared on the forums their work on the Giannitsa House Interiors which I really... more

Making of 'Viking Pavilion' NPR / Daytime Basketball Game

Making of ‘Viking Pavilion’ NPR / Daytime Basketball Game

05/08/2013  |  No Comments

Here's the continuation to Scott Baumberger's Non-Photorealistic Rendering (NPR) Approach to Architectural Visualization workflow article. In the previous article, Scott... more

Hurst House by John Pardey Architects + Ström Architects

Hurst House by John Pardey Architects + Ström Architects

05/03/2013  |  No Comments

The Hurst House by John Pardey Architects + Ström Architects is simple, clean and beautiful. That hovering box thing has... more

XfrogPlants April (and May) Sale

XfrogPlants April (and May) Sale

04/29/2013  |  No Comments

You can never have enough 3d trees & plants. Keeping your scenes greenies nice and fresh is important, so here's... more

48 Free Old White Wood Planks Textures

48 Free Old White Wood Planks Textures

04/26/2013  |  No Comments

Mário Nogueira follows up with one more great share of 48 Old White Wood Planks Textures that you can use... more

Making of 'Crystal Box' Villa

Making of ‘Crystal Box’ Villa

04/23/2013  |  No Comments

tresde's Santi Sánchez has been pretty active on the forums lately, and I like the fact his work is a... more