MightyTiles Mosaic How-To by Peter Guthrie

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!

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…
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 ;)

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
model+model Giveaway

model+model Giveaway

08/21/2014  |  No Comments

The 3rd 2014 blog birthday giveaway is here! model+model will give one of you lucky followers the volume of your... more

Unreal Engine 4 + ArchVIZ by Koola

Unreal Engine 4 + ArchVIZ by Koola

08/21/2014  |  27 Comments

Today I stumbled upon these Drop Dead Gorgeous Unreal Engine 4 Architectural Visualization tests by koola which immediately reminds one... more

Winner Announced: PETER GUTHRIE HDRI Skies Giveaway

Winner Announced: PETER GUTHRIE HDRI Skies Giveaway

08/19/2014  |  19 Comments

The 2nd 2014 blog birthday giveaway is here! Welcoming PETER GUTHRIE who will give one of you lucky followers a... more

The JG House by MPGARQUITETURA

The JG House by MPGARQUITETURA

08/18/2014  |  3 Comments

Today I'm sharing the remarkable bridge like JG House in Petrópolis, Rio de Janeiro, Brazil. Designed by MPGAA to blend... more

Winner Announced: Design Connected Giveaway

Winner Announced: Design Connected Giveaway

08/17/2014  |  12 Comments

The 1st 2014 blog birthday giveaway is here! Design Connected will give one of you lucky followers a chance to... more

Happy Blog 5th Birthday!

Happy Blog 5th Birthday!

08/15/2014  |  114 Comments

1. 2.. 3... 4.... 5! Five years ago today I sat in-front of a blank white screen and wrote A... more