Tag Archives: pic manip

Spot Brightening (PHSH Effect #12)

Loading

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!

Opacity (PHSH Effect #11)

Loading

Now that we’ve begun to get into some of the harder/less beginner-type effects, it occurred to me: I never addressed one of the simplest effects you can use to up your Photoshop game: changing a pictures’ opacity.

This can be super helpful if you need to add a background to your image, or need to add layers of pictures upon pictures.

So let’s get into it:

Step 1. You’re gonna need some pictures.

Let’s say you want to add this

To the background of this:

Step 1 is to open both the pictures, and a new document/project for you to work on.

Step 2: Drag the images into your working document, as I showed you in the Intro.

Step 3. Resize them so they fit into the document.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Both Pics Opened - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Now, we’re actually first going to have to use a different technique. Because the foreground picture with the shell already has a sky background, we’re going to have to remove that. To see how to do this, you can go look back over this tutorial.

Actually, never mind – I’m going to be using an even simpler way.

We’ll still be using the Quick Selection tool, and selecting the shell and the sand.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Selected Shell and Sand - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Now, instead of going up to Selection and doing the Refined Edge stuff, we’re just gonna right-click, and click on Select Inverse.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Selected Inverse - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Go to the Erase tool, and erase the background.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Erasing Background - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

And boom! Don’t forget to go back to the Quick Select tool, right-click and Un-Select the selection so we can move on. This is basically a faster way to erase, so it’s great to have in your arsenal. (Especially if you’re doing collages, it will shave a lot of time from your work)

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Erased Background - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Step 4. As you can see, the sunset picture doesn’t cover the entirety of the work file. This means we’re going to have to use another technique I already showed you: Content-Awareness Scaling.

For this picture, the Alpha 1 layer is going to be the sun, so it doesn’t get all stretched out.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - CAS Sunset - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - CAS w Shell - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Now that the sunset takes up the whole background, the shell looks out of place, and the sun is too low. So we’re going to drag the sunset picture up, until the shell is at the edge of the water.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Shell at Edge of Water - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Yes, we probably didn’t need to Content Awareness Scale the image as much as we did, since we just needed a bit more sky, but it’s always good to have too much of an image than too little. If you wanted to change the image location again, you would be able to.

Step 5. To make the Dark Background, we’re going to add a Colour Layer under the other two pictures.

Because this is the darker background, we’re going to use a dark grey.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Colour Layer Select - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Colour Layer Colour Selection - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Colour Layer UNDER - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Step 6. And now for the part you all came for: changing the Opacity of a picture.

The Opacity filter is in the Layers Panel, on the top right.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Click on the little drop-down arrow to change the opacity of a picture. This will make a picture appear more or less see-through.

Because we want to be able to see a bit of the background through the pictures, we’ll be lowering the opacity just a bit.

Make sure you’re changing the opacity of the correct layer.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Background Opacity Less - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Foreground Opacity Too Low - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Notice how if you make the Opacity of the Shell picture too low, the background pic will start to show through? This can be useful in collages, or if you need to overlap a bunch of pictures, but for this simple tutorial, it’s too much. I’m going to lower the Opacity to just 90, so that we get some of the dark grey of the background, without the harsh line of the sunset picture showing through.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Foreground Opacity Just Right - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Now, because the sand is a much lighter colour, you may choose to Burn the picture as well, if you really want to get it to match.

You don’t always end up with a similar to Burned effect, like in the Light background.

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Light Background - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

It depends on the pictures themselves, mostly and what the colour schemes already are.

One good thing about adding the Colour Layer is that if you don’t like the background colour that is showing through, you can always change the colour to get the desired effect.

For example:

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Red Background - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Changing the background colour to Red gives the picture a warmer feel

AterImber.com - Writing Tips - PHSH Effect Series - Opacity - Blue Background - phsh tutorial, photoshop tutorial, phsh, pciture manip, photo manip

Whereas Blue gives a completely different vibe.

Play around with the colours and Opacity percents to see the different effects you can get.

Once you get the background colour you want, you’re done! Just be sure to save your work.

That wasn’t too hard, right? And you got to practice some other effect skills – see how the skills build on top of each other? Most pic manips will require some combination of the effects I’ve shown you, so it’s good to practice combining them to see what you can come up with, and which effects you like best.

Next month I’ll show you how to take this:

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

and brighten a specific spot on an image, like this:

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


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!