Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

FPSC Classic Models and Media / Seamless texture tutorial (Photoshop or similar)

Author
Message
Ocho Geek
17
Years of Service
User Offline
Joined: 16th Aug 2007
Location: Manchester, UK
Posted: 22nd Mar 2008 18:43 Edited at: 22nd Mar 2008 19:00
just wanted to tell you of a simple way to make your textures seamless,
for this example, i will be using this picture of some rocks.



open photoshop and paste your image in a new canvas,
select the top left quarter of the image, crop it,
then resize it the half the final image size
(if i want mine to be 512X512 resize the cropped part to 256X256)


Now duplicate the layer, press Ctrl+T to enter
free transform mode, grab the square on center left
and drag it to the right where it will snap.

combine the two layers (selct both and click Ctrl+e)
and this time, in free transform, drag the top center to
the bottom of the canvas, it will snap again.

if it dosent work well, try the same from a different
corner, but if done right, the texture will work seamlessly.





Here is the final texture in game, it needs resizing, and its not very sutible, but you get the idea


Attachments

Login to view attachments
Ocho Geek
17
Years of Service
User Offline
Joined: 16th Aug 2007
Location: Manchester, UK
Posted: 22nd Mar 2008 18:48 Edited at: 22nd Mar 2008 18:48
Text-only Version

