The ability to create seamless textures in Photoshop is a useful skill. Often, it is necessary that the texture is repeated, forming a solid coating. Seamless texture is also called “tile” (from the English word Tile – tile). We will look at how to create a texture from the original background image without a seam. This is a useful technique that is always useful. It is very important to choose the size of the original photos, correctly adjust the transitions of light and shadow, and even save the result in the correct format.
In this tutorial we will create a seamless grass background.
Why can’t you just apply a fill from the original image? If we fill the background using the original image, we get a not very good result. You can see an example below, the image is repeated, and the dark areas look ridiculous. So, before creating a seamless background, we need to remove the malfunctions, and then work with the texture joints.
Step 1. Tool “Frame»(Crop) select the part of grass in the center where there are no dark areas.
Step 2. The plot turned out to be mostly evenly lit, but you have to work on lighting the edges, since small differences will become very apparent when the background is covered with a texture. Tool “Clarifier” (Dodge Tool) (O), select a large soft brush, and gently walk along the left and right edges of the image to lighten.
Step 3. Now our grass looks more uniform. But in the upper left corner there is a small sheet, and if we fill it with this texture, the sheet will repeat again and again, so we have to get rid of it. Select tool “Patch” (Patch Tool) (J) and select the area around the sheet, move the selection to any part of the grass (in the tool settings “Patch” Source must be set.
Step 4. We will work on the edges of the edges with each other. Duplicate the grass layer (Ctrl+J), move the first layer to the left, and the second to the right (with the “Move” (Move)).
Step 5. In the image below, you see two layers touching each other. Connect them in such a way that there is no visible white area between them and merge both layers into one (Ctrl+E).
Step 6. Now we again use the tool “Patch” (Patch Tool) – select the area where the two layers merge and drag the selection to the next area.
Step 7. Tool “Patch” (Patch tool) makes this kind of work easy, especially with such a difficult background as grass (if you are not satisfied with small details, then you can “Stamp” (CloneStampTool) to clone individual blade of grass).
Step 8. Repeat the process vertically. Duplicate the layer (Ctrl + J) and move one layer up, the other down, merge them so that the white area between them is not visible and merge both layers into one (Ctrl+E). Again, use the tool “Patch” (Patch Tool) – select the area where the two layers merge and drag the selection to the next area.
Step 9. Our texture is ready,
It remains to save our image as a model for further work. Push Ctrl + A (select the entire image), go to the menu Editing \ Define pattern (Edit \ Define pattern), give your texture a name and save.
Now you can apply a layer style to any layer. ”Overlapping pattern“(Pattern Overlay) and from the list of textures choose our grass. Below is an example of using grass background for a website.
Do not forget to save the document in the format PSD or jPG.
Author’s note: the repetitive dark areas are still visible on the final image, you can get rid of them with the tool “Stamp” (CloneStampTool), but since the author used this image to fill the background of the website, they do not bother him very much.
There is one more way to retouch joints – this is to apply a filter to a cropped texture square. Filter \ Other \ Shift (Filter \ Other \ Offset).
In the dialog box that opens, move the sliders by moving the image horizontally and vertically. As a result of applying the filter, the seams will be approximately in the middle of the image, and the edges are automatically matched. It remains only to use any Photoshop retouching tool to eliminate the joints (“Stamp” or “Patch”) and work on lighting the edges.