The Source engine is a 3D game engine developed by Valve Corporation. Its unique features include a large degree of modularity and flexibility, an artist-driven, shader-based renderer, accurate lip sync and facial expression technology, and a powerful, efficient and completely network-enabled physics system.
How to make a seamless/well tiling texture from a photo and add additional parts to make the texture "your own".
Posted by Garrador on Jan 14th, 2008 digg this super bookmark
Basic Textures.
Making a texture out of a photo
The tutorial goes through the process of making a seamless texture out of a photo found on the all beloved cgtextures.com. Also meaning making it tilable and removing noticable repeative marks.
Length of movie: 18 minutes
Size: 60 MB
Requirements: Well, you need to atleast have a basic understanding of photoshop and it helps to know the hotkeys, even if I mention all I use. But this tutorial should fit perfectly for beginners I believe.
Thank you for watching this tutorial, and I hope you enjoy!
(Comments and crits about this tutorial are more than welcome)
Only registered members can share their thoughts. So come on! Join the Mod DB community today (totally free) and do things you never thought possible.
Alternatively of course, a person can use GIMP and press the 'Make Seamless' button without the need for photoshop, and it does the same thing in a few seconds ;)
It doesn't work that well when you have photos of brick walls for example.
Errhm does this work with tiles?
Making it seamless doesn't necessarily make it tile well.
Don't I know that ;).. it takes a lot of skill to avoid patterning. Seamless on the edges but also seamless in the texture itself, its not easy.
I use a photoshop 6.0 plugin called DCspecial.PatternEditDo (and undo) for this. It just switches the texture so you can edit it by hand. Been using it for a long time and found nothing better yet than doing them by hand, and this plugin makes the set up very quick.
I didn't read the tutorial yet, I hope I'm not repeating what it's in it. :)
quote: Making it seamless doesn't necessarily make it tile well.
WEll thats the point of the tutorial, making it seamless AND tile well. Removing repeative marks etc. I guess I had to state that too =P Ill edit the post.
Why not upload this as a video in the first place? :p
Moddb.com
Im sorry, what you mean? =P
ooh, I didnt know about that. Thanks
This is a good tutorial but here are a few shortcuts based on what I know of photoshop that might help people out. In the filters on the later versions of photoshop under the Other catagory is an offset filter. To me it seems to be in the wrong spot but it's a great tool, with game textures being 256, 512 or 1024 pixels square usually, for the image just crop it down to the size you need & put half that amount in the offset filter. Later versions of photoshop have a healing brush (with 100% opacity & hard edge) which is a great little digital blender at getting rid of the seams. Just like Garrador pointed out with the stamp tool, keep the brush small as the healing brush tends to go a little crazy at times so be prepared to undo occasionally. Either tool will work for this, just depends on what works best for you.
Also from the book 'The Dark Side of Game Texturing' by David Franson there is a tip in that book to take this one step further. Take the seamless texture, duplicate the image, then make a border with a feathered edge (experiment with the size on how big the border is & feather range). What you want is to keep the border that is seamless & feather/delete the inside. From this you can put in other items in photoshop that blend with the other textures. The example he used in the book was making a castle rock wall seamless, then making a few variants with different decorations in the wall.
Hope this helps & makes some sense to other cg artists looking at this, have fun.
Didn't get to edit this in the 5 min time limit, after offsetting the image, clean up the seams & then offset it again to reset the position of the image. From that it's ready to go.