PSD Tutorial: Design A Gothic Blood Text Effect
In this Abobe Photoshop CS5 tutorial, we will design a bloody text effect. This tutorial is a little more hands on in comparison to our other tutorials, so grab your set of fine-liners. We will be drawing the letters (or ‘glyphs‘) with these fine-liners in a typographic-freehand manner. You don't have to literally draw them the same as I did, but instead you can make it your own. I'm just showing you my example for a little inspiration. I wanted my illustration to seem a little sickly and spiteful, yet with an added gothic feel, which is why I designed the typeface with those uniquely blood-dripped serifs.
If you don't have Adobe Photoshop, or you would like to upgrade to the new CS5.5 Version, take a look at the Adobe Special Offers from the online Adobe Store. If you're new to Photoshop, we have some beginner tutorials and basic tips coming very soon for some of the lesser established designers.
If you don't have Adobe Photoshop, or you would like to upgrade to the new CS5.5 Version, take a look at the Adobe Special Offers from the online Adobe Store. If you're new to Photoshop, we have some beginner tutorials and basic tips coming very soon for some of the lesser established designers.
No Resources Are Required For This Tutorial
Photoshop Tutorial Step 1: Drawing The Blood Effect As A Typeface
1.1. Draw it out like I've done below, then scan it into Photoshop.
1.2. Select the Magic Wand tool (Toggle Shift + M) and use it to erase any whitespace.
1.3. Create A New Layer (Ctrl + Shift + N), drag it below your text layer, and fill it black.
1.2. Select the Magic Wand tool (Toggle Shift + M) and use it to erase any whitespace.
1.3. Create A New Layer (Ctrl + Shift + N), drag it below your text layer, and fill it black.
Photoshop Tutorial Step 2: Making The Text A Digital Illustration
2.1. Add a Red (#FF0000) Layer » Layer Style » Color Overlay to your text.
2.2. Reduce the opacity of this layer to 70%.
2.3. Add Layer » Layer Style » Inner Shadow, with 100% Opacity, 0px Distance, 0% Choke and 1px Size.
2.4. Add a Layer » Layer Style » Bevel & Emboss, with 50% Opacities, 0px Soften, 1000% Depth and 15px Size.
2.5. Duplicate the layer, trash any layer styles attatched to it, set the opacity to 70%, then set the Blending Mode to Overlay.
2.6. Create A New Layer, then Merge Down your text layers into it. All layers, except your background, should be flattened.
2.7. From this moment on we'll be experimentating - I like it on a white background with a very thin Inner Shadow.
2.8. What I love about this tutorial, is that you can now end up with many different outcomes by using Filter » Artistic.
2.2. Reduce the opacity of this layer to 70%.
2.3. Add Layer » Layer Style » Inner Shadow, with 100% Opacity, 0px Distance, 0% Choke and 1px Size.
2.4. Add a Layer » Layer Style » Bevel & Emboss, with 50% Opacities, 0px Soften, 1000% Depth and 15px Size.
2.5. Duplicate the layer, trash any layer styles attatched to it, set the opacity to 70%, then set the Blending Mode to Overlay.
2.6. Create A New Layer, then Merge Down your text layers into it. All layers, except your background, should be flattened.
2.7. From this moment on we'll be experimentating - I like it on a white background with a very thin Inner Shadow.
2.8. What I love about this tutorial, is that you can now end up with many different outcomes by using Filter » Artistic.
