10 Reasons To Sign Up @ A2k Design Network

PSD Tutorial: Making Graffiti Text Effects From A Stencil

In this Adobe Photoshop CS5 tutorial, we will create a stencil from a Graffiti type calligraphy font of your choosing (this tutorial is very flexible and experimental). You can use any kinds of resources and textures you like on it. We're going to be using some very simple layer styles, fonts and brushing techniques so we can demonstrate, so feel free to do something more extravagant and don't forget to show us your results in the comment box. Anyway, we'll be using the stencil we've made to create many different urban style text effects from brushing, layer styles and blending modes.

If you don't have Photoshop, or you want to upgrade to the new CS5.5 Version, take a look at the Adobe Special Offers from the Adobe Store. If you're new to Photoshop, we have some beginner articles and basic tips coming very soon for some of the lesser established designers, which teaches you how to use the basic features of Photoshop, such as Blending Modes, Layer Styles, Text Tools, Cropping/Slicing, Image Adjustments, Brushing, Filters and Photoshop Actions.

Download Photoshop (PSD) File

Download Scratched/Grunge Brick Texture

Download Brick Grunge Textured Background

Photoshop Tutorial Step 1: Picking A Font/Typeface And Brushing Over It

1.1. With the text tool, type out your word, leaving one space in between each letter to make room for brushing.
1.2. Now, Create A New Layer, then select the Rough Round Bristle 100 brush, and go around the edges of your text.
1.3. Next, Ctrl + Left-Click on the originals layer's thumbnail, but then erase this selection from the layer you just brushed.
1.4. If you throw away your original layer, you will get something like shown below.
1.5. Duplicate (Ctrl + J) if you need to thicken or blacken the stencilled text.
Making Graffiti Text Effects From A Stencil - Digital Typography & Text Effects - Adobe Photoshop CS5 Tutorial Step 1

Photoshop Tutorial Step 2: Adding Grunge Texture For Graffiti Style Typography

2.1. Paste in the Grunge Texture, minimize the Saturation, and Edit » Transform » Scale to an appropriate size.
2.2. Alter the Blending Mode to Linear Light, change the Opacity to 50%, and then Duplicate.
2.3. Edit » Transform » Flip Horizontal, and then Flip Vertical.
2.4. Make the Opacity of this Duplicated layer to 30%.
2.5. Add a Layer » Layer Style » Inner Shadow with 25% Opacity, 0px Distance and 250px Size to the white background.
2.6. Make a New Group from all layers, Duplicate, and then Merge Group. Make the Blending Mode of this duplication Pin Light.
2.7. Now, change the Blending Mode of the original stencilled graffiti text to Soft Light.
2.8. Add a Layer » Layer Style » Drop Shadow with 75% Opacity, 0px Distance, 100% Spread and 2px Size.
2.9. Add an Inner Shadow too with 25% Opacity, 0px Distance and 250px Size to the layer that was Group Merged.
Making Graffiti Text Effects From A Stencil - Digital Typography & Text Effects - Adobe Photoshop CS5 Tutorial Step 2

Photoshop Tutorial Step 3: Adding Brick Wall Texture For Graffiti Style Text Effect

3.1. Paste in the Brick Texture, minimize the Saturation again, and Edit » Transform » Scale to an appropriate size.
3.2. Alter the Blending Mode to Color Burn, and then change the Opacity to 25%.
3.3. Now, Create A New Layer and change the Blending Mode to Overlay.
3.4. Find some Blood or Ink Splatter Brushes from Brusheezy or elsewhere, and brush on a final Grunge texture.
3.5. Final effects can make a collosal difference to the outcome, so experiment wisely, but more importantly, experiment vastly.
Making Graffiti Text Effects From A Stencil - Digital Typography & Text Effects - Adobe Photoshop CS5 Tutorial Step 3

Photoshop Tutorial By: Dan Scott

0 Years Old
Rome, Italy
Freelance Illustrator & PR Specialist @
[view sketch]
What's Hot @ Airwalk Design!
Design A Rocky Underwater Seaweed Text Effect - Digital Typography & Text Effects - Adobe Photoshop CS5 Tutorial Design A Gothic Blood Text Effect - Digital Typography & Text Effects - Adobe Photoshop CS5 Tutorial Making A Medieval Rusty Metal Text Effect - Digital Typography & Text Effects - Adobe Photoshop CS5 Tutorial How To Design An Abstract Flower Fleuron Text Effect - Digital Typography & Text Effects - Adobe Photoshop CS5 Tutorial

Responses: 0
Please login to make a response...
Response
Post this to twitter (login to a2k first)
Post this to facebook (login to a2k first)


Scroll To TopTrash Can