Ground Textures

Tutorial collection, comprehensive listings on main site.

Ground Textures

Postby Tutorial on Thu Apr 28, 2005 10:24 pm

category
Texture Creation

description
It can be very hard to get textures to tile, especially when you use them on the ground. Have it explained here.

keywords
ground, texture, textures, tile, tiling, tiles.


Ok, so the first thing you need before you are going to create a texture is:
    Photoshop (I use 6, but I think any version should work)
    A decent reference picture
    A few minutes (migth turn into hours if you are really slow)
    I also use a Wacom Graphire 3, but its not needed.

So I start out with my reference picture, which I found on some reference picture site, if you don't know of anyone, check these links:
So, now you got an idea about where to get your reference pictures, they are really handy.

Now I'm going to show you how I make a ground texture, I use the same technique for grass, dirt, gravel and plane texture bases (such as concrete and rust).

Ok, so I start out with my reference picture, it was 1600x1200 but I resized it to 800x600.
Grab my reference picture here:
Image

So now I create a new image, at 512x512 (you should know how to do this: File > New and set size to 512x512). And then I place my reference picture in the new image, so that it looks something like this:

Image

Start off with a simple offsett: Filters > Others > Offset
With these settings:

Image

The reason that the Offset is 256 both directions is simple, the picture is 512x512 and I want the egdes on the middle of my image. If the image was 256x256 I'd set it to 128, got it?

Ok so now it looks pretty messed up, wierd or whatever you'll call it.
Now its time to get your Clone Tool (S) and these are the settings I used:
    Size: 50
    Hardness: 0
    Opacity: 80%
    Mode: Normal

You should really find your own setting, since I used my Wacom for this (so I adjust the hardness with the pen, and not in Photoshop, so trail and error is your best choice).

I got my reference picture in the back, so that I can clone parts from it onto my upcoming texture (alt + mouse1 then click on the edges on your texture).
I tryed to use only the dark parts of the grass, since I think that they look better than the light\dead parts.
It ended up looking like this:

Image

And now I do the Filter > Other > Offset again (with the same settings as last time), since I know that the texture won't tile properly due all my cloning. So now it looks like this:

Image

I pick my Clone Tool again (S) and make sure that I don't clone on the edges of my image (not the offset edges, but the frames edges).
Now it looks like this, its tiling almost perfectly:

Image

But if you now make an image that is 2048x2048 and put it 4x4, then you notice something:

Image

The light spot of the grass is repeating, and you can see it pretty clearly, so ingame the texture wouldn't look that good. Remember, repeating textures are shit.

So therefor, I clone away the light grass from my texture, so that it looks like this:
Image

Now this texture can be used ingame, or for whatever purpose that you made it for.
But I'm not finished yet.

This texture is pretty blurry due all my cloning with a low hardness (if the hardness is high, then you get a sharper result, but its harder to make it tile) on my brush.
So I duplicate the layer Image > Duplicate and add a sharpen layer (Filter > Sharpen > Sharpen) and set the opacity to 50% like this:

Image

And then I merge them together (Ctrl + E while the top layer is selected).

So now you got a pretty sharp texture, that can be used with a good result in Source or any other game. But I really don't like the color that much, I think its abit to light.
So I duplicate the layer (Image > Duplicate) and Desaturate it (Image > Adjust > Desaturate), so that the layer is greyscaled.

And then I lower the brightness with -25% (Image > Adjust > Brightness/Contrast) like this:

Image

Now I give the dark layer the blending mode Luminosity and 60% opacity.
And then I'm done with this texture. It should look something like this:

Image

I hope you learned something by reading this, if not, you just wasted a few minutes of your life.

- st0lve
- Don't send PM's to this user -
Tutorial
Not A Real User
 
Joined: Sun Mar 06, 2005 11:00 pm

Postby BaRRaKID on Fri Apr 29, 2005 11:04 am

have done a tutorial about this a while ago, but it got lost with the old site ;P anyway, the healing tool is much more effective then the clone stamp, and using it would avoid to make it tile 2 times, but it's a nice tut ;)
I've no sign
BaRRaKID
Veteran
Veteran
 
Joined: Sun Oct 10, 2004 1:46 pm
Location: PORTUGAL!!!

Postby SkiZy on Sat Apr 30, 2005 12:03 am

I'd like to see a screenshot of this texture in game. :D
SkiZy - The Ultimate Human
Image
Please visit my Icelandic Half-Life Fan Site! www.half-life.is
SkiZy
Dumpling
Dumpling
 
Joined: Thu Mar 31, 2005 3:41 pm

Postby Hiro_Protaganist on Fri May 13, 2005 4:36 am

thankss, very informative. BTB nice Dr. Martins
User avatar
Hiro_Protaganist
Member
Member
 
Joined: Wed May 11, 2005 7:10 pm
Location: Boston, MA

Postby mendax on Sat Nov 19, 2005 2:09 am

Is there another tutorial to do this in PhotoImpact? I don't have PhotoShop and PhotoImpact sucks.
mendax
Regular
Regular
 
Joined: Sun Oct 23, 2005 9:21 pm
Location: US

Postby mike-o on Mon Nov 21, 2005 1:47 am

theres some free photoshop clone out there, i saw it in photoshop user, but forgot what its called. do some searching.
User avatar
mike-o
Sir Post-a-lot
Sir Post-a-lot
 
Joined: Tue Feb 01, 2005 12:18 am

Postby st0lve on Wed Jan 04, 2006 3:43 pm

I think its called GIMP.
Google for it! :D
Image
User avatar
st0lve
Regular
Regular
 
Joined: Wed Apr 27, 2005 12:48 pm
Location: K-Town, Norway

Postby theNotSoNinja on Mon May 28, 2007 11:07 am

and now the carpet in my room shall line the hallways of my maps... cheers!
User avatar
theNotSoNinja
Regular
Regular
 
Joined: Sun May 27, 2007 12:09 pm
Location: UK

Return to Tutorials

Who is online

Users browsing this forum: No registered users