The Ultimate Photoshop Resource

How to make re-usable graffiti in Photoshop tutorial


Subscribe on YouTube:

How to make a realistic graffiti effect in Photoshop

I originally wrote this graffiti tutorial a decade ago. While the style still looks good, the usability sucks. Total update time, let’s make the graffiti on the text layer using all layer styles. The advantage to this is 2-fold. First we can reuse the layer style and secondly, we can change the text and the style will remain on it as we edit. (Non-destructive baby!)

Step 1

Start with an appropriate font and type the word, graffiti

graffiti

Here I used Tags Extreme. Download it here | Download the layer style for this tutorial

Step 2

In the layers panel, click the little fx for layer styles.

Choose gradient overlay. Click on the arrow to choose a gradient, Choose the legacy orange to yellow one.

If you don’t see legacy gradients, you can load them in like this. (or just proceed with a custom gradient)

Click on the gradient to edit it

Step 3

The gradient editor opens. Click to add a white gradient stop in the middle. (Watch the video to see how to do it)

This gives us the gradient color onto the type

grafitti2

 

Step 4

Give it a small gray stroke by using the settings shown in the stroke option, size is 10

grafitti4

Step 5

Because we are actually giving this a triple stroke, we need to apply an additional stroke. In Photoshop CC or newer, click the + button next to the stroke to make an additional one.

Set the bottom stroke to black and make it bigger than the gray one, so you can see it.

If you are using an earlier version of Photoshop you have to be clever. Lets use the outer glow as a secondary stroke. Choose outer glow. Blend mode in normal and black. The magic happens with the spread and size. Make sure you turn on anti aliased, or it will look blocky.

grafitti5

Double stroke in action!

grafitti6

Step 6

We now need to create the 3rd stroke which is really a hard edges drop shadow, Opacity is al 100 and once again, the magic happens with spread and size. Set the distance to suit your Image. Tip: You can drag directly on your document to set the distance and angle.

Cha! The graffiti is looking good!

grafitti8

Step 7

Because it’s applied as a layer style on a text layer, I can change the text to say whatever I like.

grafitti9 grafitti10

Step 8

Its really easy to add this graffiti to photographs. All you really need to do is change the blending mode to Overlay.

grafitti11

train

If you want to make it even better, use a displacement map to wrap it to your surface, tutorial on displacement maps in Photoshop

I hope you enjoyed this updated tutorial

Why don’t you Download the layer style for this tutorial

Great to see you here at the CAFE

Colin

Grab more Photoshop goodies here

 


One response to “How to make re-usable graffiti in Photoshop tutorial”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.


Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource