Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I've got a grunge texture JPEG that I downloaded from Premium Pixels that looks like this:

grunge texture from Premium Pixels

and a text layer on a black background. I want to blend or overlay the image file to create a worn-out, distressed, grunge texture effect on the text layer.

So far I've tried applying the image to my text layer as a clipping mask, with the Blend Mode: Multiply, and lowering the opacity to 50%.

My Photoshop set-up looks like:

my layer structure and settings

I'm aiming for an effect that looks more like the one in this image:

How can I apply the texture layer to the text to give this worn, distressed, grunge look similar to the one in my example image?

Click on images to see larger versions.
A bounty has previously been offered on this question and awarded to an answer.

share|improve this question
1  
What's wrong with taking your existing PSD and just upping the opacity to 100% and changing the blending mode to Normal? –  Johannes Sep 9 '13 at 21:37
add comment

5 Answers

up vote 4 down vote accepted
+50

In addition to Yisela's new answer, and in support of the fact that there are many ways to achieve this:

enter image description here

I was able to achieve this by firstly releasing the clipping path you had applied to your texture image layer, then increasing opacity to 100% and changing the Blend Mode to Darker Color.

I then duplicated the texture image layer and applied the Vivid Light Blend Mode to the second instance of the texture image.

Looking at it next to the target image it looks very similar:

enter image description here

Because I'm a little bored, I took it a bit further by applying an Outer Bevel to roughen up the perfect edges.

Furthermore I created a Curves layer, and tweaked the curves slightly.

I then applied a 0.5 Blur when using Save for Web & Devices... in Photoshop, to soften some of the sharp texture details.

Here is my final shot at it:

enter image description here

Here is a PSD of what I've done so far for you to play with.

share|improve this answer
1  
Thanks Dominic - The outer bevel really polished it –  sam Sep 10 '13 at 9:20
    
You're welcome, and yeah I agree, the perfect edges were a little counter-productive with the effect you're going for. :) –  Dominic Sep 10 '13 at 19:18
    
@Dominic, I disagree with the edit you made to the original question. It's confusing to add that Note in there, it should be in your answer, not in the question. –  Johannes Sep 11 '13 at 21:54
    
@Johannes I did that to put a bunch of relevant keywords in to the question, so that when users search for or start to write a similar question it should pop up. New posters may not read past the question and dismiss it without the buzzwords they're looking for when it really applies perfectly to their question. –  Dominic Sep 11 '13 at 22:05
add comment

One of the issues you might be encountering is the color of the texture you are using. That yellow shade doesn't translate very well into an effect.

If you first desaturate your texture and then apply it using, for example, Hard Light, your final result will be much more similar to your example:

enter image description here

enter image description here

So to clarify, the steps are:

  • Create a new layer with the texture
  • Desaturate texture
  • Apply as mask to text
  • Change mode to Hard Light
  • Duplicate the texture layer, same mode, less opacity
share|improve this answer
add comment
  1. Have your type on a layer, your texture on a layer above it covering the type.

  2. Right click the layer with the texture on it in the layers menu, then click apply clipping mask.

  3. Adjust opacity and blend modes to your liking.

share|improve this answer
add comment

Put the grunge texture layer on top and set it to multiply blend mode. If multiply doesn't give you the look you want, try some of the other layer blend modes.

You can adjust the strength of the blend mode by turning down the opacity, or using an adjustment layer to change the levels.

share|improve this answer
add comment

You can load the logo ( by holding ctrl and click on logo in layer pallet and copy the texture and paste then you can lower down the opacity or chande the mode

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.