
Photoshop has two useful seamless-pattern workflows. Use Pattern Preview when you are arranging separate motifs from scratch. Use Offset when you already have one flattened image or texture and need to move its outside borders into the center for repair.
This guide covers both. Start with Pattern Preview for a floral, icon, collage, or raster illustration. Use the Offset section when the source is a photo, scan, render, or flattened pattern that already has the right character but has visible seams.
Method 1: Create a repeat from separate motifs
Step 1: Create a square document and organize the layers
Create a new square document. A 2000 × 2000 px canvas is a manageable practice size; use the output requirements of your print, product, or digital project when they are known.
Put the background color on its own bottom layer. Place each main motif on a separate layer or in a clearly named group. Convert imported raster motifs to Smart Objects before repeatedly scaling or rotating them, so you have a more resilient editing workflow.
Keep a saved PSD as the source of truth. The PNG or JPEG tile you export later is for use and sharing, not for replacing the editable file.
Step 2: Turn on Pattern Preview
Choose View > Pattern Preview. Photoshop keeps the original document bounds as the tile and repeats that content beyond the canvas so you can see how the edges behave.
This changes the way you arrange the page. Instead of guessing what happens when an object crosses an edge, you can drag it toward the boundary and immediately see the continuation in the preview. Pattern Preview works especially well when the motifs are Smart Objects, shapes, or separate layers you may need to transform again.
If Pattern Preview is unavailable, check the document mode and version of Photoshop, then save a copy and try a standard RGB document. You can still use the Offset method below when a live preview is not available.
Step 3: Place the large motifs first
Start inside the original canvas with the largest flowers, objects, or shapes. Keep them distributed rather than centered in one cluster.
Then move a few motifs so they cross the top, bottom, left, or right edge. Watch the repeated copies outside the canvas. The goal is not to force every edge to be busy; it is to make the transition feel intentional.
Avoid putting the most recognizable motif at a point where four tiles meet. In a large repeat, that motif will become a strong repeating landmark. Use a leaf, small icon, or low-contrast filler near a corner intersection instead.
Step 4: Refine spacing in the live repeat
With Pattern Preview still on, add smaller motifs to balance the gaps. Work from large shapes to medium shapes to small fillers.
Check these four things as you work:
- Scale: large and small motifs should not form a repeating ladder.
- Direction: rotate similar shapes so they do not all point the same way.
- Color: spread the darkest or brightest accent rather than collecting it in one area.
- Negative space: avoid a cross, grid, or equally sized empty box that repeats at every tile boundary.
A technically seamless tile can still look manufactured. Pattern Preview is useful because it exposes visual repetition before you commit to the pattern.
Step 5: Define the Photoshop pattern
When the repeat looks balanced, choose Edit > Define Pattern, enter a clear name, and select OK. Photoshop saves the pattern in the Patterns panel.
To test it on a larger canvas:
- Create a new, much larger document.
- Add a Pattern Fill layer.
- Select the pattern you just defined.
- Check it at 100%, then try a smaller scale such as 50% or 25%.
At full size, inspect technical seams and sharpness. At a smaller scale, inspect the overall rhythm. If a flower, color cluster, or empty region immediately forms a grid, return to the source PSD and adjust the composition.
Step 6: Export the actual tile
Turn Pattern Preview off if it makes the document easier to read, but do not change the original document bounds. Those bounds are the tile. Export the source document as PNG when you need lossless detail or transparency; export JPEG when the background is fully opaque and a smaller file is more useful.
Do not export the repeated area outside the document. It is only a preview. The final tile is the original canvas.
Open the exported file in the Seamless Pattern Checker. This confirms that the exact PNG or JPEG you will share still tiles cleanly. For a larger repeat image, use the Pattern Filler instead of manually building a huge duplicate canvas.
Method 2: Turn an existing image into a seamless tile with Offset
Pattern Preview is ideal for arranging separate elements. Offset is more useful when you have one flattened image: a paper scan, a painted texture, fabric detail, wall surface, or image whose border needs repair.
Step 1: Duplicate and protect the original
Open the image, duplicate the background layer, and preserve an untouched original. If the file has a strong directional shadow, camera perspective, or a central object, remember that edge repair alone may not make it a convincing repeating texture.
Step 2: Move the outside edges to the center
Choose Filter > Other > Offset. Use horizontal and vertical offsets close to half the image width and height, and choose Wrap Around. Photoshop moves the original left/right and top/bottom joins into the middle of the image.
Offset does not repair anything. It simply moves the hard-to-see outer borders into a place where you can inspect and edit them.
Step 3: Repair the central seam, not the outer edges
Use a combination of the Clone Stamp, Healing Brush, layer masks, and carefully copied texture detail to blend the central vertical and horizontal seams. For a texture, sample nearby detail so grain direction, lighting, and scale remain consistent. For a painted pattern, preserve important motifs instead of smearing them into an unrecognizable patch.
Leave the new outer edges alone. They are now the parts that will meet when the image repeats. Editing them blindly can reintroduce the seam you just moved.
Step 4: Test, then repeat the repair if needed
Use Offset again or create a 2x2 tiled preview. Look for remaining lines, abrupt lighting changes, duplicated marks, and a repaired patch that is too blurry or too smooth compared with the rest of the image.
This method is effective for simple textures, but a complex illustration can require substantial manual retouching. If the source has many objects crossing the borders, a separate image-to-seamless workflow may be more efficient.
When to use Image to Seamless instead
Use manual Offset repair when you need complete local control and the seam is simple. Use the Image to Seamless Pattern Converter when you have a flattened JPG or PNG and want to repair the border transition before spending time on manual cleanup.
This is especially useful for existing illustrations, scanned materials, and images with complicated edge detail. After conversion, use the Seamless Pattern Checker to judge both the center cross and the larger repeat. If you need a ready-made canvas for a mockup or print test, create it from the repaired tile with the Pattern Filler.
Common Photoshop seamless-pattern mistakes
Thin white lines appear between tiles
Test the exported PNG or JPEG, not only the PSD. A real line may come from transparent pixels, a background layer that does not cover the full canvas, or a selection/transform that left a gap. If the line appears only at one zoom level inside Photoshop, verify it in the checker before changing the artwork.
The pattern is seamless but creates a checkerboard
The edges match; the composition is the problem. Shift a central landmark, vary the spacing, break a diagonal row, and distribute strong colors more evenly. Check the pattern at smaller scale because rigid structure is often more obvious from a distance.
My motifs look soft after resizing
Repeatedly scaling ordinary raster layers degrades quality. Use the original asset or a Smart Object for major transforms, then keep the final PSD intact. Export from the final tile rather than from a screenshot or a previously downsized version.
The Offset repair looks blurry in the middle
Do not use one soft healing pass to hide a complex seam. Preserve texture scale and contrast by sampling multiple nearby areas, working with masks, and checking the repeat after each small repair. If the source is too complex, start with the image-to-seamless converter and refine the result manually only where needed.
Pattern Preview shows a good repeat, but the export fails
The final PNG may have different bounds, transparency, or color handling than the working view. Export only the original document bounds and run the file through the Seamless Pattern Checker before delivery.
FAQ
Where is Pattern Preview in Photoshop?
Open the document and choose View > Pattern Preview. Photoshop repeats the canvas content outside the document so you can arrange the original tile while seeing its neighbors.
How do I save a Photoshop pattern?
Choose Edit > Define Pattern, name it, and select OK. You can then apply it on a larger document with a Pattern Fill layer to inspect different scales.
What does Offset do when making a seamless texture?
Offset moves the original outside borders into the center of the image with Wrap Around enabled. That makes the seams visible and easier to repair. It does not create a seamless image by itself.
Is Pattern Preview or Offset better?
Use Pattern Preview for separate motifs that you can still arrange. Use Offset for a flattened image or texture whose existing edges need repair. Many projects use both: Pattern Preview for design and Offset for diagnosing a raster seam.
Should I export a PNG or JPEG tile from Photoshop?
PNG is the safer choice for lossless detail and transparency. JPEG is useful for opaque-background images when file size matters. Either way, test the exact exported file as a repeat before you use it.
