Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Graffiti Effect

Graffiti Effect


Step 1: You ready for this. Keep up, there's a lot to cover. First, create a new document. I chose a banner size.

image 1

Step 2: Choose a brick color such as the one in the picture. Fill the background layer with this color.

image 2

Step 3: (Filters/Filter Gallery/Texturizer)

Choose brick, top left lighting. Make the bricks look big enough. Click ok.

image 3

image 4

Step 4: Select the type tool. Type something. Choose a graffiti looking font like TagsXtreme. I think I got this font from the 1001 free fonts website.

Step 5: The worst part of any tutorials… layer effects!!! I could type them out, but that's too much work, so here just download the style and look for you self. Remember that these effects were created for the size of the image I used. You may notice a difference if your image is much larger, or smaller in size compared to mine. graffiti.asl

Step 6: Duplicate the text layer. Link the text layers and combine them. This will flatten the layer effects. Tell me, why isn't their a command to rasterize layer effects?

Step 7: Ad more layer effects. I chose a simple outer glow. Then ad a sharp drop shadow for that cartoonist effect. This style was also in the styles file in step 5.

Step 8: If you want that paint dripping effect that we see so often, Filter>Liquify. Use the forward warp tool to push the graffiti down, then use the bloat tool to make the “paint” bulge like its dripping as you can see in the final image on the bottom of the R and I.

Step 9: Create a new layer above the rest. This is your highlights layer. Create little highlights on the top left of the paint drips, and make little cartoonist starbursts at the corners of the graffiti. If your lazy like me, you will create a single star burst and then just duplicate the layer as many times as needed.

Step 10: Finally reduce the fill so that some of the brick wall shows through. Somewhere between 70 and 90 should look good. I'll let you be the judge.

Important note: A certain Mr. Tyler suggested to change the blend mode of the text to overlay. Thank you Tyler, all suggestions are welcome and help us all. I appreciate the input.

image 5
Click to enlarge

Extra Step: I duplicated the graffiti layer and merged them to rasterize the layer effects, the performed Filter>Texturizer>Brick with the same settings as before on the graffiti layer. Then I hit Edit>Fade Effect and reduced the opacity a bit. It looked like this

Graffiti Effect
Click to enlarge


Author's URL: Matthew O'Leary
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Breathe new life into text. These tutorials will teach you how to create various text effects. More Text Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Reader's comments
comments PS user June 09, 2011 says:
Frankly, I was surprised to see that you skipped on some important parts which are essential in order to achieve your expected outcome.
1) You didnt mention on how to get that gradient color fade red-red-black which can be found in layer style --> style.
2) THe outer glow and drop shadow. You didnt give the exact value and the blending mode for this tutorial.

Thus this tutorial is not suitable for beginners and is suitable for any individuals who have sufficient knowledge on how the tools, filters, blending in photoshop.

Personally, I like your tutorial cos I learned some new stuffs like

Reply
Add comments to "Graffiti Effect"

Captcha