The Double-Do-It and Crop-it Approach
How to keep a seamless texture seamless when using Photoshop filters.
By Ryan Foss
The basic premise to the Double-Do-It and Crop-It approach is just
that, you take the image canvas and double it. Then Duplicate the
image so that its a 2x2 grid tile. Then you do what you want to
do, then crop the canvas back to the original dimensions, thus keeping
the seamlessness This is how it goes.
an image that you know is seamless, like this sample metal grating.
In this case, the image is 200 x 160 pixels.
However, if you want to get "artsy" with this image,
but maintain the seamlessness, you may have difficulties. For instance,
let's try applying a Motion Blur.
image border breaks the seamlessness as can be seen when the
image is tiled.
Well, lets fix it already!
So, knowing that we want to apply a filter that breaks a seamless image
at the borders, lets Double It up. Take the original image, then double
the canvas size (%200) with the anchor in the top left corner.
the original layer three times and position them so that you've got the
image tiled in a 2 x 2 grid. Merge down or flatten image.
Now apply the
Adjust the canvas size back to norma by halving it
(%50) with the anchor in the center. Get where we're going here?
This image is seamless. Its a few extra steps to keep it
that way, but at least its possible. Here is a comparison.
image with filter applied results is visible seam when tiled.
Double-Do-It and Crop-It, we can maintain the seamless nature of
In summary, though this is purely an example, you may come
across situations where filters create unwanted seams. This is a
simple and easy method to keep the seamless appearance.
Don't forget to checkout our entire Tutorials