MightyTiles Mosaic How-To by Peter Guthrie

0
December 21, 2012 |  by  |  How-To, Native, Tutorials

Many of you asked for more insight on how-to use the procedural texture plugin – MightyTiles by Mighty Instruments, 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!

Author: 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

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

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

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

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

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

Mortar / Gaps and Randomization

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

MightTiles_HowTo_8280741597_ab6e4bcf1d_o

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

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

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

MightTiles_HowTo_8279894819_213e1cd5db_b

Mortar displacement amount 0.5

MightTiles_HowTo_8280951214_7914292ef2_b

Mortar displacement amount 1.0

MightTiles_HowTo_8280769502_7b8dec18fc_b

Completed mosaic tile image

MightTiles_HowTo_8279972455_aa42a5fc92_b

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…
16 comments
FlorianDubiel
FlorianDubiel

I am not getting it, is it free? still beat? how much does/will it cost?

desplanquesclement
desplanquesclement

Hello everyone

I can not find the tile designer  precisely the tile overview as guthrie for loading my own texture maps.I must be blind .. thank you in advance for your help and good luck ..

bigshot2007
bigshot2007

Thank you Ronen for your quick reply.
To answer your question, I would say that MT Slave is great addition to Mighty Tiles in a sense that it converts RGB values into several different grayscale values depending on the map type end user choses.However, I want for instance, to feed different grayscale map into bump slot and a different grayscale map into the displace slot and inside VrayDisplacementMod Texture map slot. MT Slave does the conversion really good but can't produce any results when applied inside VrayMtl shader,which bugs me a little ;).

I'm just starting to learn to use MT textures and dont know many functions just yet, but I have the feeling it comes with a lot of redundancy.Many options seems to be sort of useless.Attributes inside Tile Designer seem to have no purpose.MT Slave seems to be useful only when used inside the Reflect map and all other Map Type options in MT Slave besides "reflection" seem to be....useless???!!!.   

As an alternative, using the same RGB map from Mighty Tiles to feed it in the bump and displacement slot may not be very flexible, in my opinion.I know I can use native 3ds max maps or even Vray maps to achieve what I want but I wish MT had all the options available to us within the map itself. If I'm wrong then I wish to see a tutorial that explains these options in more details and what they do. Mighty Tiles reference guide has NO documentation at ALL on the MT Slave node, thus little I know what all those options are for. Overall, I think it's a useful plugin, and I'm using it ever so often with great results.

Regards,
Toni

bigshot2007
bigshot2007

Thank you!! 

Great tutorial. 

I have one issue though. I use MultiTiles Slave material in the  bump and displacement slots inside VrayMtl shader. When I hit render I don't see any displacements taking place. I do have MultiTiles node connected to the MT Map slot of the MultiTiles Slave, but still no results. The only way I can see the bump and displacement having an effect on the mesh is when I connect the MultiTiles directly into the bump and displacement slots of the VrayMtl shader. But this is not what I want. How can I have the MT Slave node to affect the bump and displacement inside the shader?


lius86
lius86

Hey cool tutorial!!!
I just have a little problem with the units.

My max project is in mm and i did the model in mm.
When i try to use mighty tiles, the settings of the displacement are wronged. Because i see to much displacement and it takes ages to render.
The value of bump, displacement of mighty tiles, are based in cm?or meters?
Also because i can't get lower than 0.1, that is still too much with my model.
Do you suggest to change the unit settings of the file?

Thank for helping.

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

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

ronenbekerman
ronenbekerman moderator

@bigshot2007 Why don't you want to use it like that? this is how it should work by the way ;)

Recent Posts
BEST Visualization of YEAR 2014

BEST Visualization of YEAR 2014

01/21/2015  |  5 Comments

I've rounded up all of the 52 Weekly Best Visualizations, Selected the best in each month to form the 12... more

12 BEST of MONTH Visualizations of 2014

12 BEST of MONTH Visualizations of 2014

01/12/2015  |  10 Comments

Following up on the 52 Weekly Best Visualizations, I'm proud to present today the selected 12 BEST of MONTH visualizations... more

52 Best Visualizations of 2014

52 Best Visualizations of 2014

01/01/2015  |  3 Comments

You have seen these during the year on the weekly newsletters (click to signup), but here they all are -... more

12 Favorite Articles of 2014

12 Favorite Articles of 2014

12/30/2014  |  2 Comments

2014 is behind us now but before we get started with 2015, here are 12 of my favorite articles posted... more

Striving for Real-Time Photorealism in Architectural Visualisation

Striving for Real-Time Photorealism in Architectural Visualisation

12/17/2014  |  25 Comments

Lasse Rode takes Unreal Engine for a good spin as he strives for photorealism using a real-time tool. He does this... more

Forest Pack 4.3 Pro & Lite Released

Forest Pack 4.3 Pro & Lite Released

12/17/2014  |  2 Comments

iToo Software announced today the release of Forest Pack 4.3 Lite and Pro versions. This update adds powerful new features suggested... more