Create Stunning Graffiti Text in Photoshop

Table of Contents

1. Introduction
2. Creating a New Document
3. Importing the Background Image
4. Applying Inner Shadow to the Background Image
5. Adding Text to the Document
6. Styling the Text
7. Applying Warp Text
8. Converting Text to Smart Object
9. Adding Drop Shadow to the Text
10. Applying Gradient Overlay to the Text
11. Adding Inner Shadows to Text
12. Applying Bevel and Emboss Effect
13. Duplicating and Renaming the Text Layer
14. Creating an Extrude Effect
15. Adding Shadows to the Extrude Layers
16. Grouping the Extrude Layers
17. Applying Gradient Overlay to the Extrude Group
18. Styling the Extrude Group with Color Overlay
19. Adding Satin and Stroke Effects to the Extrude Group
20. Applying Motion Blur to the Shadow Layer
21. Blurring the Shadow Layer with Gaussian Blur
22. Adding Drop Shadow to the Shadow Layer
23. Importing and Adding Splashes to the Document
24. Changing the Color of Splashes
25. Importing Textures to the Document
26. Grouping the Texture Layers
27. Grouping the Text Effects Layers
28. Editing the Text Content

Creating an Editable Graffiti Text Effect in Photoshop

In this tutorial, we will learn how to create an editable graffiti text effect in Photoshop. This step-by-step tutorial will guide you through the process of creating a unique and customizable graffiti text effect that you can use in your designs. Let's get started!

1. Introduction

Graffiti text effects are a popular choice for adding urban and edgy vibes to graphic designs. By following this tutorial, you will be able to create an editable graffiti text effect that you can easily customize with different texts, colors, and styles.

2. Creating a New Document

Start by creating a new document in Photoshop. Set the width to 3500, height to 2500, and resolution to 300. This will provide a high-quality canvas to work with for the graffiti text effect.

3. Importing the Background Image

Import the background image you downloaded from the description below into Photoshop. Double-click on the right side of this layer to open the blending options. Choose Inner Shadow and change the blend mode to "Normal." Increase the opacity to 100 percent.

4. Applying Inner Shadow to the Background Image

In the blending options, set the color to bcbcbc, decrease the distance to zero, and increase the choke and size amount to achieve the desired result. For example, you can set the choke to 50 and size to 250.

5. Adding Text to the Document

Grab the type tool from the tools panel and type your desired text. Select the text and go to the character panel to customize its appearance. Set the font to "Dumb Nerd" (which you can download from the description below) and increase the text size to 1020 pixels.

6. Styling the Text

Increase the tracking for the selected characters to 35. Move the text to the center of the document and make sure the color of the text is black. Use the move tool from the tools panel to adjust the text position.

7. Applying Warp Text

Click on the create warp text button and change the style to "Arc Copper." Set the bend to plus 25 percent, horizontal distortion to zero, and vertical distortion to minus sixteen percent. Right-click on the text layer and choose "Convert to Smart Object."

8. Adding Drop Shadow to the Text

Make a copy of the text layer and hide it. Rename the copied layer to "Text Effects." Go to blending options and choose drop shadow. Change the blend mode to "Normal" and set the color to black. Increase the opacity to 100 percent, distance to zero, spread to 100, and size to 10.

9. Applying Gradient Overlay to the Text

In the blending options, choose the gradient overlay. Click on the gradient editor and import the colorize gradient file you downloaded from the description below. Select the "Colorize" gradient and press OK. The other settings should remain default.

10. Adding Inner Shadows to Text

Click on the inner shadow option in the blending options. Change the blend mode to "Color Dodge" and set the color to 0 0 9 cff. Adjust the opacity to 66 percent. Uncheck "Use Global Light" and change the angle to 180. Set the distance to 20, choke to 100, and size to zero. To add more depth, click on the plus button and add another inner shadow with different settings.

11. Applying Bevel and Emboss Effect

Choose bevel and emboss from the blending options. Set the style to "Inner Bevel" and technique to "Smoothed." Decrease the depth to 1000 percent, size to 80, angle to 45, and altitude to 20. Change the gloss contour to "Cove Deep." For the highlight mode, choose "Screen" with white color and opacity to 60. For the shadow mode, choose "Color Burn" with a color of 56 56 56 and opacity of 100. Adjust the contour range to 21.

12. Duplicating and Renaming the Text Layer

Make a copy of the current layer and place it below the original. Rename it to "Extrude." Right-click on the extrude layer and choose "Clear Layer Style."

13. Creating an Extrude Effect

Press Ctrl + Alt + Shift + T for 21 times to duplicate the extrude layer. Drag the extrude layer 21 from above to below and rename it to "Shadow." Hide the shadow layer. Select the extrude group layer and go to blending options. Choose gradient overlay and change the gradient to another one downloaded from the description below. Check the "Reverse" option and change the angle to minus 50. Set the scale to 20 percent.

14. Adding Shadows to the Extrude Layers

Select the extrude layer at the top and import the splashes image downloaded from the description below. Use any selection tool to select a big splash from the image. With the move tool, drag the splash to the main document. Change the color overlay to 7d cd00. Repeat this for other splashes, adjusting the color overlay according to the desired effect.

15. Grouping the Extrude Layers

Add all the splashes layers to a group and set the name to "Splashes." Click on the top layer and import the texture one image. Set the blend mode to "Linear Light." Import another texture image and set the blend mode to "Vivid Light." Decrease the opacity to 50 percent. Group these two layers and set the name to "Textures."

16. Grouping the Text Effects Layers

Add the below layers except for the background to a group and set the name to "Text Effects." Now, you can move the text with effects to the center of the document. To change the text, right-click on the below text layer and choose "Edit Contents."

17. Editing the Text Content

A window will open where you can use the type tool from the tools panel to change the text. Once you're done, click on the File menu and click on "Save." Go back to the main document, and you will see that the effect works well.

I hope you enjoyed this tutorial on creating an editable graffiti text effect in Photoshop. Feel free to experiment with different styles, colors, and text to create your own unique graffiti designs. If you liked this tutorial, please like the video and subscribe for more tutorials. Thank you for watching!