(ENG) Seamless Textures I

Stai invece cercando la versione italiana di questo tutorial? ( )

 

 

---

 Licenzed under Creative Commons shareAlike noncommercial 2.5 by Dario "Demone Rosso". (Red Demon)

 

 

GIMP Version 2.6.8

 

This tutorial shows how to create a simple seamless texture. A seamless texture can be used as tile for covering large surfaces with the same pattern.

 

Seamless textures are used very often in videogames for cover walls, landscapes ecc.

GIMP allow us to create sameless textures in a very simple way. First of all search for a texture image and save it to your HD. There are lots of free textures sites (just search in your search engine for "texture free/texture creative commons"). This texture is taken from the "free 3ds textures" website:

(if you want to download the full size image click on the picture below and go to its website)

 

 

Open GIMP and create a new image (please use power of 2 for image sizes, so you can create 64x64, 128x128,  256x256, 512x512, 1024x1024 up to 2048x2048 texture files. Textures bigger than 2048x2048 are very rare, textures sized 32x32 or 64x64 , and sometimes 16x16 are used for particles effects.).

For now we don't need a very high resolution texture, so to save space we just create a 256x256 image.

Then copy your favourite texture and past it into your GIMP file. Move it using the grab tool, this way you can adjust the picture and select a square that looks pretty.

 

 

 

 

 

 

 

 

When you like the square you have selected anchor the floating level to your background (right click on the floating level and then select "anchor level".)

 

 

 

 

 

 

 

 

 

 

Very well. Now you have only to select the whole image (CTRL + A) , from the filter menù select "Map" and then Makeseamless. Look at your first tile:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Now just save as JPG. You can use the above tile as you want for free. That's the advantage of Creative Commons. ;-)

 

Here you can see how the texture will appear in a game :

(This is the standard Irrlicht Terrain Generator example file, I just replaced the texture. I used the grass tile as detail-texture, and I have desatured and applied a Gaussian Blur to the "terrain-texture" file)