Learn how to create graffiti text from scratch in Photoshop! This tutorial will show you how to use layer styles and finish the effect with a vector-style brick background.


Preview of Final Results

final-results

Download the PSD

Graffiti Text.zip | 16.32 MB
Download from Website


Graffiti text effect tutorial


Resources


Step 1- Create a New Document

Create a new 1000×500 pixels document. You can do this by going to File > New.

step-001

Step 2

With the background layer selected, use the Paint Bucket tool to fill the layer with #D0CFCF.

step-002

Step 3 – Text

Now for the text create a new layer, you can go online and find a font that would best fit your design or for my tutorial I created a rough sketch of how I wanted my text to look and scanned it into my computer. Next, grab your pen tool and make one of the letters. I used the word “Graffiti”.

step-003

Step 4

Make a selection from the work path (right-click>Make selection) fill it with any color for now

step-004

Step 5

Rename this layer. In my case I named this layer “G”. Duplicate this layer, place this layer underneath the regular layer. Double click this “G Copy” layer so that it brings up the Layer style box and change the color.

step-005

Step 6

Then move the “G copy” layer upward 5px by using your arrow keys and also move it 8 or 9 pixels to the right.

step-006

Step 7

On the original “G” layer add these layer styles, lets start with the Inner Shadow

step-007
step-007a
step-007b
step-007c

Step 8

This is how it should look so far. Go to your “G copy” layer, once you have selected this layer go to Layer>Layer Style>Create Layer. Now select your Burn tool and darken in some areas. Once you have finished that take your Dodge tool and highlight certain parts. Note: The green circle is where I used the Burn tool, the red circle is where I used the Dodge Tool.

step-008
step-008a

Step 9

While the “G copy” layer is still selected add a Drop Shadow.

step-009

Step 10

Create a new layer and on the “G copy” layer make a selection of it and add a Stroke. Edit>Stroke, place this stroke layer beneath the “G copy” layer.

step-0010

Step 11

Create a New Layer and rename it “Squares”, grab your selection tool and make some squares fill it with #8cb809

step-0011

Step 12

Now we will add the highlight, create a new layer and with your pen tool create the place for the highlighted area. Fill it with #FFFFFF

Pages: 1 2 3

15 responses to “Create a Cartoon-Style Graffiti Text Effect in Photoshop”

  1. Maidul Islam Avatar
    Maidul Islam

    A very smart approach to explain the things,like your step by step tutorial.

  2. Kezz Avatar
    Kezz

    Fantastic tutorial, thank you. Used it in my Graphic Design assessment, it made all the difference.

  3. akram Avatar
    akram

    It’s fascinating. Way but I want to clarify more video

  4. Rich J Avatar
    Rich J

    Great tutorial. Thanks for sharing :)

  5. gela ame Avatar
    gela ame

    10Q FOR TUTORIAL I LIKE IT

  6. Maxwell Sas Avatar
    Maxwell Sas

    welldone Ashlee, Nice Tutorial

  7. sumonpixel Avatar
    sumonpixel

    Really Great….tutorial. Thank Your Ashlee.

  8. yhob Avatar
  9. 2418 Avatar
    2418

    good tut

  10. EvansonKavale Avatar
    EvansonKavale

    Nice one Ashlee….love graffiti as well..

  11. ghj Avatar
    ghj

    Bad tut…

  12. milan Avatar
    milan

    nice tutorial,…thanks Ashlee!:)

  13. michael Avatar
    michael

    very nice

  14. Abel Avatar
    Abel

    thanks a lot

Leave a Reply

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

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading