Monday, July 8th, 2013

Photoshop Tip – Fixing Images with Contrast Masks

Use Contrast Masks to Fix Images Simply

Many of the fixes we commonly apply to images come from darkroom processes. Contrast masking is one of those fixes and it can be used to fix an image which is under or over exposed.

Contrast masking is a relatively simple process and it can work wonders with your images. I like it because it generally doesn’t require you to make selections and there is a lot to like about fixes that don’t involve selections.

Here’s how to use Contrast Masking to fix an under exposed image:

Open your image and duplicate the background layer. Target this duplicate layer in the Layers palette.


Desaturate this layer by choosing Image > Adjustments > Desaturate. Right now the default convert to black and white is just fine.


Alter the blend mode of this layer to Overlay.


To invert this black and white layer choose Image > Adjustments > Invert – this gives a negative of the image.
Adjust the layer opacity to suit.


Convert the top layer to a Smart Object by choosing Filter > Convert for Smart Filters.

Now blur this layer by choosing Filter > Blur > Gaussian Blur. Adjust the Radius to adds some sharpening back to the image. Check the preview to get the best result for the image.

Helen Bradley

Tuesday, May 28th, 2013

Photoshop – 3 Blend Modes you MUST KNOW

Learn three must know blend modes for Photoshop and in particular for editing photos in Photoshop. Covers how to use Screen, Multiply and Overlay blend modes.

Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’ll introduce you to the three must know blend modes in Photoshop. I’ll explain how they work and how you might put them to use.

There are three blend modes that it’s really handy to know how to use in Photoshop, and we’re going to look at those three blend modes in this video tutorial.

In this particular image I have a picture of a building in Darwin and over the top of it I have a second layer. And on the right hand side is the exact duplicate of the layer below. And on the left hand side is just the color pink because we’re going to have a look and see how these blend modes work not only with images where you’ve got two layers that are identical but also what happens when you have for example a layer that is different. And the three blend modes that are really handy to use are got to by clicking this blend mode dropdown list in the layers panel in Photoshop.

If you can’t see your layers panel choose Window and then Layers and that will show you your layers panel. When you’re using blend modes you’ll always use the blend mode on the topmost layer or the layer that you want to affect. And it will affect how this particular layer blends in with the layer or layers below.

The first blend mode we’re going to look at it is this one here. It’s Screen. Now you’ll see that the blend modes here are grouped together. The blend modes in this particular group are the lightening blend modes. They are lighten, screen color, dodge, linear dodge and lighter color. And we’re going to look at screen in this particular group. And screen always lightens an image. So you can see here that the image is lighter than it was in the original. Here it’s colored this sort of pink tone. And here we’ve just got the original image over again, but it’s a lighter version. This is a blend mode that you can use to salvage an underexposed image. If you’ve got an image that doesn’t have enough light in it, you could use the image on each of the layers and then blend the top one into the bottom using the screen blend mode. And that will lighten the image and bring detail out of it.

The next blend mode we’re going to look at is similar but works in the opposite way. This is a darkening blend mode. And it’s accessible from this darken group of blend modes: darken, multiply color burn, linear burn and darker color. And in this case the one we’re going to use is multiply. And multiply darkens the image. You can see that we’ve got a darker version of the image with this sort of pink overlay. But here where we had the image on the two layers, the exact same image on each of the two layers, you can see that we’ve got a darkening of the image. This would be useful if we had an overexposed image. If we put the overexposed image on two layers and then blend them together with the multiply blend mode, we’ll bring back some of the detail in the overexposed image.

The other of the blend modes that you’ll typically use in Photoshop is overlay. It’s in this group of blend modes, and it’s one of the contrasty blend modes. What this does is it lightens everything that is lighter than a mid-gray and it darkens everything that is darker than mid gray. So it’s a nice contrasty blend mode. Let’s have a look here at what it’s doing to the image on the right. You can see that this is a flatter sort of image. And when I turn on this layer we’re getting a lot more contrasty image. And that’s what’s happening on the left too is we’re getting a contrasty, a colored version, of the original image. Anytime you want to boost the contrast in an image you can use the overlay blend mode.

So the three blend modes that I suggest that you look at using with your photos in particular are multiply to darken, screen to lighten, and overlay to add some contrast and punch. Now if you find that a certain blend mode is too much let’s just get rid of this particular layer and let’s duplicate the image itself. And let’s go and use the overlay blend mode. And if this is too much of a contrast enhancement to the image all you need do is to back off the opacity of this layer. This will give you some of the layer below and some of this additionally contrasty layer so that your image gets more contrast but perhaps not as much as it would have if you’d had this layer at 100 percent opacity.

