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.

Report this article 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 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.

Download!

Thank you for watching this tutorial, and I hope you enjoy!

(Comments and crits about this tutorial are more than welcome)

Comments
ambershee
ambershee Jan 15 2008, 2:26am 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 ;)

+2 votes     reply to comment
AniCator
AniCator May 25 2008, 11:54am replied:

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

+1 vote     reply to comment
hushpuppy
hushpuppy Aug 27 2008, 1:02pm replied:

Errhm does this work with tiles?

+1 vote     reply to comment
DazJW
DazJW Jan 15 2008, 3:30am says:

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

+1 vote     reply to comment
Mr_Cyberpunk
Mr_Cyberpunk Jan 15 2008, 5:01pm 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.

+1 vote     reply to comment
ger
ger Jan 15 2008, 9:19am 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. :)

+1 vote     reply to comment
Garrador
Garrador Jan 15 2008, 9:26am 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.

+2 votes     reply to comment
Varsity
Varsity Jan 15 2008, 10:24am says:

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

Moddb.com

+1 vote     reply to comment
Garrador
Garrador Jan 15 2008, 10:24am says:

Im sorry, what you mean? =P

+1 vote     reply to comment
Garrador
Garrador Jan 15 2008, 10:26am says:

ooh, I didnt know about that. Thanks

+1 vote     reply to comment
fox01313
fox01313 Jul 22 2008, 12:24pm 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.

+1 vote     reply to comment
fox01313
fox01313 Jul 22 2008, 12:33pm 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.

+1 vote     reply to comment
Post a Comment

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.

Platforms
PC, X360, PS3, XBOX
Company
Valve
Contact
Send Message
Official Page
Valvesoftware.com
Licence
Commercial
Release Date
Released Nov 1, 2004
Engine Watch
Track this engine
Bookmark
Digg Super bookmark
Tutorial
Browse
Tutorials
Views
2,430 (6 today)
Report Abuse
Report this article
Bookmark
Digg Super bookmark
Related Engines
Source
Source
Commercial Released Nov 1, 2004
Related Groups
Valve
Valve
Development & Publishing company