step-0012

Step 13

Erase the unnecessary areas. To do this make a marquee selection of the original “G” and “G Copy” layer (while holding the ctrl+alt key, select the box next to the layer’s name) Select>Inverse, then delete while the highlight layer is still selected.

step-0013

Step 14

Change this layer to ‘Soft Light’ and add this layer style (Layer > Layer Style > Inner Shadow).

step-0014

Step 15

Repeat these same steps for the rest of your letters

step-0015
step-0015a
step-0015b
step-0015c
step-0015d
step-0015e
step-0015f
step-0015g

Step 16 Cloud

Create a New layer and rename it “cloud”. Place this layer beneath the letter layers. Grab your brush tool and use different sizes of circles to create the cloud. I used the color #e40480. Once finished duplicate this layer

step-0016

Step 17

Add these layer styles to the original layer (Layer > Layer Style > Bevel and Emboss).

step-0017
step-0017a
step-0017b
step-0017c

Step 18

This is how yours should look.

step-0018

Step 19

Create a new layer above the cloud layer and with a #FFFFFF soft round brush place some highlights around the cloud. Make sure the opacity on the brush is very low.

step-0019

Step 20

Go to your “Cloud copy” layer and place it underneath the original cloud layer and change the opacity of this layer to 27%. Also maneuver this layer a bit so that the shadow shows.

step-0020

Step 21

Create a new layer for the inner cloud grab a hard round brush of different sizes and create a cloud. I used the color #8cb809

step-0021

Step 22

Add these layer styles to this layer

step-0022
step-0022a
step-0022b

Step 23

Create a new layer and add some shine to this cloud layer with a small soft round brush. I used the smudge tool also to stretch out highlights

step-0023

Step 24

Now I will show you how to create the background. First Create a New Document

step-0024

Step 25

Grab your rounded rectanlge tool and make a rectangle. The color I’m using is #8cb809 Radius: 21px

step-0025

Step 26

Add a Stroke in the layer style panel

step-0026

Step 27

Make multiple duplicates of the brick. Note: Make sure to overlap the bricks so that there is no white background showing.

step-0027

Step 28

Create a new layer above the bricks and with a 60px #000000 soft round brush apply shadow to the bricks. Change this layer’s Opacity to 27%.

step-0028

Step 29

Go to Edit>Define Pattern and name it bricks, click ok. Go back to your graffiti document. Create a New Layer underneath your cloud layers. Fill this layer with #FFFFFF. Change this layer Fill to 0%. Add these layer styles

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