Find » Technology » Tutorials » Creating Seamless Textures from Scr...

Creating Seamless Textures from Scratch in Photoshop

A Beginner's Guide to Creating Truly Seamless Textures

By Graeme Collins, published Aug 10, 2006
Published Content: 2  Total Views: 0  Favorited By: 0 CPs
Embed:  
Rating: 3.2 of 5
The steps in this guide will show you a few of the tricks in Photoshop designers need to know in order to create seamless textures. Before I start laying out the steps, it is important to consider what it is about a texture that makes it seamless.� A texture is just a detailed image that can be applied to an object (such as a web site's background, a video game character model, and countless other things).� A seamless texture means just that - it has no seams.� What are the seams of regular textures?� Most textures with seams are obvious; the edges of the texture are seams.� If the right side of the texture doesn't match with the left side, there is a seam.� However, even some supposed "seamless" textures have seams, which tells us that seams don't always exist just on the borders of the texture.

Think about it.� If the only requirement for a seamless texture is that the right side has to match the left side, then we could just mirror the image and we would have a seamless texture!� But sadly, the seam would still be as clear as day.� While going through this guide, keep in mind that while a texture can technically be "seamless", the human eye is exceptional at discerning patterns and creating a satisfactory seamless texture can be a lot of work.

One - The Photoshop Secret to Seamless Textures
Follow these steps:

  • Click File > New (CTRL + N).

  • Set Width and Height to 512 pixels.

  • Set Resolution to 72.

  • Set Color Mode: RGB Color (Anything but Greyscale).

  • Click OK.



Now that you have your canvas open, you're entitled to the secret of creating seamless textures in Photoshop.
There is a filter in Photoshop called Clouds (Filter > Render > Clouds) that does something useful when used on a canvas whose size is a power of two (...128, 256, 512, etc...).� It creates a seamless "Cloud" texture.

Creating Seamless Textures from Scratch in Photoshop
Creating Seamless Textures from Scratch in Photoshop

Possible End Result.

Credit: Graeme Collins

Copyright: Graeme Collins

Takeaways
  • Seams can occur at places other than the edges of the image.
  • Detail is good, but an even texture looks better when tiled.
  • High Pass and Offset are your friends.
Did You Know?
Learning about Actions in Photoshop can save time with the reduntant tasks.
Comments
Comment 1 of 1
 
 
"There is a filter in Photoshop called Clouds (Filter > Render > Clouds) that does something useful when used on a canvas whose size is a power of two (...128, 256, 512, etc...).� It creates a seamless "Cloud" texture." ---- I can not get a seamless pattern. The power of two doesn't seem to work.

Posted on 09/07/2008 at 2:09:32 PM

Type in Your Comments Below - (1000 characters left)
Your name:

Submit your own content on this or any topic. Get started »
Comment 1 of 1
 
Advertisment