I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more of my tutorials on this YouTube channel. Comment on the video and like it if you like it. And look out for more tips, tricks and tutorials on Photoshop, Lightroom, Illustrator and a whole lot more at my website projectwoman.com.

Helen Bradley

Wednesday, May 15th, 2013

Photoshop – Collage Effects with Blend Modes

Learn how to combine two images to make a collage. Includes use of Blend modes in Photoshop, color range color selection, clipping mask, layer mask, hue saturation adjustment layer, drop shadow layer style.

Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can create some simple collage effects using blend modes in Photoshop. This is the effect that we’re going to create in this video tutorial. I’m going to show you how you can put the pieces of this together in just a few minutes using a couple of images and some blend modes.

We’re going to start off with this image and another one that I shot at the neon boneyard in Las Vegas, and that’s giving us the texture. And we’re going to combine these two images with a blend mode. And then we’re going to extract the color from this original image, this sort of orange color. And we’re going to recolor it using a Hue/Saturation adjustment layer. But if we wanted to leave it at this point we could leave it just with that additional color. And we’ll also going to add a drop shadow with a different color behind it.

So let’s see how we would create this effect. And I’m going to start with my two images, and I’m going to put one image into the other. So I’m going to grab this neon boneyard image and I’m just going to drag and drop its background layer in on top of this original image. I’m just going to size it so that it’s right over the top. And the first thing I would do with a collage like this is look and see what sort of opportunities I had with blend modes.

So I’ll generally select the first blend mode in the list, Dissolve, which generally gives me nothing at all. And now I can just arrow down and see what happens when I click on each of these blend modes. And all I’m looking for is something interesting. And you’ll generally get a better effect with this if you use images that are a little bit more textural and a little less like something where you don’t really particularly want to bring out of the image exactly what was in it. But you want to discover how these two images can interact with each other and what you can do with them as they interact. So that’s all the way down through the blend modes. And so I’m going to go back up and I’m going to settle on something that I want to use. And generally the most interesting bits are going to be in the overlay or the contrasty area. So in this area and sometimes even with lighten and darken.

So let’s just go up through these and find something that we like. And I’m thinking actually I might like something like this perhaps with the Opacity dragged down a little bit. Now what I want to do is to bring out the orange color in the original flower so that I can lighten them a little bit in this layer here. And what I’m going to do is create a duplicate of the background layer. And I’m going to drag it above the image. So right now all we’re seeing is this original background. And what I want to is to select the leaves in it.

Now the leaves are really bright colored here. So I’m going to choose Select. And in this case I’m going to use Color Range because it’s going to be the easiest way to select these leaves. Now either I can select on the sampled color and add to it this way by just clicking on these leaves or I could use just the reds and just grab the reds. But I think Sampled Colors is actually going to give me a slightly better effect here.

So let’s just go back to this and let’s choose Sampled Colors here and just click Ok. Now that has isolated the leaves here and what I want to do is to keep these leaves but drop the rest of the image out. And I’ll do that with a mask. And because my leaves are selected, all I need to do is to click on the Add Layer Mask icon. And what happens is that the leaves are then masked and left behind and the rest of the image is just dropped away. So this is the before and this is the after. And you can see we have brought in the color from these leaves.

Now if we wanted to we could even lighten this color. We’ve got some of the orange color in. But we may want to brighten it up even more. So I’ll make sure that my image layer is selected and choose Image, Adjustments. And then I could use levels or curves. I’m going to use levels, and I’ll just lighten this is a little bit and click Ok. Now in the earlier image that you saw we had actually colored these blue and it’s very easy to color them blue.

To do that we’ll choose Layer, New Adjustment Layer and we’ll choose a hue/saturation adjustment layer and just click Ok. Now I want this adjustment layer to only affect the red leaves so I’m going to clip this. So with this adjustment layer selected I’m going to choose Layer, Create Clipping Mask. And so anything that I do to this adjustment layer here is only going to affect the layer below, just these red flowers. So now let’s double click on the Hue/Saturation adjustment layer and now we can go and make some changes to it. And I’m looking for a blue color which will either be at this end or this end of the hue slider. So I can get to either this sort of greeny blue if I wanted or I can get to a sort of purplely blue. I’m thinking the greeny blue will be pretty good here. And now I can adjust its saturation and its lightness from here. So when I have what I like I’m just going to close that dialogue. So that has recolored those leaves to a bluey color.

