How to make a tileable texture | Affinity Photo

Do you need an easy way to make tileable textures for your project?

In this tutorial, I will show you how to make a tileable texture in Affinity Photo and use them to texture objects in Blender for your project.

Setup

I will be using a photo that I downloaded from Pexels

I make a new 1K document (1024 x 1024) in Affinity Photo

Under the view menu, I open the guides manager

I click on the new guide icon and add a horizontal and vertical guide

Image

Under the file menu I will choose place and drag out my image – making sure to have an even number of planks [4]

With the layer selected, I use CTRL + J and duplicate the layer twice

I select the bottom layer and I lock it and hide it

I select the top layer and under the filters menu, I choose the distort menu and the affine option

This option will allow me to move, scale, and rotate the document by percentages – it is the same as the offset option in Photoshop

I change the X and Y offset by 50% each

I move the layer down (so it is the middle layer)

I select the new top layer

I select the ellipse tool and holding down SHIFT + CTRL, I draw out an ellipse from the center of the document

I add a layer effect to this ellipse

I will add a gaussian blur and change the radius to 30px

I right-click on the ellipse and choose “mask to below”

I now have a tileable texture that I can export as a PNG

Blender

In Blender, I add a plane and scale it up by 5

I split the view port and open the shader editor

I make a new material, drag in my wood texture, and connect it to the principled shader

With the node wrangler installed, I select the wood texture node and use CTRL + T to add a mapping and texture coordinate node

I then change the scale to 2

I can now see the texture tiling

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.