How to Create Seamless Textures in Photoshop

7

Whether you’re wrapping textures around 3D objects or simply filling a background, it’s likely you’ll need to fill a larger space than your original texture block will allow. The problem is how to avoid the obvious joins where the texture repeats. Here’s a simple solution that you can use to make any texture seamless.

Step 1: The starting texture

Choose your texture, and crop it so that it fits the Photoshop window – you don’t want any of it to hang off the canvas. If you have your Crop Tool set so that it doesn’t delete pixels, which is standard, then after you’ve cropped Select All and then make a new layer from the selection. This will limit the new layer to just what’s visible in the window.

make seamless pattern in Photoshop step 1

Step 2: Offset the texture

Drag the texture layer to the bottom left, so the corner of the texture is now more or less in the middle. You don’t have to do this precisely.

make seamless pattern in Photoshop step 2

Step 3: Repeat the texture

Hold Option/Alt as you drag the texture up with the Move Tool to make a copy, holding Shift so it moves exactly vertically, until the bottom of the repeated texture meets the top of the existing one. Then use Command/Ctrl+E to merge these two layers together.

make seamless pattern in Photoshop step 3

Step 4: Repeat again

Now drag the layer to the right, again holding Option/Alt and Shift to make a copy. Merge down once again. You’ll now have offset the original texture so that the edges are in the middle. The joins are obvious here – but you know that where the texture goes off the top, it seamlessly repeats on the bottom, and the same for left and right.

make seamless pattern in Photoshop step 4

Step 5: Patch the joins

The easiest way to begin is to use the Spot Healing Tool, dragged vertically down the centre and horizontally across. This will be a great start, although you’re not there yet.

make seamless pattern in Photoshop step 5

Step 6: Fix the errors

After using the Spot Healing Tool you’ll probably be left with some unwieldy patches – such as the black stone at the top of this image, which looks too cut-off on the right. Switch to the Clone Tool, and use it to sample clear patches of background to cover up any anomalies.

make seamless pattern in Photoshop step 6

Step 7: Save the texture

Select All, then go to Edit > Define Pattern. Give the new pattern a name, and click OK. You’ll now be able to use it in any of your Photoshop work.

make seamless pattern in Photoshop step 7

Step 8: Try it out

The easiest way to test the new texture is to make a new layer, filled with any flat color, and choose Layer > Layer Style > Pattern Overlay. The new texture will be the last one in the list. Once it fills the layer, move the dialog out of the way, and you’ll be able to drag it around to check that it really is seamless. You can reduce the scale as well, if you like, to check the repeats.

make seamless pattern in Photoshop step 8

Watch the Video

Check out the video version of this tutorial below.

Steve Caplin is a freelance photomontage artist based in London, whose satirical illustrations have appeared in newspapers and magazines around the world. He is the author of the best-selling How to Cheat in Photoshop, as well as 100% Photoshop, Art & Design in Photoshop and 3D Photoshop. He writes regularly for CreativePro and is an instructor at LinkedIn Learning. His YouTube channel 2 Minute Photoshop is a library of over 100 Photoshop tutorials, each just two minutes long, hosted at photoshop.london. When he’s not at his computer Steve builds improbable furniture, which can be seen at curieaux.com.
  • Michael Atnip says:

    This page seems to be missing the full information. I logged in but still nothing shows up besides telling me to log in first. I refreshed the page, but still nothing.

  • Mike Rankin says:

    Sorry for the trouble, folks. The problem has been resolved so anyone with a paid membership can read this article.

  • Roger E says:

    What do you achieve by copying the texture? Could you not just make the pattern from the original state?

  • >
    Notice: We use cookies on our websites to give you a great online experience. If you keep browsing, we'll assume you're ok with this. For more information, see our privacy policy. By closing this banner, you agree to the use of cookies.I AGREENo