As an Amazon Associate I earn from qualifying purchases from amazon.com

Create a Seamless Filth Texture in Photoshop


If you wish to create a seamless filth texture out of a photograph in Photoshop, on this tutorial I am going to present you the right way to do it step-by-step. You too can use the identical course of for another kind of seamless textures!

And in case you want soil textures or another kind of textures, it’s best to try Envato Elements—the proper place for inventive assets of any sort. One subscription provides you entry to hundreds of thousands of property—not solely textures, but additionally images, movies, and 3D objects! This dirt and soil texture set is certainly one of them:

Dirt and Soil TexturesDirt and Soil Textures

What You may Study in This Tileable Filth Texture Tutorial

  • make a dust texture seamless
  • create a tileable filth texture
  • make a Photoshop filth texture
  • create a Photoshop sample
  • activate the sample preview in Photoshop

What You may Want

You want a high-resolution filth texture for this tutorial. Here is the one I’ve used:

Create a Seamless Filth Texture in Photoshop

Step 1

Open your filth texture picture in Photoshop. You should utilize any picture, however high-resolution filth textures will work greatest for this goal.

open dirt texture in photoshopopen dirt texture in photoshopopen dirt texture in photoshop

Step 2

Go to Filter > Different > Offset. This filter means that you can see what the sides of the picture appear like when positioned facet by facet. Drag the higher slider to maneuver the left/proper edge in the direction of the middle, and the decrease slider to maneuver the higher/decrease edge towards the middle. Press OK.

offset the edgesoffset the edgesoffset the edges
The precise values rely upon the decision of your picture, so please do not use these for reference

offset filter effectoffset filter effectoffset filter effect
Are you able to see the cross within the center? That is precisely what we have to eliminate!

Step 3

Now we have to make that edge disappear! Take the Patch Instrument (J) and alter its mode to Content material-Conscious.

change patch tool to content awarechange patch tool to content awarechange patch tool to content aware

Step 4

Draw round a selected problematic space as in case you have been utilizing the Lasso Instrument. Drag this choice in the direction of the a part of the picture that may look higher in that space. Launch the choice when you get there.

select the seamselect the seamselect the seam
Choose…

remove the seamremove the seamremove the seam
… drag…

seam removedseam removedseam removed
… and launch!

Step 5

Repeat this course of till you possibly can not see any “seams”.

repeat removing the seamsrepeat removing the seamsrepeat removing the seams

Step 6

The sides have disappeared, however it does not imply that this texture is totally seamless. To ensure it really works as a sample, go to View > Sample Preview.

how to see whole pattern in photoshophow to see whole pattern in photoshophow to see whole pattern in photoshop

Step 7

As you possibly can see, my filth texture does not look that good but. There aren’t any sharp borders, however the repetition of the feel may be very noticeable in the entire filth sample. To repair this drawback, use the Patch Instrument (J) once more. Keep away from working throughout the sides—if you wish to repair a component on this space, use the Offset filter to maneuver it away from the sting. It will stop you from creating new sharp edges.

clean up the patternclean up the patternclean up the pattern

Step 8

Typically the feel seems appropriately uneven, however it’s the distinction that creates noticeably repeating patterns. To repair this, you possibly can add a Ranges adjustment layer and apply it to the chosen areas utilizing the Layer Masks.

add the levels adjustment layeradd the levels adjustment layeradd the levels adjustment layer
change the contrastchange the contrastchange the contrast
The precise values will rely upon the kind of texture you are utilizing

paint on the layer maskpaint on the layer maskpaint on the layer mask
Decreasing the Opacity could assist make the impact extra delicate

masked areasmasked areasmasked areas
The crimson areas are those I made a decision to brighten

effect after maskingeffect after maskingeffect after masking

Step 9

If you’re accomplished, you possibly can’t flip your sample right into a Photoshop filth texture by urgent Management-Alt-Shift-E (to merge the entire picture in a brand new layer) and going to Edit > Outline Sample.

create new pattern in photoshopcreate new pattern in photoshopcreate new pattern in photoshop
final effectfinal effectfinal effect

Good Job!

Now you understand how to create a seamless filth (or floor) texture! And since the identical course of can be utilized for all types of seamless textures, now you are a Photoshop skilled on all of them!

final seamless dirt texturefinal seamless dirt texturefinal seamless dirt texture

Discover Prime HD Filth Textures on Envato Parts

When you want a distinct kind of a dust floor texture in your venture, listed below are a few propositions from Envato Elements’ textures library:

Granular Textures (JPG, PNG)

Granular TexturesGranular TexturesGranular Textures

When you want black and white filth textures, you should use this set—technically, it is not filth, however it very a lot seems prefer it! It comprises ten textures in excessive decision, every with a novel grunge sample.

Dust & Grunge Textures (JPG, PNG)

Dust & Grunge TexturesDust & Grunge TexturesDust & Grunge Textures

Talking of grunge patterns, this set comprises ten filth and grunge textures with varied ranges of density and particulars. These filth textures are black and white and able to use!

Grunge Textures Vol.1 (EPS, PNG)

Grunge Textures vol.1Grunge Textures vol.1Grunge Textures vol.1

This set comprises as many as 25 textures—with filth, cracks, mud, and all different sorts of grunge. They arrive within the EPS format, which implies they’re vector and will be scaled as much as any dimension!

Grunge Wall Textures (TIF, JPG)

Grunge Wall TexturesGrunge Wall TexturesGrunge Wall Textures

On this set you may discover 9 grunge textures in excessive decision—extraordinarily detailed and prime quality. Add some grit to your images immediately!

Grunge Wall Textures (AI, EPS, JPG, TIF)

Grunge Wall TexturesGrunge Wall TexturesGrunge Wall Textures

Here is one other assortment of 9 grunge textures, this time in vector format—which signifies that you should use them for a venture of any dimension!

Uncover Extra Photoshop Texture Tutorials and Assets

When you’re serious about Photoshop textures, you may additionally like these tutorials:


We will be happy to hear your thoughts

Leave a reply

Professional Video Equipment & Photography Equipment
Logo
Enable registration in settings - general
Compare items
  • Total (0)
Compare
0
Shopping cart