Seamless Textures in Photoshop
Click and download the above image IF you want to follow along using the same image otherwise use your own.
Step 1: Get your image or texture
The first thing you should do after getting your texture is open it in Photoshop.
Step 2: Re-size the image
On the top menu bar select Image>Image Size and adjust it to be 800 by 600. You do not need to use 800 by 600 for say as long as you got a square. A more accurate size actually might be 700 by 700 or even 1024 by 1024 – 1K Texture size.
Step 3: Offset the image
We will now “offset” our texture into four equal parts. The offset is what allows the image to repeat (or tile). From the top menu bar select Filter > Other > Offset.
Enter 400 for Horizontal Offset and 300 for Vertical Offset. These values are actually half of the original values. 800/2=400 and 600/2=300
You will now see the image appears to have been cut into four segments:
The offset image clearly has a vertical and horizontal “seam”. We will eliminate those using the Clone Tool.
Step 4: Removing the seams with the clone stamp tool
With the clone stamp tool, you can copy, or clone copies of a portion of an image and paint them onto any other part of the image. The size of the area copied depends on the brush size you select from the brushes pop-up menu on the tool’s options bar.
When cloning, it’s always best to use a brush with soft edges as a hard edges brush can actually create more seams. From the Brush Drop Down Menu, select a 21 pixel diameter soft edge brush. You can select a larger brush if you feel as though you need it.
Now that we have picked the brush size we are ready for the clone tool. The clone tool is located on the tool bar and looks like a rubber stamp. Click the clone tool and move your mouse pointer over the image. You should see a circular outline of the brush you selected earlier.
Hold down the ALT key while left clicking to pick up, or copy the image data you want to clone/copy/transfer. Then move the pointer to where you want to apply that data and click, or click and drag. A cross-hair will appear to indicate where you are copying from. When you start painting, the cross-hair will be at the spot where you Alt-clicked.
Be careful around the edges of the texture if you blend the edges too much it won’t seem “seamless” after your done, and you’l need to go over them some more to get it seamless. Remember CTRL+Z is the undo method in Photoshop.
By selecting pixels from random areas on the image, then applying them to the seams, we can blend all four sections of our image together.
The final result:
This texture I think might of not been the best choice for this tutorial, but as you can see with some work you can get a texture that is tillable eventually. In the below image the sponge is tiled twice. It took me about 10 minutes normally takes less time.
I hope you guys enjoyed this tutorial!
Please come back to visit at http://www.dengan.net/
If your more into technology don’t forget to check out http://www.md5live.com/