- Photoshop CS
- 15 Minutes
- Project Files
Learn how to create a detailed stone texture that can be used in user interface design in Photoshop. You will be able to complete this tutorial in about 10 to 15 minutes. We will create a reusable pattern that easily can be accessed later on in Photoshop, when you need something more interesting than a pitch-black fill!
Fasten your seat-belts, this is a quick one!
We are going to create a seamless pattern this time. This means it will “loop”, seamlessly. So the size really does not matter that much, just make it large enough to allow some variation and randomness.
- Width 700 px
- Height 500 px
- Resolution 72 px/inch
Fill with 50% Gray (Edit > Fill).
Apply a Texturizer filter (Filter > Texture > Texturizer).
Apply a Ocean Ripple filter (Filter > Distort > Ocean Ripple).
Go to Image > Adjustments > Brightness/Contrast.
Set the Brightness to about 6, and the Contrast to 100 then click OK.
Be experimental with these adjustments, variations will yield different results and if you know what you are looking for do not be afraid to experiment with the settings.
Go to Image > Adjustments > Levels.
Use the leftmost slider to expand some of the shadows.
I set mine to 7 to get a pitch-black result.
Now, to make this a seamless pattern you will have to use the Offset filter (Filter > Other > Offset).
Set the Horizontal and Vertical offset to something random and see if you can see any edges. If so, use the stamp tool to make them disappear.
Sometimes you will get lucky and will not even have to use the Stamp Tool at all, like for me this time!
You may now select all (Ctrl + A) and convert the whole shabang to a pattern (Edit > Define Pattern) to be able to use it efficiently inside Photoshop.
Here are some real-world examples where I have used this technique in my designs.