Tag Archives: photoshop tutorial

Blood Drips (PHSH Effect #13)

A quick disclaimer:

While this tutorial isn’t too realistic (we’re not adding this effect to a person or animal), I still want to say that if seeing blood makes you nauseous, faint or is in any way triggering for you, please skip this tutorial, or continue with caution.

The purpose of these tutorials is to be helpful, not to negatively affect a persons’ health or cause anyone any harm.


This is the last PHSH tutorial for 2020, so please feel free to check out the other tutorials while you wait for the next one, which will be coming some time next year.

Keep an eye on my Twitter account for posting updates and anouncements!


Since we’re in October now, I thought what better PHSH effect to teach you then to add blood drips to an image?

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Finished Effect White Background - phsh, photoshop, phsh tutorial, photoshop tutorial

It also just so happened to work out that this is the 13th tutorial – it’s like it was meant to be!

As with most of these other tutorials, it isn’t actually that hard, once you know how to do it. There’s just a few very precise steps you need to follow. And, as always, practice makes perfect, so the more times you do it, the better you’ll get!

Let’s get into it.

Step 1:

This will either work on text or an image, but for the sake of this tutorial, I’m going to stick with a plain text layer. The technique is the same whether you’re doing a basic picture or something more complicated, so it’s best to start simple, and work your way up.

Starting with Step 1, which is opening a new document, and adding some type/a word to a layer. To keep with today’s theme, I’m just going to type Halloween. The colour doesn’t matter, but it may look more realistic to use a closer-to-blood colour.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Plain Halloween Text - phsh, photoshop, phsh tutorial, photoshop tutorial

Step 2:

Using your brush tool (and a shade of red), hold down SHIFT and make vertical lines coming out of the ends of the words. (Holding down SHIFT will make the lines perfectly straight) You’ll also want to vary the length of the lines and the size of the brush you use, so it looks more realistic.

Tip: Before you use the brush tool on your Type Layer, you may get a dialogue box that says something like ‘you must rasterize this layer before proceeding, and it will no longer be editable as a Type Layer’. Just click ‘Okay’. This just means you can’t use the type tool to edit the layer anymore, but that’s okay. If you mess up you can always delete this layer and make a new Type layer.

Or if you like, you can paint the lines/drips in a new blank layer, so you don’t mess up the text.

Example:

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - All the Same Sized Lines - phsh, photoshop, phsh tutorial, photoshop tutorial

Compared to:

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Varying Length and Size - phsh, photoshop, phsh tutorial, photoshop tutorial

See the difference? The varied length and size already is starting to look like blood!

Step 3:

Now that you have your lines, we’re gonna go up to Filter – Liquify.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Filter Liquify - phsh, photoshop, phsh tutorial, photoshop tutorial

You may get a dialogue box that says something like ‘Liquify supports hardware acceleration to improve performance. Verify that ‘Use Graphics Processor’ is enabled in Performance Preferences.’ Just click okay, and then once it opens, set the following values in the Tool Options panel on the right hand side:

Brush Size: 40

Brush Density: 25

Brush Pressure: 48

Brush Rate: 28

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Liquify Brush Settings - phsh, photoshop, phsh tutorial, photoshop tutorial

The lines you made may show up by themselves in the Liquify panel, this is okay! It’s just because I painted them in a different layer than the Type Layer, just in case I needed to change something.

This technique will work whether they’re attached to the word or not.

Step 4:

Now that you’ve set the Tool Options, select the Pucker tool from the left side menu, and drag it down the line you made, stopping just short of the end. Do this for all the lines you made. To do this step, we don’t need to keep the lines perfectly straight, because blood doesn’t drip in a perfectly straight line. So, try your best to make the lines look a bit ‘wiggly’ or just non-straight.

You may also have to hold the brush an extra second above the bottom, just so this part is the most puckered. (You can also change the Brush Size if needed)

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Pucker Tool - phsh, photoshop, phsh tutorial, photoshop tutorial

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Pucker Line 1 - phsh, photoshop, phsh tutorial, photoshop tutorial

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Pucker All Lines - phsh, photoshop, phsh tutorial, photoshop tutorial

Step 5:

Now to make the actual blood droplets, use the Bloat Tool (directly underneath the Pucker Tool) and hold on the ends (or wherever you want blood drops) until you get the desired blood drop size.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Bloat Tool - phsh, photoshop, phsh tutorial, photoshop tutorial

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Bloat 1 Line - phsh, photoshop, phsh tutorial, photoshop tutorial

Repeat on all the lines, and then once you’re done, click Okay. If you need to, you can always re-pucker parts of the lines, or if you accidentally puckered part of the line too much, you can use the Bloat Tool to make it more even.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Bloat All Lines - phsh, photoshop, phsh tutorial, photoshop tutorial

Step 6:

This is looking pretty good, but they’re still not quite as realistic as they could be. So now, we’re just going to add a simple Drop Shadow to the layer.

If you need help in doing this, head back on over to my Drop Shadow tutorial.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Drop Shadow Check - phsh, photoshop, phsh tutorial, photoshop tutorial

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Use Global Light - phsh, photoshop, phsh tutorial, photoshop tutorial

Be sure to un-check the box marked Use Global Light, and then play with the Distance, Spread and Size until it looks right for your document. You can also change the Opacity to 100%, and the shadow Colour by clicking on the colour square, and selecting a new colour.

I’m going to make the new colour a darker shade of red, instead of pure black.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Colour Picker - phsh, photoshop, phsh tutorial, photoshop tutorial

Once you’re happy with how the drop shadow looks, click Okay.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Drop Shadow Done - phsh, photoshop, phsh tutorial, photoshop tutorial

If you did the blood drips on a separate layer like I did, then you will also have to add a Drop Shadow to the word Halloween (or whatever word you typed), because as you can see right now, it looks a bit odd to have a drop shadow on the blood, and not on the word.

These next few steps are optional, but I feel it helps take things a step further, and makes the effect look better. However, this completely depends on what you’re adding blood drips to, so it may not be needed. This is why I always suggest playing around with the effects, so you find what works best for you. That said, this is a Halloween themed tutorial, so I think the extra steps below help add that extra ‘creepy’ vibe.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Drop Shadow Halloween - phsh, photoshop, phsh tutorial, photoshop tutorial

Step 7:

We’re going to go back into the Blending Options, and this time we’re going to click Bevel and Emboss.

Set the Levels to the settings below:

Inner Bevel

Technique: Smooth

Depth: 590

Up

Size: 10

Soften: 7

Shading:

Angle: 120, 30

Highlight Mode: Hard Light, Opacity: 63

Shadow Mode: Overlay, Opacity: 80

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Bevel and Emboss - phsh, photoshop, phsh tutorial, photoshop tutorial

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Bevel and Emboss Halloween - phsh, photoshop, phsh tutorial, photoshop tutorial

Then set the Contour to the below:

Gaussian (Round one that looks like a hill)

Range: 0

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Contour - phsh, photoshop, phsh tutorial, photoshop tutorial

Step 8:

And finally, we’re going to add a Gradient Overlay, with the below settings:

Soft Light

Opacity: 24

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Gradient Overlay - phsh, photoshop, phsh tutorial, photoshop tutorial

And add it to the Type layer as well:

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Gradient Overlay Halloween - phsh, photoshop, phsh tutorial, photoshop tutorial

And to add just that little extra ‘oomph’ to the image, I’m going to change the background colour to black, so the red colour really pops.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Black Background - phsh, photoshop, phsh tutorial, photoshop tutorial

As always, don’t forget to save your work! (Both as a PHSH file, and as a JPEG/PNG)

Then you can use the image to show your friends, and keeping the photoshop file is always a must, just in case you forget how some of the steps, or if the picture file somehow gets corrupt, or you need to quickly go back and change something.

AterImber.com - Writing Tips - PHSH Effect Seris - PHSH Effect 13 - Blood Drips - Finished Effect Black Background - phsh, photoshop, phsh tutorial, photoshop tutorial

And ta-da! That’s it. Not too hard, eh? I would suggest to practice this technique with different text, and then once you feel comfortable, to move on to actual pictures. Since this is the last tutorial of the year, you’ll have lots of time to practice!


Like this tutorial? Check out more here!

Liking the site? Consider signing up for my Patreon, so I can continue bringing you the content you love!

Spot Brightening (PHSH Effect #12)

Spot Brightening is a very important skill to have. Sometimes – for whatever reason – an image will come out with a dark spot, or will have weird lighting. Spot-treating images can be an immensely helpful tool in your PHSH arsenal, especially with summer right around the corner, you know you always get that one Beach Day pic where there’s too many shadows.

And, like most of the other effects I’ve shown you, it’s secretly really easy once you know what to do.

I’m going to use the teaser image from last month, even though most of it is dark already. I think keeping the images consistent is helpful when needing to look back at the effects while you practice them. So, for simplicity sake, we’ll be using the Match image:

AterImber.com - Writing Tips - PHSH Effect Series - Spot Brightening - Match OG Pic - phsh tutorial, photoshop tutorial, phsh, picture manip, photo manip

Step 1: Start a new Work File/Document/Whatever-You-Want-to-Call-It in PHSH and drag/drop the image into it. Don’t forget to resize so it fits into your work space.

Step 2. Using the Elliptical Selection Tool, select the head of the match, and a bit of the flame.

AterImber.com - Writing Tips - PHSH Effect Series - Spot Brightening - Selected Match Head - phsh tutorial, photoshop tutorial, phsh, picture manip, photo manip

Step 3. With the head still selected, go up to Image – Adjustments – Brightness/Contrast

AterImber.com - Writing Tips - PHSH Effect Series - Spot Brightening - Image Adjustments Brightness/Contrast - phsh tutorial, photoshop tutorial, phsh, picture manip, photo manip

Step 4. In the Brightness/Contrast box, slide the Brightness slider toward the right to brighten the selection. Sliding it in the opposite direction will make the selection darker.

AterImber.com - Writing Tips - PHSH Effect Series - Spot Brightening - Brightness Dialogue Box - phsh tutorial, photoshop tutorial, phsh, picture manip, photo manip

Step 4. Once you’re happy with the Brightness, click Okay to make the transformation stick to the picture – or, if you are in the Brightness/Contrast by accident, you can always Cancel to undo the change. (One of the great things PHSH has for most of the effects is the Live Preview, so while you’re playing with Brightness/Contrast, colours, etc. you can actively see what you’re changing on the image)

If, for instance, you need to make the selected area brighter than the slider will let you, you can hit ‘Okay’, stay on the selected area and then re-brighten it to whatever you need.

For instance, I brightened the picture at first to +64:

AterImber.com - Writing Tips - PHSH Effect Series - Spot Brightening - 64 Bright - phsh tutorial, photoshop tutorial, phsh, picture manip, photo manip

But if I needed it brighter, I could go back in and:

AterImber.com - Writing Tips - PHSH Effect Series - Spot Brightening - 27+ Bright - phsh tutorial, photoshop tutorial, phsh, picture manip, photo manip

And so on, and so forth, until my hearts’ content:

AterImber.com - Writing Tips - PHSH Effect Series - Spot Brightening - 91+ Brightened - phsh tutorial, photoshop tutorial, phsh, picture manip, photo manip

AterImber.com - Writing Tips - PHSH Effect Series - Spot Brightening - 45+ Brightened - phsh tutorial, photoshop tutorial, phsh, picture manip, photo manip

AterImber.com - Writing Tips - PHSH Effect Series - Spot Brightening - 150+ Brightened - phsh tutorial, photoshop tutorial, phsh, picture manip, photo manip

You could basically do this until there is just a white hole in the middle of the picture.

Yep, that’s literally all there is to it.

I mean, there is another way you could do this – but that involves a hell of a lot more steps and Layer Masks – it just gets waaay too complicated. Which, truthfully, was the way I learned how to do it first before figuring out this easy way, and since these tutorials are here to make your lives easier, I’ll just refrain from sharing that overly-long pain-in-the-ass way.

Thank me later!

Aaand I don’t want you to get disappointed or anything, but this will be the last PHSH tutorial until October. Since I’ve started No. Mad. I’ll be focusing more on that for the next few months. Think of this time off as extra time for you to practice all the effects you’ve learned thus far.


Like the tutorial? Check out the rest of the series here!

Liking the site? Consider signing up for my Patreon, so I can continue bringing you the content you love!