[Tutorial] Tiling Textures

JollyDog

L1: Registered
Nov 29, 2009
1
3
This Tutorial was not made by me.
The Author is "Wills", who posted it at jailbreaksource.com.
I just copied it. I hope it helps some other Mappers :rolleyes:.


However,

"So you’ve been outside into the Great Outdoors and somehow survived the gauntlet of peril that is nature and miraculously you haven’t died horribly… On your journey you managed to take several beautiful photographs of things such as rotting walls, mossy grass and rusting metal for use as textures in your mod. You drag them into photoshop, resize them to 512 x 512, export them using Nem’s VTF plugin, create a VMT file and add them to your map, but to your adject horror, they don’t tile. In fact they look bloody awful with edges everywhere. You experience terrible nightmares.

Don’t Panic! There’s a remarkably easy solution. Load up your photograph in Photoshop, and resize or crop it to 512 x 512 pixels. You should have something like this:

textures_tiling1.jpg


If you were to tile this in Hammer across vast swathes of landscape, it would have visible and rather ugly looking seams… A little like this:

textures_tiling2.jpg


To rectify this, go to the Menu Bar and select: Filter; Other; Offset from the slide out menus.

textures_tiling3.jpg


Change the values in the window that appears to Horizontal +256 and Vertical + 256. This is simply shifting your image 256 pixels to the left and down, and wrapping it across, allowing you to see the edges of your image in the center of the canvas.

Tip from Surfa: The offset should be half of the width and height of the canvas in-case you are using a 1024×1024 texture or a different power of 2.

textures_tiling4.jpg


Now select the Spot Healing Brush Tool from the Tool Bar on the left hand side.

textures_tiling5.jpg


This tool works by taking a sample area, then applying it to the area you select. Hold down ALT on an area of the image to create the sample point, then click and hold down the left mouse button along the seams to “heal” them. Use [ and ] to resize the brush to your needs. Just paint over those seams! When you’re finished, it should look something like this, and will tile wonderfully!

textures_tiling6.jpg


It’s best to take samples from multiple areas of the image and mix them up using different brush sizes, particularly with something like moss or grass. When it comes to brick wall textures, you’ll need to be more accurate and match up the seams of the bricks together so they blend nicely. The clone tool can be quite useful for this, and can be found within the same Tool Bar area, it also uses the same principles as the Healing Tool, but is more accurate and samples less pixels from the surrounding area, giving you a little more accuracy. Have fun!
"



How to make TF2-Style Textures


CG Textures - Texture Archive
 

gamemaster1996

L13: Stunning Member
Sep 30, 2009
1,064
134
Thankyou ya saves me :)