Create a Beautiful Dark Texture in Photoshop

  • Tutorial details

    Requirements
    Photoshop CS
    Difficulty
    Beginner
    Time
    15 Minutes
  • Premium Content

    Project Files
    N/A

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!

Step 1

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

Step 2

Fill with 50% Gray (Edit > Fill).

Step 3

Apply a Texturizer filter (Filter > Texture > Texturizer).

Step 4

Apply a Ocean Ripple filter (Filter > Distort > Ocean Ripple).

Step 5

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.

Step 6

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.

Step 6

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!

Final Result

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.

 

Did you enjoy this?

Support us by sharing this article with your friends. This way we will be able to produce more content like this, and in the end we are all winners!

Comments and Feedback

PixelTango Original © 2011-06-17 | Usage

About the Author

Mickel is a web creative that is constantly looking for new challenges and ventures.

He is the founder of PixelTango, as well as a interactive web design agency. He also likes to DJ and produce music under the name Allic.

Sorry to interrupt, but...

It seems you are using AdBlock to block our advertisement (yes, 1 tiny ad). Displaying ads is essential for us to keep good quality of our posts here at PixelTango.

Please unblock, so that we can keep this site alive!