open photoshop and paste your image in a new canvas.
select the top left quarter of the image, crop it then resize it the half the final image size
(if i want mine to be 512X512 resize the cropped part to 256X256

Now duplicate the layer, press Ctrl+T to enter free transform mode.
grab the square on center left and drag it to the right where it will snap.

combine the two layers (selct both and click Ctrl+e)
this time in free transform, drag the top center to the bottom of the canvas, it will snap again.

if it dosent work well, try the same from a different
corner, but if done right, the texture will work seamlessly.

Ocho Geek
17
Years of Service
User Offline
Joined: 16th Aug 2007
Location: Manchester, UK
Posted: 22nd Mar 2008 18:49
Sorry about the image size, i will try to resize it

comments are welcome

Gingerkid Jack
19
Years of Service
User Offline
Joined: 15th May 2005
Location: UK
Posted: 22nd Mar 2008 19:24
nice for very begginers

I was Jacko but I changed my name.
B I O M A S S
Seth Black
FPSC Reloaded TGC Backer
19
Years of Service
User Offline
Joined: 22nd Feb 2005
Location: Pittsburgh, PA
Posted: 22nd Mar 2008 19:55
...I'm sure some folks will appreciate this.

ARE YOU A LONE WOLF? CLICK BELOW TO JOIN THE PACK.

Aertic
17
Years of Service
User Offline
Joined: 2nd Jul 2007
Location: United Kingdom
Posted: 22nd Mar 2008 19:56
I could get some use out of this little nifty tut.
Ocho Geek
17
Years of Service
User Offline
Joined: 16th Aug 2007
Location: Manchester, UK
Posted: 22nd Mar 2008 20:35
thanks for the feedback (half-life dude shall never rise above me)

SamHH
17
Years of Service
User Offline
Joined: 9th Dec 2006
Location: Vermont
Posted: 22nd Mar 2008 20:40
Good tutorial.



Gingerkid Jack
19
Years of Service
User Offline
Joined: 15th May 2005
Location: UK
Posted: 22nd Mar 2008 20:44
Lol -------

I was Jacko but I changed my name.
B I O M A S S
Ocho Geek
17
Years of Service
User Offline
Joined: 16th Aug 2007
Location: Manchester, UK
Posted: 22nd Mar 2008 22:45 Edited at: 23rd Mar 2008 11:00
you just go and mess with smileys then

using uneven pictures make great results too



Is it possible to have this in the sticky with all thee tutorials?

Attachments

Login to view attachments
Nomad Soul
Moderator
17
Years of Service
User Offline
Joined: 9th Jan 2007
Location: United Kingdom
Posted: 23rd Mar 2008 12:49 Edited at: 23rd Mar 2008 13:26
Thanks for this. Its surprising how much can be gained from taking the time to make your textures seamless.

I've posted a tutorial link I found really useful specific to Photoshop.

http://photoshoptextures.com/texture-tutorials/seamless-textures.htm

I think layers combined with the clone / stamp tool are essential for ensuring your seamless texture can be made totally unique from the original and seamless.

Here's an example 'before' and 'after' I did using the tutorial. It was done very quickly so not perfect yet.

Attachments

Login to view attachments
Ocho Geek
17
Years of Service
User Offline
Joined: 16th Aug 2007
Location: Manchester, UK
Posted: 24th Mar 2008 00:38
my way is always perfect though

Nomad Soul
Moderator
17
Years of Service
User Offline
Joined: 9th Jan 2007
Location: United Kingdom
Posted: 24th Mar 2008 05:26
Its a good method and a perfect starting point for users that are new to seamless texturing.

The result will always be seamless from your tutorial but won't always give the desired effect for things which aren't supposed to look symmetrical e.g. carpets and tiled floors.

The method I've mentioned with clone and stamp tools allows you to not only make a seamless texture but also more control for editing something unique from the source material reference.

Yes it takes a bit more time to ensure the creases are ironed out but it can done 'perfectly' and is more flexible.

You can see more clearly from this picture where the texture seams are in the source texture reference.

Attachments

Login to view attachments
Nomad Soul
Moderator
17
Years of Service
User Offline
Joined: 9th Jan 2007
Location: United Kingdom
Posted: 24th Mar 2008 05:29
Then here you can see where I've cleared up the seams quite a lot and physically altered the texture to give a more convincing look over a large surface area.

I only spent about 15 mins on this so it's not exactly as I'd like but wouldn't take a great deal more time to get there.

Attachments

Login to view attachments
Anja Viotile
17
Years of Service
User Offline
Joined: 20th Nov 2007
Location: Denmark
Posted: 24th Mar 2008 09:39
using Nomad's way! in Adobe PS that IS the way to go.

Visit us at
Nomad Soul
Moderator
17
Years of Service
User Offline
Joined: 9th Jan 2007
Location: United Kingdom
Posted: 24th Mar 2008 21:06
Thanks Anja

My take is that if your going to learn something its better to try and learn it once with the best possible method.

At present the way I've suggested is the current industry standard for game development and for good reason.
bobert
17
Years of Service
User Offline
Joined: 27th Oct 2007
Location: where ever they sell chocolate
Posted: 24th Mar 2008 22:36
that was a bit of a hijack.

therapy has taught me not to talk to men with needles
Ocho Geek
17
Years of Service
User Offline
Joined: 16th Aug 2007
Location: Manchester, UK
Posted: 24th Mar 2008 23:39
yeah

Nomad Soul
Moderator
17
Years of Service
User Offline
Joined: 9th Jan 2007
Location: United Kingdom
Posted: 25th Mar 2008 03:12
Perhaps I'm not well enough informed about hijacking protocol but I thought that was starting a new topic unrelated to the subject matter.

There was little point in starting a 3rd thread about this and I've done you a favour.

You'll change your mind once your benefiting from the results yourself.
Ocho Geek
17
Years of Service
User Offline
Joined: 16th Aug 2007
Location: Manchester, UK
Posted: 25th Mar 2008 14:57
no not really

Anja Viotile
17
Years of Service
User Offline
Joined: 20th Nov 2007
Location: Denmark
Posted: 25th Mar 2008 16:29 Edited at: 25th Mar 2008 16:30
dont think this was about hijacking at all. A 4way mirrored image isnt really seamless, only thing making it seem like it is the 2 identical pixellines sitting next to each other.

You wouldn be able to make okay looking stone textures or dirt textures with this way. Also if your doing it with something that tiles with visual bump you will have problems with the shadow and highlightning being flipped.

There is only one way to make seamless textures in a clean PS without extended plugins.. And thats the offset and ghosting princip. Even uneven pictures can be straighten up that way.

And no need to feel angry about this other way popping up in this thread, its all about sharing and helping each other.

But yeah your way can be used for making twisted images out of everything. And u will be able to end up with some cool effects.

Visit us at
Ocho Geek
17
Years of Service
User Offline
Joined: 16th Aug 2007
Location: Manchester, UK
Posted: 25th Mar 2008 17:25
Quote: "2 identical pixellines sitting next to each other."


that is kinda the defitnition of seamless

Scraggle
Moderator
21
Years of Service
User Offline
Joined: 10th Jul 2003
Location: Yorkshire
Posted: 25th Mar 2008 20:19
Quote: "that is kinda the defitnition of seamless"

Not really.

There are two clear and identifiable seams in your texture where it mirrors.
Using this method also creates a texture that is four times the size it needs to be. That is a huge resource hog!

A much better method is to use the offset filter and then clone stamp out the seams. If you take your time with it you can get some very impressive results.



Scraggle
Moderator
21
Years of Service
User Offline
Joined: 10th Jul 2003
Location: Yorkshire
Posted: 25th Mar 2008 20:39
And to prove my point here is one I've just knocked up ... although I did say you should take your time with it, and I clearly haven't!

My image, taken from the top left corner of yours and 'fiddled' with:


... and here it is tiled 3x3:




Login to post a reply

Server time is: 2024-11-20 08:35:51
Your offset time is: 2024-11-20 08:35:51