Post tutorial Report content RSS feed Photo to Seamless texture

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
Basic Textures.

The tutorial goes through the process of making a seamless texture out of a photo found on the all beloved Also meaning making it tilable and removing noticeable repetitive marks.

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.

Post comment Comments
ambershee Jan 15 2008 says:

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 ;)

+1 vote     reply to comment
AniCator May 25 2008 replied:

It doesn't work that well when you have photos of brick walls for example.

+2 votes     reply to comment
hushpuppy Aug 27 2008 replied:

Errhm does this work with tiles?

+2 votes     reply to comment
DazJW Jan 15 2008 says:

Making it seamless doesn't necessarily make it tile well.

+2 votes     reply to comment
formerlyknownasMrCP Jan 15 2008 replied:

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.

+2 votes     reply to comment
ger Jan 15 2008 says:

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. :)

+2 votes     reply to comment
Garrador Author
Garrador Jan 15 2008 says:

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.

+3 votes   reply to comment
Varsity Jan 15 2008 says:

Why not upload this as a video in the first place? :p

+2 votes     reply to comment
Garrador Author
Garrador Jan 15 2008 says:

Im sorry, what you mean? =P

+2 votes   reply to comment
Garrador Author
Garrador Jan 15 2008 says:

ooh, I didnt know about that. Thanks

+2 votes   reply to comment
fox01313 Jul 22 2008 says:

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.

+2 votes     reply to comment
fox01313 Jul 22 2008 replied:

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.

+2 votes     reply to comment
Niteshade Sep 28 2011 says:

Well, it's good effort but this is definetly not the best way to make seamless texturesl. All the automatic actions and plugins, etc I've tried, have been flawed. It's better to just make it seamless manually by your own. But anyway: just like fox01313 says, using the Offset filter under (Filter -> Other -> Offset) is much better than making the canvas larger and duping your texture. Offset your 512x512 px texture 256px in both directions and you will get the seam as a cross in the middle of the picture. Then use either the Clone Stamp Tool or the Heal Brush Tool (Not the spot heal brush). I prefer the clone stamp tool because you can set the opacity and flow of that one - which you can't with the heal brush.

+1 vote     reply to comment
Post a comment

You are not logged in, your comment will be anonymous unless you join the community. Or sign in with your social account:

Related Engines
CryENGINE Commercial Released 2004
CryENGINE 2 Commercial Released 2007
CryENGINE 3 Commercial Released 2011
id Tech 2
id Tech 2 GPL Released 1997
id Tech 3
id Tech 3 GPL Released 1999
id Tech 4
id Tech 4 Commercial Released 2003
id Tech 5
id Tech 5 Proprietary TBD
Source Commercial Released 2004
Unreal Engine 1
Unreal Engine 1 Commercial Released 1998
Unreal Engine 2
Unreal Engine 2 Commercial Released 2000
Unreal Engine 3
Unreal Engine 3 Commercial Released 2007
Related Groups
Crytek Developer & Publisher with 5 members
Epic Games
Epic Games Developer & Publisher with 6 members
id Software
id Software Developer & Publisher with 2 members
Valve Developer & Publisher with 6 members