[Tutorial] Tiling Textures

Discussion in 'Tutorials & Resources' started by JollyDog, Nov 30, 2009.

  1. JollyDog

    JollyDog L1: Registered

    Positive Ratings:
    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:.


    "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:


    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:


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


    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.


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


    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!


    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
    • Thanks Thanks x 3
  2. strangemodule

    strangemodule L5: Dapper Member

    Positive Ratings:
    Always wondered how this was done. Thanks for the tutorial!
  3. gamemaster1996

    gamemaster1996 L13: Stunning Member

    Positive Ratings:
    Thankyou ya saves me :)