Sign In  |  Join Now Become a member to add links and start earning points!

Create Fantastic Stone Textures in Photoshop

In this tutorial, I will show you a quick and easy way to make a realistic stone texture with the help of the Liquify Filter. This tutorial is written for users who have a basic understanding of the tools and techniques commonly used in Photoshop. Enjoy!

The Final Image

This is what we will be creating:

Stone Texture: Final Image

Step 1: Setting Up the Document

Create a new Photoshop Document (File>New) at any size with a black background. For this tutorial, I created one 550px x 300px (72 dpi).

Document with Black Background

Step 2: Making Dots

Make sure your foreground color is set to white. Now, select a nice-sized brush and set its hardness to 100% (To find the hardness slider, just open the Brush Preset picker by clicking on the brush icon at the top of the screen, right below the main menu bar). Start making dots.

White Dots

Step 3: Creating More Dots

Use the ‘[' and ']‘ keys to change the brush size up or down and continue to fill in the dots until they take up the entire document.

White Dots

Keep Going…

More White Dots

Watch where you put those dots!

It is important that no dot overlaps another. There must be black showing through all the way around every dot.

Step 4: Preparing to Liquify

In the main menu, select Filter>Liquify. In this window, you will use the preset brush type (which should be the Forward Warp Tool). All you need to do is change the size by adjusting the slider on the right. Adjust the size to 95.

Liquify

Step 5: Liquifying

On all the large dots, click inside the white space and drag your brush slightly over thier edges to ‘warp’ their shapes.

More Liquify

Doing it right!

It is important that you use a brush size smaller than the dot you are working on and that your brush is entirely within the dot before you click tp warp the shape. This limits any unwanted blurring of the edges.

Step 6: More Liquifying

Continue with the rest of the dots, adjusting the size of the brush to fit that dot. Ultimately, you’ll want to ‘push’ the dots closer together until the black in-between becomes just a thin line. Click ‘OK’ when you’re done.

Even More Liquify

Step 7: Naming Layers

Double Click the ‘Background’ layer in the Layers panel to bring up the Layer Properties and rename it ‘Stone’.

Stone Layer

Step 8: Duplicating the Layer

Duplicate the ‘Stone’ layer (Ctrl⁄Cmd + J). Rename the new layer ‘Shadow’ and set it to Multiply.

Adding Layers

Step 9: Adding a Guassian Blur

In the main menu, go to Filter>Blur>Guassian Blur. Set the Guassian Blur to 3.5 and hit OK.

Guassian Blur

Your image should now resemble this:

Guassian Blur2

Step 10: Adding Layer Styles

Double click the ‘Stone’ layer to open up it’s Layer Styles. Add a Color Overlay and a Pattern Overlay with the following settings.

Color Overlay
Pattern Overlay

What’s That Pattern?

The pattern used is called ‘Shredded Plastic’. If you cannot find it, then, in the texture selection drop down, click the arrow and append the Texture Fill 2 set.

Your image should now resemble this:

Pattern Overlay

Step 11: Adding Highlights

Create a New Layer, name it ‘Highlights’. Use a small, white brush with 0% hardness to add some highlights.

Here are the brush strokes on a black background (for illustrative purposes).

Highlight Strokes

Here is the image with the highlights added:

Highlights

Step 12: Adjusting the Highlights

Set the transparency to 70%.

Adjusted Highlights

Step 13: Adding Low Lights

Create another New Layer and name it ‘Low Lights’. This time, use the color black with a 90% hardness to add low lights.
Here are the brush strokes on a white background (for illustrative purposes).

Low Light Strokes

Sloppiness Counts

Dont try to be neat. Be more jagged in your strokes to simulated that coarse stone contours.

Here is the image with the low lights added:

Low Lights

Step 14: Adjusting the Low Lights

Set the ‘Low Lights’ layer to 20%.

White Dots

Download the PSD

