Graffiti text in photoshop

Graffiti text effect has been very popular for many years. In this lesson you will learn that creating graffiti in Photoshop is very easy!

Video version of the lesson

Final image

The image with which we will begin to work is an ordinary brick wall, which can be found anywhere, but if you do not have such an image, then the Shutterstock resource will help you.

Before we start working on the text, create an offset map, it will be useful to us in the future. The displacement map is usually a high-contrast black-and-white version of your image, which will help to ‘fit’ our text, corresponding to the bends of the bricks of the wall.
Let’s start with the transformation of the image with the wall in black and white. This can be done quickly using the key combination Ctrl + Shift + U.

After discoloration of the image, we need to increase its contrast. There are several ways to achieve this, but the author suggests using Levels (Levels) to enhance shadows and enhance light.

The resulting high contrast black-and-white image of the wall will serve as an offset map. At this point, you need to save this image as a PSD file. It is very important that it is saved in the PSD, otherwise you will not be able to select it in the future.

Now let’s do the text. Re-open the color image with a brick wall, do not confuse with the file for the displacement map.

You can freely use any font you want, but it’s better if this font is in the style of graffiti. Visit for the right font. Zit graffiti . The beauty of this font is that when you enter lower-case letters, they are completely filled, and when you enter in upper case, you only get an outline. Since we need the text to be filled in, the author wrote his name in lower case.

Usually, graffiti is not drawn in one color and the inscription contains gradients, shadows and borders. This will help us with the layer styles, with the help of which we will add all the effects directly on one layer with the text. The style settings that the author used can be seen below in the screenshots, but feel free to experiment to get a result that you like more.

Gradient overlay (Gradient Overlay)

Stroke (Stroke)

Inner shadow (Inner Shadow)

External glow (Outer Glow)

Once you have applied all the styles, you should have something like this.

Now that the text is ready, let’s apply the displacement map that we created earlier. Before adding filters, convert the text layer into a smart object. You can do this in the menu Filter – Convert for smart filters (Filter – Convert for smart filters). This will allow you to edit the text and color scheme at a later stage, if necessary! Now go to the menu Filter – Distortion – Offset (Filter – Distort – Displace).

The filter settings are below in the screenshot.

The horizontal and vertical value scale will control how efficient the offset is. The higher the value, the more distortion is applied to the layer. We do not need a large distortion, so the values ​​of 3 or 4 is enough. After clicking on the OK button, you will proceed to the selection of the PSD file saved earlier.

When the file is selected and opened, you should see a result that looks like the one below in the screenshot. The program will apply the black and white image as an offset map and distort the layer, giving the impression that it is part of a wall.

Obviously, the offset has done its work, correcting the completely straight boundaries of the text, but this is not enough. Now you need to make the inscription on the wall more realistic. There are several ways in which this can be done, including experimenting with different blending modes, but the author suggests using the Impose if (Blend If).

To access this feature, open the layer style window in the menu Layers – Style layer – Options overlay (Layer> Layer Styles> Blending Options).

Function settings Impose if contains two bars. One for the current layer, and the second for the layer under it. Both contain markers for shadows and highlights that allow you to mix the current and / or underlying layer. We will use the bottom slider to work with the underlying layer, i.e. brick wall.

Position the markers as shown in the screenshot – shadows to the right, lights to the left. You will see how the brick wall layer blends with the current layer.

By dragging just the markers, we usually get the average result, if you are satisfied, you can leave it, although you can do even better. To do this, separate the markers by holding the key Alt and pulling it in halves. The effect of mixing will be much better.

The advantage of using the function Impose if compared to blending modes, you’re not losing the original colors of the image. Changing blending modes tends to change the color of your layers to blend them. Of course, you can experiment to see which method suits you best.

The lesson is over, success!

Like this post? Please share to your friends: