Create a Cartoon-Style Graffiti Text Effect in Photoshop

Create a Cartoon-Style Graffiti Text Effect in Photoshop
Create a Cartoon-Style Graffiti Text Effect in Photoshop
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 comments on “Create a Cartoon-Style Graffiti Text Effect in Photoshop”

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

Leave a Reply to Abel Cancel reply

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

cross