Stone Text Effect
March 30, 2011 | 54 Comments » | Category: Advanced, Inspired
This tutorial will explain how to create a stone-like texture using some filters, and a beveled style to place the texture on, in order to create a nice old-looking stone text effect.
The Final Result:
Notes:
* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.
Resources:
Step 1:
- Start by creating a Radial Gradient with the Foreground color set to #265649 and the Background color to #322d2f.
- Create the text using the color #7b7b7b. The font used is Aller Display, and the Size is 300px.
Step 2:
Double click on the text layer to apply the following styles:
- Drop Shadow: Just change the color to #686868.
- Inner Shadow: Change the color to #737373, the Distance to 0, and the Size to 10.
- Bevel and Emboss: Change the Technique to Chisel Hard, the Depth to 150, and the Size to 27. Remove the check next to Use Global Light, and change the Angle to 90 and the Altitude to 30. Also, change the Gloss Contour to Gaussian, and check the Anti-aliased box. Finally, change the Highlight Mode to Soft Light, its color to #e4e2d9, and the Shadow Mode color to #7b7b7b.
-Texture: Choose the Rusted Metal Pattern, change the Scale to 250, and the Depth to 20.
The text should look like this.
Step 3:
- Create a new layer on top of all layers, and call it “texture”. Press the Ctrl key, and click on the text layer’s thumbnail to create a selection.
- Set the Foreground color to #dadada and the Background color to #7d582e, then go to Filter -> Render -> Clouds. Press Ctrl + D to get rid of the selection.
- Go to Filter -> Texture -> Craquelure, change the Crack Spacing to 16, the Crack Depth to 2, and the Crack Brightness to 0.
- Go to Filter -> Brush Strokes -> Sprayed Strokes, change the Stroke Length to 20, the Spray Radius to 9, and the Stroke Direction to Horizontal.
Step 4:
- Change the “texture” layer’s Blend Mode to Overlay, and the Fill value to 80%.
- Go to Image -> Adjustments -> Levels, or press Ctrl + L, and change the Shadows value to 15, and the Gamma value to 0.80.
This will darken the colors a bit.
Step 5:
- Open the Grungy Texture Background (you should download the full size image), and go to Image -> Adjustments -> Hue/Saturation, or press Ctrl + U. Change the Hue to -40, and the Lightness to -10.
- Duplicate the grungy background to your document, and place it on top of the Background layer immediately. Move it around or resize it as you like, then, change its Blend Mode to Overlay.
Step 6:
- Select the “texture” layer, and click on the New Adjustment Layer icon, and add a Hue/Saturation adjustment layer on top of all layers.
- Change the Hue value to +3, and the Saturation to -10. This will tone down the colors a bit.
- Once again, click on the New Adjustment Layer icon, and this time, add a Photo Filter adjustment layer on top of all layers.
- Choose Deep Yellow from the Filter drop down menu, and change the Density to 20, or any other value you like.
The adjustment layers give a nice color tone for the final image.
Step 7:
- This is optional, but it helps add more texture to the final effect. So select the “texture” layer once again, and go to Filter -> Noise -> Add Noise. Change the Amount to 7, the Distribution to Uniform, and check the Monochromatic box.
- You can also grab the Burn Tool, and darken some areas to add more depth.
And this is the final effect.
I have a blog with digiscrap freebies.
Is is OK for you if i have made an alpha to post it on my blog. Of course with a link to your tutorial.
Hello Bitte,
Yes, you can do that as along as you’re not selling the tutorial itself.
Thanks for asking.
Thanks..^^
You’re welcome.
Tasty! Thanks for the tut!
Thanks for the comment!
This is really nice
Glad you liked it, thanks a lot.
Thanks alot that realy help me
You’re welcome.
Thanks for the comment.
Excellent tutorial.
Very realistic results!
Thank you, glad you liked it.
Happy to have re-found your stone text tut. Definately bookmarked this time.
Also meant to say; your tutorial produces the most realistic ‘stone’ effect than any other I’ve found on the web.
Kudos to you mate!
Happy you did too
Thank you very much for your kind words.
Hope you’ll enjoy the other tutorials as well.
Thanks once again.
thank you, for you tutorial.. clear instructed.. bye.
Thanks for the comment.
wow… its really useful
Glad you found it useful.
Thank you.
Being a newbie how do you? – Foreground color set to #265649 and the Background color to #322d2f. where do you input these numbers?
Hello Mystical,
Check this image please. As you can see, the tow color squares at the bottom left corner of the image represent the Foreground and Background colors. When you click on one of them, the Color Picker dialog box appears. There, you can enter the code (without the #, just the code itself) in the area shown at the bottom and click OK.
Hope this helps.
Great tut as always
Toda! Shalom Tehillah
Thanks a lot Lilly
Thanks for the tutorial! This is my result:
http://s294.photobucket.com/albums/mm106/almavez/alma/tutorials/
http://i294.photobucket.com/albums/mm106/almavez/alma/tutorials/StoneTextEffect.jpg
Well done, nice outcome indeed.
Thanks for the link.
I followed this tutorial a few months back and having now just found your site once again I felt a belated “WELL DONE!” needed to be said. In my opinion, the best ‘stone’ tutorial around. Very realistic. Really impressed with your work.
Cheers
Susan
Hello Susan,
Thank you so much for leaving a comment and for your kind words, this really means a lot.
Glad you found the tutorial helpful.
Cheers
Great! Congratulations!
Thanks a lot
In step 2 you use a Rusted metal texture, I dont see that in my photoshop ? I have 2 textures. Tie dye and bubbles. Where do I get the rusted metal texture you are using and how do I install it into photoshop ?
Thanks for your help
You need to go to Edit -> Preset Manager, choose “Patterns” from the “Preset Type” drop down menu. Then, click the little arrow to the right of the Preset Type drop down menu, and click “Patterns” near the bottom of the pop-up menu. When the dialog box appears after that, just click Append, and you’ll get the pattern along with other patterns as well.
Hope this helps.
Thanks for the comment.
Good Tutorial. I like it. Steps are lengthy. If you provide PSD with that post it will be wonderful for all of us. Nevertheless thanks for sharing.
Thanks a lot for the comment.
As for the PSD file, you can download it here for $2 only!
Hope this helps.
When I get to the step to use the filter texture it’s grayed out. What am I doing wrong?
What step? You might need to make sure that the layer “texture” is the selected (active) layer before you apply the filters.
Hope this helps. If the problem still exists please feel free to leave a reply.
Brooklynn, I ran into the same problem…had to change the mode from 16bit to 8 bit before I could select the “Texture” feature. Hope this helps!
Great tutorial…exactly what I was looking for for my new site. Thanks for uploading!
Glad to know that
Thanks a lot for the tip and the comment.
May I how to do step 3. I Select 2 layer’s and then go in filter there was not any thing are to click.
Why did you select 2 layers? You only need to select one layer that is the “texture” layer. So just make sure this is th only layer selected then go ahead and apply the filters.
Hope this helps. If the problem still exists please feel free to add a reply.