Making Tileable Textures

In this project I have used a fair few of my own textures and I thought it would be nice to show my workflow for creating them.

Below you can see the before and after of two examples:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

All my texture pictures were taken using my phone camera as I have it with me at all times and it takes a surprisingly good quality picture.

After getting the picture home and throwing them in Photoshop the first step is to crop them down to the resolution you need for your texture. At this stage it is key to crop an area that has minimal amounts of clutter such as stones and twigs, as this will easily be picked up by the human eye as repetition (As you can maybe see in my brick texture, one of the bricks is a slightly different shade and even this is easily seen when tiled).

Once you have the size sorted, the first step is to offset the image through the offset filter (as seen above). This flips the outside edges to the center and the already matching inner edges to the outside. At this point we have a tileable texture, but there will most likely be some ungainly seams (as can be seen in the image below running down the center).

Using the Clone Tool () and in the case of these tiles some more grouting, the texture will lose its seems and be ready to tile.

As you can see now that the image is in engine and tiled onto this cube it seamlessly tiles, but it does have a lot of repetition, with the same tiles and the same pattern. As such this is a good example of why the initial steps are so vital.

I hope this was helpful,

Ollie



Leave a Reply

Your email address will not be published. Required fields are marked *