Subscribe

Get updates by email for exclusive video tutorials, stock resources and more - for free!

Tutorial Index

Would you like to learn the art of photo manipulation, but don't know where to start? Check out our Tutorial Index, which lists all articles in order from Beginner to Advanced:

SurrealPSD Tutorial Index

Blood Type Photoshop Tutorial

28Nov

Blood Type Photoshop Tutorial Title PostIn this walkthrough, we’ll create a haggard looking ‘blood’ type effect, which looks great as a standalone piece, or as a title for your Horror / Macabre works. If you’re not already using Layer Groups, this will be a great place to start – as they’re essential in the execution. Natural media brushes, layer masks and layer modes are used to create a wet, grungy and grisly aesthetic!! So buckle down for part three of this years ‘Terror Season’, and let’s get that type bloodied and battered :P

 

Blood Type

I discovered this look when I was putting together a type-driven piece for a horror cover. The process is relatively straightforward, however take your time with refining the results. Using and installing Photoshop Brushes is a big part of the walkthrough, so do a search and make sure you’re up to scratch on that side of things.

Blood Type Photoshop Tutorial Book Cover

Daniel Cotton’s ‘Life Among the Dead’ – Permuted Press.

 

Getting Started

Create a new document, and pull in a light-toned background. You can use anything you like, as long as it is relatively clear, and fairly bright. For the example piece, I used the background I created for the book cover I was working on. This background was created using elements from the DeviantArt Stock Browser and fabric blood-stains from CGTextures (registration required, but it’s free!!).

Blood Type Photoshop Tutorial background

 

Create Layer Group

We’ll be doing all our ‘type work’ inside a layer group, so create a new layer group using the shortcut (Ctrl / Cmd + G), or by clicking the folder icon at the bottom of the layers palette. Working within a layer group allows us to use a mask and add ‘weathering’ effects to all layers simultaneously, toward the end of the project.

Blood Type Photoshop Tutorial Layer Group

Add Type

Ensure black is set as the foreground colour (hit ‘D’ on the keyboard to set default foreground colour to black), and use the Type Tool (T) to create your type. For the example I used Trajan Pro, a timeless classic – but do experiment with other typefaces to add your own spin:

Blood Type Photoshop Tutorial Add Type

Your new type layer(s) should be inside your layer group, if not, simply drag and drop them so they’re nested within:

Blood Type Photoshop Tutorial Type in Layer Group

 

 Grab Some Brushes

The bulk of the effect can be achieved really well with dark-dragon-stock‘s ‘Blood Brushes‘ pack which can be found on DeviantArt. Head on over and grab this pack (add a favourite too!), and install the brushes. There’s also a helpful tutorial in the description, explaining how to install and use the brushes.

Blood Type Photoshop Tutorial Blood Brush Pack

Aside from these blood brushes, you can also use ink splatters, brush strokes, watercolour and spray paint brushes for even more unique ways to implement this effect. You can check out a huge range of brushes for download HERE.

 

Get Paintin’

Create a new layer inside the group, and set it’s mode to ‘Multiply’ via the dropdown at the top-right of the layer stack. Make a selection based on your type layer. The example uses two lines of type, I have created a selection based on just one of the type layers by holding down Ctrl / Cmd + clicking the type layer icon:

Blood Type Photoshop Tutorial Create Selection

Hide both type layers by clicking the ‘eye’ icons on the layer stack. Select a blood brush from the brush palette (hit ‘B’ for brush), and set a dark red tone as the foreground colour. On the new layer that you set to multiply, start to click around inside the selection to lay down the initial tones:

Blood Type Photoshop Tutorial Blood Tones

As you continue to ‘click’ splotches onto the type, the effect will build up as the tones overlay each other. You can use different blood brushes or brighter / darker red tones to add additional variation. Don’t be afraid to leave imperfections or ‘gaps’, sometimes this adds to the overall look.

Blood Type Photoshop Tutorial Additional Tones

How your layer stack should look, with the additional ‘blood’ layer, set to Multiply:

Blood Type Photoshop Tutorial Layer Stack

Additional Rows

If you have two rows of type, like the example, you can achieve a nice effect by ‘overlapping’ the layers. For the example piece, I’ll be repeating the steps above for the second row – creating a new ‘Mulitply’ layer, to paint in the splotches within the selection:

Blood Type Photoshop Tutorial Second Row

You can ‘deselect’ (Ctrl / Cmd + D), to paint splotches outside of the type for further effect. Use the Smudge Tool to tweak some of the straight lines, to give a more viscuous look!

Blood Type Photoshop Tutorial Smudge

Add Seepage

Create a new layer on the stack, and set it to Overlay. Using your chosen brush, and dark red tones, paint in ‘seepage’ at the edges of the letters. Because of the overlay mode, this will give a more of a weeping wound appearance, as opposed to the main dark tones we laid down for the type:

Blood Type Photoshop Tutorial Seepage

Keep building up on all layers, until you have achieved your desired effect:

Blood Type Photoshop Tutorial Progression

 

Global Masking

Once happy with your Blood Type, add a layer mask to the group that contains all the layers:

Blood Type Photoshop Tutorial Group Mask

Using the blood brushes or even watercolour / spraypaint brushes (set to black), you can use the layer mask to add spots or splotches to all of the layers, in one go:

Blood Type Photoshop Tutorial Mask Brushes

And here’s a look at the overall piece, all done and dusted:

Blood Type Photoshop Tutorial Finished Piece

Review

One more installment, and this years ‘Terror Season’ is done!! Watch this space for more horror inspired Photoshop Tutorials. Did you know that we’re releasing a Book Cover Design course? Check it out here, where it will be live from December 10th 2013 >> Art System Photoshop

Conzz 8-)

Follow on Twitter: @Conzpiracy

Enjoyed the article? Give us a shoutout!

9 Responses to “Blood Type Photoshop Tutorial”

  1. Owen says:

    Nice work mate. I did something quite similar years ago for a personal project – turns out we use almost exactly the same process to a greater or lesser degree, to get the effect.

    http://www.owenjonesdesign.com/blog/die-alright-2011

  2. [...] 16. Blood Type Photoshop Tutorial [...]

  3. Caro says:

    i really like this! although i would have tried to not let the type overlap or simply try so kinda melt them into one at the spot where the two lines meet

  4. [...] 47. Blood Type Photoshop Tutorial [...]

  5. Junaid Khan says:

    I’ve surf many webs for best and easy tricks. This is one of the most top website for tuts.
    http://pashtorung.com

  6. lululetti says:

    So, I couldn’t get it super perfect the first time around, but it does look pretty cool! :D
    Thanks for the tutorial!! Fun! :D


Leave a Reply