And finally let’s add a drop shadow behind the leaves. So I’m going to select the leaf layer, and I’m going to choose a drop shadow effect. Now drop shadows might start out being dark but they don’t have to end up being dark. So what I’m going to do is go and find a really cool color for this drop shadow. And I’m thinking a really, really bright pink will do me. So let’s choose that. And I want to up the opacity of this. I could set it to normal so it’s going to be a very, very pink shadow. And then I’m going to adjust the settings for this. Spread is going to be the size of the shadow and softness or size is going to give me some softness. But there’s a very small sweet spot here on this that I can very, very easily exceed. So I’m just going to add my shadow in. And I think I’m going to multiply blend mode my shadow, not apply it with the normal blend mode. Although I could use normal for example with a much lower opacity if I wanted to give it this sort of pinky color. I might leave it at that.

So there’s a way of creating some interesting collage effects. And all we’ve done is grabbed a couple of images and put them on top of each other and blended them with something that counts as being an interesting blend mode. And then I isolated the orange flowers in the image and brightened them up. I also added a drop shadow in a very contrasty color. And I added to a hue/saturation adjustment layer that only effects these orange flowers to use the brightness of them but to color them a different color. And you can do all sorts of things by just combining images. And that gives you lots of practice at making color selections, using clipping masks, using masks, using blend modes and just having a little bit of playtime and a little bit of fun creating interesting effects in Photoshop.

I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more of my tutorials on this YouTube channel and please like and comment on the tutorials if you would. Also visit my website at projectwoman.com where you’ll find more tips, tricks and tutorials on Illustrator, Lightroom, Photoshop and a whole lot more.

Helen Bradley

Monday, March 11th, 2013

Illustrator Texture with Bitmap Image

Learn to add a texture to an image in Illustrator using an Opacity mask – also often called a Transparency mask.

This method is fool proof and it works – it’s also pretty simple… which is good!

Transcript:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I show you how to add a bitmap texture overlay over an image in Illustrator CS6. To see how we can use a transparency mask on an image to give it a sort of grunge or a slightly distressed look.

Let’s start off with a rectangle. So I’m going to create a rectangle the shape and size of my art board. And I already have it filled with a pattern here. This is the pattern that I’m using. It’s a pattern that we created earlier in another video. I’m going to choose Object and then Transform and then Scale because I want to scale the pattern down to around 75 percent of its original size. So I’ll just type 75 percent and in this case I’m transforming the patterns only. Actually that’s still a bit on the big side so let’s go back and scale this down to say 50 percent, again, just the pattern and click Ok.

So here is my pattern and I want to add a sort of grunge overlay effect to it so I’m going to choose Window and then Transparency because this is going to give me my transparency mask. And I’m going to double click here to create and edit my mask. So I have the mask selected here. This is my image selected. This is my mask selected and I’m going to add a file to it by choosing File Place and we’re going to select the sample that we created earlier and click Place. And here it is over the image. Now right now it’s fairly intense but I can invert it to reverse the colors from black and white to white and black so I get a different effect.

Now this particular mask is really quite a bit larger than the image so I’m thinking that if I scale it down to probably around 30 percent and fix the proportions of this it gets pretty near right here. So I’m just going to scale the original image to the size. Well maybe just a little bit smaller so that we can see that we’ve actually got this transparency mask effect on our image. This is the original look of our image and this is the mask version. Now again we can click Invert if we want to use the white areas of the image or here to use the black areas of the image as our mask. When I’m done with that I can just click back on my image to continue to work with it.

So here is my image or the original filled rectangle. As you can see the mask is applied to that filled rectangle and it’s going with it wherever it happens to go. So wherever I move my rectangle to three quarters or most of it is covered with this transparency mask. Just this bit is not covered. I wanted to show you that the transparency mask is only going to work on the areas of the image that we actually selected for it to work on. And it’s actually attached to this shape so it will travel with it.

So anytime you need to give an image a grunge or a distressed sort of look, head to Photoshop, grab a nice texture, turn it into as close to a black and white of an image as you can or even convert it to black and white. That’s fine too and then just bring it in onto a transparency layer as a transparency mask to give your underlying shape a more grunge look.

I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more tutorials on my YouTube channel and visit projectwomam.com for more tips, tricks and tutorials on Photoshop, Photoshop Elements, Lightroom and Illustrator.

Helen Bradley