85 Comments

  1. Add point Subtract point

    nice tutorial, just what I was looking for. thanks.

    Flag as inappropriate
  2. Add point Subtract point

    Photoshop tutorials, from beginner to advanced. photo manipulation, icon design, text effects, interface, layout, painting, photo effects, psd tuts, maxon cinema 4d, designing.
    http://alophotoshop.co.cc

    Flag as inappropriate
  3. Add point Subtract point
    Brett Widmann (1 Point) October 21, 2010 at 11:17 pm

    Nice tutorial. Now I can try to use these techniques in other textures as well.

    Flag as inappropriate
  4. Add point Subtract point

    awesome tutorial, specially for a beginer, thanks

    Flag as inappropriate
  5. Add point Subtract point
    aLeXxX (2 Points) August 26, 2010 at 4:37 pm

    How do I change the transparency??

    Flag as inappropriate
  6. Add point Subtract point
    Rosalie (1 Point) August 23, 2010 at 3:46 pm

    Very Cool. I learned a lot about some things I didn’t even know that I needed to know. Everyday you learn something new and it is awesome. Thank you for taking the time to do it

    Flag as inappropriate
  7. Add point Subtract point
    RadoAller (1 Point) August 18, 2010 at 3:00 pm

    Awesome tut. , now i can make my own textures!

    Flag as inappropriate
  8. Add point Subtract point
    Sara Boyd (1 Point) August 14, 2010 at 9:15 am

    That’s great! I love finding ways of creating natural objects without the need for stockphotos! Many thanks for this tut

    Flag as inappropriate
  9. Add point Subtract point
    marsplan (1 Point) May 21, 2010 at 4:13 pm

    one of the most detailed tutorial i’ve seen, thx

    Flag as inappropriate
  10. Add point Subtract point

    So wonderfully simple and beautiful… Thanks for that tutorial!

    Flag as inappropriate
  11. Add point Subtract point
    CX (CeeAxe) (1 Point) March 20, 2010 at 2:17 am

    Great tutorial man…was even more simple….Definately gona visit Tutorial9 more often…

    Flag as inappropriate
  12. Add point Subtract point

    This was really nice and not so complicated to do. My question now is how to make this letters with this rocks background that we have made?
    thanks a lot!

    Flag as inappropriate
  13. Add point Subtract point
    ดาวน์โหลดเพลงฟรี (1 Point) February 3, 2010 at 2:16 am

    Excellent post. Thanks25

    Flag as inappropriate
  14. Add point Subtract point
    เนื้อเพลง (1 Point) February 1, 2010 at 11:32 pm

    Excellent post. Thanks18

    Flag as inappropriate
  15. Add point Subtract point

    amazing !!!! look so real, and as sample like that…
    great job. good tip. thx.

    Flag as inappropriate
  16. Add point Subtract point
    โค้ดเพลงhi5 (1 Point) February 1, 2010 at 1:38 am

    Excellent post. Thanks13

    Flag as inappropriate
  17. Add point Subtract point
    เพลงใหม่ล่าสุดเดือนนี้ (1 Point) January 30, 2010 at 9:05 am

    its very nice. Great post

    Flag as inappropriate
  18. Add point Subtract point
    Kamalasekaran (1 Point) December 23, 2009 at 8:44 pm

    Nice tutorial. Learned about liquifying and more techniques.

    Flag as inappropriate
  19. Add point Subtract point
    StillCypher (1 Point) December 15, 2009 at 4:48 pm

    Great work, and very useful. Thank you for sharing!

    Flag as inappropriate
  20. Add point Subtract point
    أبو حبيبة جرافيك (1 Point) December 4, 2009 at 5:59 pm

    thank for tutorial

    Flag as inappropriate
  21. Add point Subtract point

    nice tutorial!
    it took me much time getting it right~

    Flag as inappropriate
  22. Add point Subtract point
    Heather @ PSD Tutor Roo (1 Point) October 16, 2009 at 2:21 pm

    I like how the stones are semi-realistic. This technique could easily be incorporated into an illustration. For example, I could really see Humpty Dumpty sitting on top of a wall made with this stone texture.

    Flag as inappropriate
  23. Add point Subtract point
    杨永东 (1 Point) October 12, 2009 at 9:30 am

    Learned a great harvest

    Flag as inappropriate
  24. Add point Subtract point
    Phillip Swindall (1 Point) October 8, 2009 at 12:14 pm

    THAT was AWESOME… very simple, very effective! I actually used your technique to design a coffee cup that looks like a stone well for a logo conceptual drawing! Wish I could post it for you.
    THANKS!
    (I WILL be visiting this site more often!!)

    Flag as inappropriate
  25. Add point Subtract point

    It’s really really great !

    Flag as inappropriate
  26. Add point Subtract point
    christin (1 Point) September 25, 2009 at 6:30 am

    thx, super tutorial. i´ll try it ;)

    Flag as inappropriate
  27. Add point Subtract point

    Congratulation ! vary good, simple idea

    Flag as inappropriate
  28. Add point Subtract point

    Thanks for the tut. Was really easy to do :)

    Flag as inappropriate
  29. Add point Subtract point
    cypherbox (1 Point) September 16, 2009 at 12:23 pm

    I love the technique. thanks!

    Flag as inappropriate
  30. Add point Subtract point

    I am not sure my reply got posted, so I try again. Someone asked on how to put the image into the text. I wrote a quick tutorial just for this one. Have a look @ http://websitelesson.com/tutor
    J.

    Flag as inappropriate
  31. Add point Subtract point
    Gordejev (1 Point) September 15, 2009 at 8:17 am

    Cool tutorial. Thanks, Love this site!

    Flag as inappropriate
  32. Add point Subtract point

    Wow, thanks a lot man, awesome tutorial!!!

    Flag as inappropriate
  33. Add point Subtract point
    John Bacon (1 Point) September 11, 2009 at 4:11 am

    sweet, just replicated this one, it works well!

    Flag as inappropriate
  34. Add point Subtract point
    Ashely Adams : Sticker Printing (1 Point) September 11, 2009 at 4:00 am

    Well thought!! I must say cool techniques and a very simple and easy to understand tutorial. Cheers :)

    Flag as inappropriate
  35. Add point Subtract point

    this looks fantastic man i’ve learn alot from it bye

    Flag as inappropriate
  36. Add point Subtract point

    How did you get the font to have the stones on it? Thats the only part I dont get when I make it a texture it doesn’t work right

    Flag as inappropriate
  37. Add point Subtract point

    What is the font you used banner with the stones you overlayed? Thanks.

    Flag as inappropriate
  38. Add point Subtract point
    Zábavná videa (1 Point) September 5, 2009 at 4:51 am

    Fantastic tutorial. I love this web! Thanks

    Flag as inappropriate
  39. Add point Subtract point

    Brill! Just one little thing though. You have ‘Download’ spelled incorrectly on the big green download button. :)

    Flag as inappropriate
  40. Add point Subtract point
    öğrenme nesneleri (1 Point) September 3, 2009 at 10:46 pm

    Thanks, cool techniques.

    Flag as inappropriate
  41. Add point Subtract point
    Dzinepress (1 Point) September 3, 2009 at 2:06 pm

    really latest work here with some new techniques. thanks

    Flag as inappropriate
  42. Add point Subtract point
    Shashank Tejura (1 Point) September 3, 2009 at 9:35 am

    Nice and easy tutorial. Thanks! ;)

    Flag as inappropriate
  43. Add point Subtract point
    Cucu Tudor I. (1 Point) September 3, 2009 at 9:30 am

    nice way to create stones ;) i’ve never thought of it !

    Flag as inappropriate
  44. Add point Subtract point

    I thought the preview image used a picture of real stones! Amazing tutorial! ;)

    Flag as inappropriate
  45. Add point Subtract point
    LBrother (1 Point) September 3, 2009 at 6:55 am

    Good idea! But I think you could have spent more time on creating a more realistic texture on the stones.

    Flag as inappropriate
  46. Add point Subtract point
    Firas S. (1 Point) September 3, 2009 at 3:18 am

    This tut. is very useful. It’s so easy yet implementable.

    Flag as inappropriate
  47. Add point Subtract point
    Callum Chapman (1 Point) September 3, 2009 at 3:17 am

    Great simple tutorial :)

    Flag as inappropriate
  48. Add point Subtract point
    Nokadota (1 Point) September 3, 2009 at 2:21 am

    Damn, that looks relatively easy! I love tuts like these, simple to use and easy to implement.

    Flag as inappropriate