bloody-text-effect-flatten

Create a Grungy Looking, Blood-Stained Text Effect in Photoshop

In this tutorial, I will show you the process I took to create this Blood Stained Text Effect in Photoshop. Along the way, we will be using some custom brushes, layer blending effects for the text, cloud rendering + blending mode, and image adjustments. The overall process is quite simple and would be good for PS beginners. Have a try!

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

bloody text effect flatten1 500x291 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

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

vip sign up 250 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

OK let’s get started!

To complete this tutorial, you will need to the following stock:

Font (optional), you can use any font you like.

Crack Brush

Smoke Brush

Splatter Brush

Step 1

Create a new document (size doesn’t matter) with a white background, use the crack brush you downloaded and paint some light grey, cracked texture on it:

1 paint 500x285 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Create a new layer, set the layer opacity to around 30%, again use the crack brush to paint some dark red pattern on it:

1 paint red 500x289 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Step 2

Use the font you downloaded, or you own font, type some texts on the canvas:

2 type1 500x269 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Apply the following layer blending options to this text layer:

Drop Shadow

2 drop sha 500x350 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Inner Shadow

2 inner sha 500x350 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Inner Glow

2 inner glow 500x350 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Bevel and Emboss

2 bevel 500x350 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Gradient Overlay

2 grad ove 500x350 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

and here is the effect so far:

2 effect2 500x135 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Step 3

Create a new layer under the text layer, use some splatter brush you download, reduce the brush tip to a very small size, choose a dark red color and paint some blood behind the text:

3 paint blood 500x221 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Use the Lasso Tool with around 40-50px feather, draw a selection around the text, and render some clouds inside it:

3 cloud 500x226 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Compress it down as shown below with free transform tool:

3 resize 500x154 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Change the layer blending mode of this cloud layer to be “color burn”:

3 change blending 500x195 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Duplicate this layer a few times, you will see it darkens the bottom of the text as shown below:

3 dup effect 500x191 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

You can also resize the cloud layer around make it vertically, attach it to the left side of the text: (keep blending mode as “color burn”)

3 resize rotate vert 500x679 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Add some vertical cloud to the right side of the text as well:

3 resize rotate vert 2 500x646 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

and here is the effect so far:

3 effect1 500x263 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Step 4

Create a new layer on top of all layers, and use the smoke brush you downloaded to paint some random patterns around the canvas: (optionally you can add some bokeh around the text as well)

4 pattern paint 500x279 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Add the following image adjustment layers to fine-tune the image a bit:

Levels

4 level Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Mask on Levels adjustment layer: (use Gradient Fill tool to achieve this)

4 lv mask 500x285 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Curves

4 curves Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Color Balance

4 col sha Create a Grungy Looking, Blood Stained Text Effect in Photoshop

4 mid Create a Grungy Looking, Blood Stained Text Effect in Photoshop

4 hig Create a Grungy Looking, Blood Stained Text Effect in Photoshop

and here is the effect so far:

4 effect1 499x267 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Step 5

We’re almost done! Now we can have a play with the image with some filter effect.

Flatten the image, duplicate the background layer once and apply the following Unsharp Mask Filter on the duplicated layer: (Filter > Sharpen > Unsharp Maks)

5 unsh mas Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Duplicate the background layer once more and drag it to the top, apply the following Cutout filter settings: (Filter > Artistic > Cutout)

5 cut out 500x347 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

and you will have the following effect: (to make the blood stain more realistic)

5 after cut out 500x293 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

Change the layer blending mode to “Hard Light” and you will have the following effect:

5 effect 500x288 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

and here is the final effect: (click to enlarge)

bloody text effect flatten1 500x291 Create a Grungy Looking, Blood Stained Text Effect in Photoshop

That’s it! I hope you enjoy this tutorial and find it useful! Till next time, have a great day!