Design a Horror Style Text Effect with Dirt and Splatter Texture in Photoshop
In this tutorial, I will show you the processes I used in creating this horror style text effect with Dirt and Splatter Texture in Photoshop. I’ve got the inspiration from the game “Prototype” title typography and decided to have a bit experiment with it myself. Along the way, we will be using a lot of layer blending options, image adjustments, selection techniques, custom brushsets painting and filter effects. This is an intermediate level tutorial and beginners may find it a bit tricky to complete, but why not have a try :)
If you are new to photoshop then join SY0-201 online web designing course and get thousands of free 70-680 photoshop tutorials and 642-902 study guides prepared by experts to help you to boost up your creative skills and generate better ideas in web design.
In this tutorial, I will show you the processes I used in creating this horror style text effect with Dirt and Splatter Texture in Photoshop. I’ve got the inspiration from the game “Prototype” title typography and decided to have a bit experiment with it myself.
Along the way, we will be using a lot of layer blending options, image adjustments, selection techniques, custom brushsets painting and filter effects. This is an intermediate level tutorial and beginners may find it a bit tricky to complete, but why not have a try :)
Here is a preview of the final effect for this tutorial: (click to enlarge)
PSD File Download
You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas
Let’s get started!
To complete this tutorial, you will need the following stocks:
Dirty Spray Brushset
Stroke and Splatter
Create a new document sized 1200 * 800 px (in fact size doesn’t really matter here, choose one you feel comfortable with), use White as background colour.
In order to maxmise the effect, the choice of font is quite important here. For me I tend to use a Bold, Clean Font from at the start, simply because they are easy to manipulate and stylise. So go head and use the font we have just downloaded and type some text onto the canvas: (Hint: you can use Ctrl + T free transform tool to adjust the size of the text)
On this text layer, apply the following layer blending options:
Bevel and Emboss
and you will have the following effect:
Load the selection of the text layer by holding down the Ctrl key and left click the thumbnail image of the text layer on the layer palette:
Hit Ctrl + Alt + R and bring up the Refine Edge Tool, apply the following settings:
and your selection will become like this:
Maintaining the selection, create a new layer on top of the text layer and name it “Dirt Spray”, load the Dirt Spray brushset into Photoshop, and use the different brushes in this set, paint on the new layer.
You will see because we have the selection enable, the dirt appears within the selection:
and here is the effect I have after a bit painting with the dirt brush:
Now we can add some background textures to make the effect a bit richer. Load the “Stroke and Splatter” brushset into Photoshop, create a new layer called “texture” just above the background layer, select the brushes from this set to paint over the new layer: (I chose the red colour)
Also you can use the splatter brushset for additional effect.
Now we can add some more decorations onto the text. I decided to add some curvy lines . To do this, create a new layer called “lines” and grab the Pen Tool, create the following working path on this “lines” layer:
And right0-click and choose the “Stroke Path” option, as shown below:
Then select the option “Brush” and tick the “Simulate Pressure” option (Make sure set the brush size to 16px, with 100% hardness). Use the Free Transform Tool (Ctrl + T) and free transform it as shown below:
Duplicate this “lines” layer a few times, on each duplicated layer, free tranform it to different sizes. Here is what I have after the duplication and free transformation:
Optional: You can further enhance this effect by duplicating some more layers of the “lines” layer, and drag them on top of the text layer. Here is what I have after moving them above the text layer:
To create some uneven light effect, we can add a new layer on top of all previous layer, grab a soft round brush (I chose 150px) and select the White colour, do some single-clicks on the spot you would like to highlight:
Change the layer blending mode to “Overlay” and you will have the following effect:
I further added some more background textures by using the splatter brushsets and here is what I have after the paintings:
For some final adjustments, I decided to flatten the image (make sure before you do so, save a copy of the non-flattened one first), and duplicate the background layer once and desaturate the duplicated layer, go to filter > sharpen > smart sharpen and apply the following settings:
And add a new layer on top of the duplicated layer, grab a big soft brush and paint some colour onto it:
Change the layer blending mode to “Color” and you will have the following effect
Add the following two adjustment layers on top of all previous layers by going into “Layer > Adjustment Layer >…”:
and you will have the following final effect: (click to enlarge)
That’s it for this tutorial! Hope you enjoy it drop me a comment if you have any question, I will try my best to help you out.
Cheers and have a nice day!