Thursday, September 19th, 2013

Extract a shape from its background in Photoshop

How to cut an image from its background – this buckle has hard edges and you will see how to select around it and cut it out using shapes and a mask – you don’t have to learn how to use the pen tool to make the selection (although it would be the better tool to use). The idea  with this video is doing it without having to use the pen tool.

Transcript:

Hello, I’m Helen Bradley.

Welcome to this video tutorial. In this tutorial I’m going to show you a method of removing an object’s background when that object has some very distinct edges. Before we get started with this tutorial let’s have a look and see what we are going to do.

A client of mine sent me this image of a buckle. And what we want to do is to extract the buckle from its background so we can do things with it. And this is the finished project that I’ve already created and you can see that now I can create things such as a ribbon running behind the buckle. I’ve added a background to it and it has a slightly dimensional look to it. I’m going to show you how you can do this without even needing to use the Pen tool in Photoshop.

So let’s tuck this out of the way for the moment and let’s consider the image that we’re starting with. When faced with a project like this I’ll always start by duplicating the background layer so I’ll right click the layer, choose Duplicate Layer and click Ok. As a passing comment I would probably rescan this image before I started if I had the actual piece. The image is a little bit fluffy around the edges which is going to make selecting anything a little bit difficult.

And it’s a fairly low res image because this is already at 200 percent so a good scan is a good starting point. But let’s assume that we have a good scan and let’s see how we would get this image or this buckle extracted from its background. I’m going to start by selecting the Elliptical Marquee tool because I’ve really just had a look at this image and said to myself ok what sort of shapes have I got here that I can use to extract the image. And one of them is this curve.

I’ve got a curve here and a curve here and one on the inside and another one here on the inside. They look to me pretty much like circles. I have the Elliptical Marquee tool here and I’m going to start by dragging out an oval shape. And what I’m looking for is something that will be approximately the shape of this outside edge. Now I need to move this so before I let go of the mouse button I’m holding the spacebar and I’m just going to move the shape into position.

And it needs to be a little bit bigger still because what I want to do is to match the outside curve. I’m ignoring absolutely everything else and all I’m seeking to do at this stage is to line this up along this outside curve. Now I’ve got a reasonably good fit for that so I’m going to run with this. I’m also considering here that all the shape, all this buckle is inside this selection so I don’t need to make any adjustments to this selection right now.

All I need to do first off is to create a mask from this. So I’m going to click the Add Layer Mask icon. And what that does when I turn this background layer off is it starts to extract this shape from its background. Now to make it a little bit easier for us to see what we’re doing I’m actually going to put a filled layer in behind the image, it’s this sort of magenta color, so you can see how it’s looking. I’m going back to my image layer and this time I’m going to seek to find a shape for this side. So, again, I’m going to draw my large oval.

I’m going to hold the spacebar so I can move it into position, let go of the spacebar, reshape the circle and just keep going with the spacebar and moving it but without letting go of that mouse button until I have got the shape that I want for this long edge of the buckle. Now we do have a light problem here that we’ll need to adjust for because what I would typically do is to select Inverse so that now I have selected everything that was not selected earlier and then I would fill it because I would target the mask and fill it with black.

The problem is that I’m now cutting off this edge of the buckle. So I don’t want to do that. I’m going to do Edit, Undo Fill and I’m going to again invert that mask so that we’ve just got this circle shape. To make sure that I don’t remove part of the buckle that I already have extracted I’ve selected the Rectangular Marquee tool here and I’m going to select the Add to Selection icon here. And I’m just going to add back in anything that was on this side of the buckle so that now my shape is this curve and everything over here.

Now when I choose Select Inverse the only area that is selected is this edge down here, exactly what I want to mask. I’ll target my mask and press Alt Backspace to fill it with the current foreground color which is black. And you can see that we’re powering along here. We’ve got two sides of this shape pretty near extracted. I’m going back to the Elliptical Marquee tool because this looks like the side of an oval to me. Again, I’m going to create my oval shape and push it into position, maybe shrink it down a little bit to get it a little bit more curvy.

And when I have it in position I’m going to let go the mouse button and again here I’m going to need to add some extra bits of the image here because I don’t want to remove them. So, again, I’m going to target the Rectangular Marquee tool and add to this selection. So right now my selection is this shape. I’m going to invert it, select Inverse so that the only thing selected is across the top here, the area that we no longer want, target the mask and Alt Backspace to fill it with black. And I’m going to continue at the bottom here.

Again, Elliptical Marquee tool, a flat sort of oval shape, move it into position, size it. Any time I want to move it I’m just holding the spacebar so I can move it a little bit more accurately. When I’ve got it into position I’m going to select the Rectangular Marquee tool to add to the section so that we don’t lose the shape that we’ve already extracted, select Inverse and make sure I have my mask targeted, Alt Backspace to fill my mask with black.

At this point I might go back and reform these sides. I think I’ve got most of what I want out but I may want to perfect them a little bit more. I’m not going to bother doing that now, but you can see that you can continue to work on that side if you want to. I’m going to have a look at these inner areas. And the inner area again is just another curve. And I can make that curve using the Elliptical Marquee tool. Now I’ve let go of my shape so rather than discard it completely I’m going to choose Transform, Selection and just move it into position. And I can nudge it with my arrow keys.

When I’ve got it pretty much where I want it to be I’ll click the checkmark. Now I’m going to again select the Rectangular Marquee tool but this time I only want to select this inside bit so what I want to do is to drag over this and take the intersection of the two shapes. So I’m going to click this option here and then I’m going to be really careful about locating the bit I want to select and I’m just going to drag over it. And this is going to give me the intersection of these two edges.

Now I’ve got a little bit of a problem here so I’ll probably just take the Lasso tool, hit the minus key and just lasso into the corner to just round off that corner. If I’m happy with the shape I can now click on my mask and Alt Backspace, Option Delete on the Mac, to again take that piece out of the mask. Now there’s a good chance that this shape is the save as this shape just mirrored. So let’s choose Select, Transform Selection. This time I’m going to transform the selection’s width to minus 100 percent which will flip it over and then I’m going to move it into position.

When I have it in position I’m going to click the checkmark here, target the mask, Alt Backspace, Option Delete on the Mac, to create the filled mask object. Now that I’ve done this let’s assume that we have a good selection. I’ve been working pretty quickly here so I think I could probably have done an even better job had I been a little bit slower. I’m going to right click and duplicate this layer entirely so I have a second layer with its mask.

Now I’m going to trash that mask and I want to delete it. I don’t want this layer to have a mask at all. So I’m going to turn that off. I’m going back to this mask here. This is my good mask and I’m going to Alt click on the mask. And what that does is it shows me the mask itself. I’m now going to click on the Quick Select tool and I’m going to select the mask. I just want the white area selected. Now I’m going to turn off this layer and return to this top layer.

I’m going to turn everything else off. With the top layer selected I’m now going to use this tool that is new in Photoshop CS5, Select, Refine Edge. If you’re using an earlier version of Photoshop you’ll go into Modify and then you could expand or contract the border or add a little bit of a feather to it to soften it. In Refine Edge we get to refine the edge by looking at the background.

At the moment I have it against white so I can see what my edges are going to be like. I’ve seemed to have lost that so let’s go back and get Refine Edge. Here what I’m going to do is to smooth it out a little bit. I’m going to feather it a little bit and I can even shift the edge. So what I’m looking for is a good selection here. I’ve used my original mask that I created using the shape tools but I’m actually perfecting it now using this Refine Edge tool or we could perfect it with adding a slight feather to it or contracting or expanding it using the tools that were available in earlier versions of Photoshop.

Once you’ve perfected the edge I’m going to click Ok because I have its output to a selection. This is my new selection. I’m going to add a layer mask to this layer. So this is a little bit better selection than I had before. You can see that this new version is a little bit better than the last. Now to work on this image a little bit more I might want to add a little bit of a bevel to it so I’m going to add a layer style. I’m going to choose Bevel and Emboss. I don’t want to emboss it and I don’t want a shadow at this stage but what I might want is a little bit of a bevel just a slight rounding of the edges.

And you can fiddle here in this dialog to see exactly what you can achieve for the shape that you’re working on. But I might come in here and have a look at that as an option. I may also want to add a drop shadow to this shape in which case I’ll go to the Drop Shadow tool here and I can drag out and create a drop shadow for the object. You can also add a pattern overlay. Now it’s possible to add a pattern overlay in a number of different ways but since we’re already in this layer style dialog we’re going to use this as our pattern overlay.

I’m going to click here and go and select a pattern. Now I have a stripped pattern here that I created a long time ago. Now the pattern is sort of ok but I wanted lots of stripes not just a few of them so I’m going to scale it right down. And we can blend it in if we want to. So if you’ve got a shape that you want to start blending and using some of the detail or some of the shading on the layer below you can do that here using these blend modes. I’m not going to do that. I’m just going to add it in normal mode here and I’m just going to click Ok.

So there’s my shape and now I can do things like test it on a background to see if it is as I want it to look. And I can save it out now as a png file with some transparency. If you want to sharpen up these edges these edges would sharpen up a bit if this object were rescanned. But you can also sharpen edges by choosing Filter and then Sharpen and then Sharpen Edges. Now this filter just sharpens edges. There’s no settings for it but you can run it a couple of times if you need to so you could sharpen the edges just a little bit more. That might give you a slightly better effect.

So there is a handy way of extracting an object from its background when the object has some hard edges and where you can see visually that you’ve got some shapes on that object that you could use to make the extraction a whole lot easier.

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 consider subscribing to the channel so you’ll be alerted when new videos are released. Visit my website at projectwoman.com for more tips, tricks and tutorials on Photoshop, Illustrator, Lightroom and a whole lot more.

Helen Bradley

Labels: , , , , , ,

Categories:photoshop

posted by Helen Bradley @ 8:30 amNo Comments links to this post

Friday, September 13th, 2013

Photoshop – Hold your own photo collage

Learn how to make a collage effect showing a hand holding a Polaroid photo over the top of your own original photo. The process can be done in practically any version of Photoshop. It uses some simple masks and selections.

Transcript:

Hello, I’m Helen Bradley.

Welcome to this video tutorial. In this tutorial I’m going to show you how you can create a collage image that shows you holding your own photo. Before we get started let’s have a look and see the effect that we’re looking for.

What I have here is a Polaroid frame and I’ve extracted a portion of the image underneath to place inside the frame. And we have a hand here looking as if the Polaroid image is being held over the top of a scene.

So this is the image that we start with. We’re going to add a hand to it and also a Polaroid frame which we’re then going to fill with our image. We’re going to finish off with just a little bit of shading to help the realism of the situation. So, if you’re ready let’s get started.

To create this effect you’re going to need three images. You’re going to need your main starting image, an image of a hand and an image of a Polaroid frame. Now this image I shot on the street front in front of my house. All I did was hold  my hand up as if I was holding something and then shot it with a macro setting on the camera because that allowed me to focus at that hand.

Now the Polaroid image is from a website. I got it from this Deviantart.com website.

There’s a person there who has a Polaroid image. You’ll just open the Polaroid image up, right click and choose Save Image as. And I’ve got the link for that in the description for this video. So once you’ve got all three images open you’re ready to go.

Now I’m going to start by just dragging and dropping the Polaroid image into my main image. So here’s my main image. I’m just taking the background layer and just dropping it in and then I can move it and resize it.

Now if I’m resizing it I want to do that with the Shift key held so it’s constrained in the correct proportions. I’m just going to place it loosely where it’s going to go. Now with the hand image I don’t want all of the detail because this is straight out of the camera. So I’m just going to crop it fairly tightly so the only bits that I’m going to work on are the actual bits that I need in my image.

So I’m just going to crop it there and then just drag and drop it into position. So once we’ve got the three images all in one we’ve got a lot less stuff hanging around on our desktop. So the first thing I’m going to do is deal with the hand. So I’m going to turn off the other layers, click on the hand layer and I’m going to use the Quick Selection tool.

It really, if it works for your job, it’s the best tool to use because it’s quick. And so I’ve just gone too far there and we’ve selected everything. But let’s just go and deselect the hand. If you select a bit more than you need you can Alt and drag with the Quick Selection tool to deselect an area. So now I have all this outside edge selected and I could either delete that or I could mask it.

And since I’m going to need a mask later on I may as well just mask it for now. So I’m just going to click the Mask icon. Now the mask has gone in the wrong way around but all I need to do is to tap on the mask layer and Ctrl I to invert it.

Now it looks like I’ve got a bit of extra here. So I’m just going to select the black color here and just paint out along this line to make sure that it’s all gone, ok, so I don’t have anything trailing and I’m just going to move my hand back into the very corner of the image where it’s going to go. Now we can go and focus our attention on the Polaroid frame. Again, I’m going to turn everything off, focus on the Polaroid frame layer and again I’m going to use the Quick Select tool just because it is so good.

So I’m just going to select around the edges of this Polaroid because it comes in with quite a bit of edge detail and we don’t want that. All we want is the white Polaroid frame itself. So I’m going to need to get rid of that edge and we’re also going to want to select everything in the middle here so that all that is left is the white frame. Now let’s learn from the last mask that we created.

The last mask we created when we selected the background and just clicked the Mask tool what we got was a mask that gave us the background, the selection and nothing else. So let’s just undo that and this time if we Alt Click on the layer mask we’ll get a layer mask that actually shows us the frame and not the excess.

Now again, we’ve got some trailing little bits around the edge which is a bit annoying. But with black as my paint color I’m going to click at one end of it, Shift Click at the other and there’s a bit of a strip down here too. I’m just going to get rid of those so that I have just the frame itself. And now we can go ahead and we can bring back in our hand and we can have a look at the frame over the top of the image. So you can see how everything is starting to go together.

The next thing to do is to position this frame pretty much where I want it to be.

Now I’m going to want to tilt it. Before I do that I want to grab a selection of the middle of the frame so I can then go and get the image of Sacre Coeur that I need. So I’m going back to my Quick Select tool. I’m going to make sure that the polaroid itself is selected, that layer, not the mask, just the polaroid and I’m going to click inside it with the Quick Select tool so I get a selection of the area that is the inside of the polaroid and turn everything back off again.

And you can see my selection is in place. Now if I just wanted exactly the same size I could go ahead and make a copy but I actually want my Sacre Coeur to be a slightly different size in the frame. So I need to transform this selection. So I’m going to Select and then Transform Selection because that allows me to make the selection bigger so the portion of Sacre Coeur that I’m going to take will be scaled down inside the Polaroid frame.

So I’ve not only scaled it by holding the Shift key as I’ve sized it up but I’ve also positioned the selection exactly where I want it and I’m going to click the Transform or the Commit tool here. Now I want this image but I also what my background so I sort of want my cake and eat it too. So then I’m going to make sure that I have the background selected and I’m going to do Layer > New Layer via Copy.

And what that gives me is not only my original background layer but also a layer that has just this image on it. And so now I want to size it and position it inside this frame. So I’m going to turn everything off except for the Polaroid frame and the image portion. I’m going to make sure that the image itself is selected and click the Move tool. And now I’m going to size it down. I want it just the right size for fitting inside this Polaroid frame.

So it can be a little bit larger than the inside of the frame because it’s in a layer behind the frame but I won’t want it so large that it’s falling over the edges. So we just need to get it in the right position. So having done that I’m going to select the Polaroid frame layer and the picture layer and just tilt it. And now when I turn everything back on we can see how it’s all fitting together. And you can see that it’s probably not in the ideal place still.

So I’m going to with those two layers selected – actually I think I’m going to move the hand. I think it’s the hand that’s the problem more than the image itself so I’m just going to move the hand back down. And now let’s go to the Polaroid and the image and we’ll just move them over a little bit and perhaps even square them up a little bit more.

So I want it where it is going to appear held in my hand. So now let’s go to the image itself and let’s make the image a little bit different so it’s obvious that it’s a Polaroid and not the image behind. I’m going to do this using an adjustment layer with Layer > New Adjustment Layer and I’m just going to choose a black and white adjustment because this allows me to convert the image into black and white.

In fact everything is going to black and white and I’m not worried about that. I’m only focusing on what’s happening inside the Polaroid because we’re going to limit this fix in a minute just to the Polaroid. So I’m going to darken the sky up and lighten up the building a bit. So let’s call that done. And now we’re going to create a clipping group of that which will limit this adjustment layer to only affect the layer below.

And to do that we select the adjustment layer and choose Layer > Create Clipping Mask. Now you can see that this is clipped to the layer below. Now I don’t want it to be black and white. I just want it to be a little less than full color. So I’m just going to drag down the opacity of this layer so that we get the distinct impression that this image inside the polaroid frame is a different image to the one that we’re actually seeing.

Now we just need to sort out the hand issue. And the problem with the hand is that the polaroid frame is behind the hand and we’re not getting that sense that the hand is actually even holding the frame. So we’re going to zoom in. So I’m going to click the Zoom tool with the letter Z and then just zoom into the image and move it around by holding the Spacebar. We already have our mask and the mask will be white where the image is showing and black where it’s not showing. So we want to start painting with black and I want a brush that is fairly hard.

So I’ve got a small, hard brush here and what I want to do is start painting on the mask layer in black to remove the finger where it shouldn’t be. Now it’s a little bit hard to see exactly where it shouldn’t be so I will generally paint out too much of it and then go back and fill it in again. And if I go too far I can just fine-tune that as I go.

And I may want to move even more closely into the image to do this. I certainly will want to size my brush down quite a bit. Now you’re going to do a better and more considered effect than I am because I’m just trying to do this for the sake of the video but you’ll be able to do a better job of this. You obviously – I’ve taken the wrong part of the finger out here.

Let’s just deal with my stupidity here. This is a much better idea. Let’s take the part of the finger that is in front of the Polaroid and then let’s get back the portion of the finger that is behind it. Hum, much better, ok. Now we’ve got some problems here.

Again, this time now I’m getting too much of the background in but I can just deal with that. And then I’m going to get in close here as well. And I would get a bit more of this skin because this is actually the second finger showing behind. We want to ease that off a little bit so we don’t get quite that effect. And part of this is the roadway too. Now having done that let’s just zoom out and see where we’re at.

We’re pretty near done on this. The only thing that concerns me is that there probably would be a bit of shadowing around here. So to put the shadowing in I’m going to add a new layer. I’ll just click the Add New Layer icon, I’m going to select a brush and then I’m going to select a sort of brown paint color. And you can sample this from the image if you want to. Just click on something that’s sort of brown. And then we’re going to paint in where we think that there would typically be a bit of a shadow. And there might be perhaps a bit of shadowing here as well and maybe even across the top of the Polaroid itself.

Now obviously the opacity is going to be reduced enormously. We’re going to take it right down. And we could use multiply if we wanted to just to blend it into the layer below. And then I would just get the Eraser in to just neaten up the edges so that you can take out the effect where you don’t want it to be.

This Eraser has got a reduced opacity which is not helping me here right now, just take out the effect where you don’t want it leaving it in where you do what it. And you fine-tune this. You can also go ahead and soften the edges of the brush so that you sort of peter out this effect so it’s not totally at 100 percent at the very edges. So you can soften the shadow effect a little bit and soften it under here.

But that shadow effect it might be very, very subtle but it will make a big difference in the final image. So let’s just zoom out again and here is our hand held photo. We’ve done this using a Polaroid frame that we downloaded from the web. We’ve copied a portion of the image and adjusted it within the frame so it looks as if it is a Polaroid image and then we’ve placed everything over the top of our underlying photo.

Now apart from a little bit of tidying up for example I can see I’ve still got a slight edge down here that I need to deal with, that’s pretty much the effect that we’re going for. I’m Helen Bradley. Thank you for joining me for this video tutorial. I encourage you to subscribe to my video channel so that you’ll be advised when new videos are release.

And visit my website at projectwoman.com for more tips, tricks and tutorials on Photoshop, Illustrator, Lightroom, Photoshop Elements and a whole lot more.

 

Helen Bradley

Labels: , , , , ,

Categories:photoshop

posted by Helen Bradley @ 8:30 amNo Comments links to this post

Thursday, August 22nd, 2013

Lightroom Tip – Sharpen only the edges in the image

How to use the Masking Slider to limit image sharpening to only the edges in the image

The Masking slider in the Lightroom Detail panel allows you to control the areas of the image that are sharpened and those that are not.

Hold Alt (Option on the Mac) as you drag on the Masking slider. As you do you will see a black and white overlay on the image. The areas that are black are not sharpened, those that are white are sharpened. The farther you drag to the right the more the sharpening is limited to just the edges in the image where you want it to be applied to.

Drag on the slider to control just how much of the image you want to have sharpened. When you’re done, adjust the Amount to a value that makes sense for the image.

Helen Bradley

Labels: , , , , , , , , , , , , , , , , , , , , , , ,

Categories:Lightroom, photoshop

posted by Helen Bradley @ 6:45 amNo Comments links to this post

Friday, August 2nd, 2013

Photoshop – Create an Oval Frame Effect

Learn how to create an oval frame effect in Photoshop. This video includes how to use a clipping mask, sample a color from an image, make a leaf brush, paint multi-color leaves on an image, add a stroke border to the oval frame and even change its color. This is a jam packed tutorial suitable for a competent beginner or intermediate level Photoshop user.

Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can make an oval framed photo effect in Photoshop. Before we get started doing this effect let’s have a look and see what it is that we’re aiming for.

What I’m going to do is take this image here and frame it inside an oval frame. And we’re going to add a little border stroke around the frame and then add these decorative elements. The colors for each of these elements is going to be sampled from the image and this is just a single brush that paints in different colors. So if you’re ready let’s get started with this tutorial. So if you’re ready let’s get started with this tutorial.

I’m going to begin here with a new image so I’ll click File, New and I’m just going to do an 11 by 8-1/2 letter size image. But you can make yours whatever size that you like. And here’s my image.

I’m going to center the oval so I’m going to start with a couple of guides. I want a 50 percent guide horizontal and a 50 percent vertical. It’s just a little bit easier to do this with guides. Then I’m going to target my marquee tool. I want the elliptical marquee tool. It shares a toolbar position with the rectangular marquee. But it’s the elliptical marquee that you want. I’m going to hold my mouse pointer over the intersection of these two gridlines and then hold Alt down as I drag out to create my oval. This creates an oval that’s centered over those lines. Of course if I add a Shift key at this point I’ll have everything constrained to a perfect circle centered on this document. But I want an oval so I’m going to let go of the Shift key but make sure that I keep the Alt key held down until I’ve finish drawing my shape. I’ll let go the left mouse button and then let go of the Alt key. This is my shape.

I’ll need a new layer so I’ll click the New Layer icon here and I’m going to fill this with black. So I’m just going to set black as my foreground color and Alt Backspace, Option Delete on the Mac. You can fill it with any color at all but I’m just using black. Now I can get rid of my guide so I’m going to click View and I’m going to clear my guides. I’m going to bring in my image here so I’m just going to drag on the background layer and just add it to this image. Now I want it centered so I’m going to press the Shift key as I center it over this image. I can now close this because I don’t need it any longer. I have my oval still selected. You can probably just see the marching ants there. Now that’s going to get in the way when I start to resize and move this image so I’m going to press Ctrl or Command D to deselect the marching ants. Now I’m going to target my move tool, Ctrl T, Ctrl 0 so I can see my handles. I’m just going to drag everything into position. I’m going to use the Shift key with that corner handle because that will drag everything in proportion. I’m now going to create a clipping mask.

So with this layer selected, Layer, Create Clipping Mask. Now I need to select that checkmark before I can do that so let’s create the clipping mask. And now let’s just fine- tune this image. And I think that’s a pretty good position for it. Now I want to focus on the background layer because I want to sample one of the colors from this image for the background layer. Now the image that we saw had a background which was sampled from the image. So I’m going to target the eyedropper tool here and I’m just going to target this little girl’s dress to get a color from her dress. And when I do you can see that the color is in the top of the ring here. That’s the one I’m going to select. And I have a 3 by 3 average so I’m averaging out the colors under the cursor. So I could go for a slightly lighter blue if I wanted. Let’s select that. And now with the background layer selected I’m going to Alt Backspace, Option Delete to add that color. Now let’s go and add a border around this oval. And to do that I’m going to need to reselect the oval. So I’m going to target the oval shape here, click on the magic wand tool here, it shares a toolbar position with the quick selection tool, but we want the magic wand. We want to make sure that Contiguous is selected. And now I’m just going to click here on this underlying shape which is this black shape here and that gives me this selection.

I’m going to add a new layer so I’m just going to make sure that my new layer goes in at the top and it’s not part of this clipping group. If it were I would have to right click it and choose Release Clipping Mask but it’s now not part of that group. You could see that the marching ants are in position so what we need to do now is to select the color to use. So again I’m going to use the eyedropper and I’m going to select a greeny color from the grass in the background here. So we’ll select that, Edit, Stroke. And you’ll need to experiment a bit with the stroke to see what works best with your image. But I found that a 20 pixel stroke on this particular image is pretty good so I’m just going to settle for a 20 pixel stroke. And I’m doing it over the center and I’ll click Ok. And there’s my stroke. To deselect the marching ants Ctrl or Command D. Now we’re in a position to brush on some leaves around the edge of this image. But to do so we’re going to need to create a brush first up. So let’s go and create a brush. If you’ve already created a brush or you have a brush that you want to use you can skip this step but I’m just going to show you quickly how I created my brush.

I’ll choose File, New and just click Ok. I just need any old document here. I’m going to select the custom shape tool here. It shares a toolbar position with the rectangle tool and these other tools. But it’s custom shape that I want. From the options here on the toolbar I want to select Pixels and I’m going to select black and white as my colors. In earlier versions of Photoshop you’ll still have these three options but they’re going to be side by side here. You just want to make sure that you select the fill pixels or the pixels option. Here I’m going to select a shape which is a leaf shape.

Now last time I selected this shape so let’s make a different shape this time. I’m going to select this one here and then I’m going to drag to draw it on the image. And I’m going to hold the Shift key down as I did so it’s constrained to a nice proportion. Now all I need do is to select Edit and then Define Brush Preset. And I’m going to call this leaf and click Ok. And that is now that shape is now saved as a brush so I can just discard this image. I don’t need it any longer. Now I can go and select my brush. So I’m going to target the brush tool and from the brush dropdown list here I’m going to select my brush. And my brush is always going to be the very, very last one in this brushes palette if I’ve just created it. So this is my brush.

I’m just going to click to select it and then just click outside here to hide that window. Now you can see that the brush is huge and way, way too big right now. So I’m just going to press the square bracket key, the opening square bracket key, to just size it down to size. Now if I start painting I’m first of all going to add a new layer and I’m going to just sample a color from this image. So let’s sample this orange color and let’s just see what happens if I start to paint. Well it’s not looking anything like what it is that we want it to look like. So I’m just going to Ctrl Z to get out of there and let’s go and set up our brush so it paints a little bit more intelligently. I’m going to click here to open the brush panel.

Now in the brush panel here the first thing I want to do is go to brush tip shape, tap on it and I’m going to increase the spacing because I want this brush to be spaced out quite a bit. I could change the size at this point if I wanted to but I’ve already measured this and it’s a pretty good size so I’m going to leave that. I’m going to enable Shape Dynamics and click on Shape Dynamics. Now I want the size to vary a little bit so I’m going to adjust the size jitter. That will make it size in different size brushes as I paint. And I’m also going to adjust the angle jitter. Now I can adjust it to quite a high value here because I don’t mind if these leaves point in completely the opposite direction. In fact that’s going to look pretty good for my leaves. And then I’m going to tap Scattering to enable that and to go to get the Scattering controls. I’ve got Scattering enabled here on both axes and I can just pull it out or push it in to see what I’ve got. I think I want a little bit better control than adjusting count because this is going to give me way too many leaves so I think I’d rather paint more and have less of a count. So I think that’s going to be pretty good.

The last thing I need to do is to enable Color Dynamics. What I want with Color Dynamics is I’d really like this brush to do all the work for me and I want it to paint in color. So I’ve got orange as my background color. Now I’m going to tap here and I’m going to select a color from the image to be the foreground color. So I’m thinking sort of a lighter yellow, maybe I’ll just pick it up from the palette here. So this is my foreground color. This is my background color and I have Apply per Tip enabled and foreground, background jitter at 100 percent. I’ve got hue jitter, saturation jitter and brightness jitter all at zero percent and purity at zero percent as well. What this brush is going to do is it’s going to toggle its colors between these two and so I won’t have to do any of the work myself. I’m going to close this dialog, make sure that I’m painting on a brand new layer, and I’m just going to start to paint. And you can see that the colors are toggling between the foreground and background color. And that just lets me paint my autumn leaves without having to do really much work at all.

Now I can paint as much or as little of these leaves as I want. I’m painting over the edge a little bit here because I’d like some leaves to be eventually underneath this stroke border so I’m just going to add plenty of leaves in there. And I’ll add a couple of stray leaves in the bottom here as well. I can add them by just single tapping or I can paint. When I’m happy with that the last thing I need to do is to get rid of the leaves that are actually over the image here. So I’m going back to my magic wand tool and I’m going back to my stroke layer here and with Contiguous enabled I’m just going to click inside this stroke layer. And what that does is it selects everything inside that layer. And now I can come onto my paint layer and I could do one of two things. I could just press Delete to delete the leaves that are inside this shape but perhaps if I wanted to add some more leaves later on it would be a better idea if I actually added a mask. And that’s very easy to do.

I’m just going to click here the Add Layer Mask icon. Now when I add my layer mask it’s working the wrong way around. You can see what it’s done is it’s clipped and hidden all the leaves around the outside and just left the ones in the middle. We want the exact opposite to be the case so I’ll click on my mask and press Ctrl and I and that just inverts the mask. So you can see now we’ve got the leaves on our image and they’re all around the edge of the image. It’s just that the stroke is underneath the leaves. There’s a very, very easy solution to that. I’m going to select the layer that contains the stroke and just move it up above the leaves and now the stroke is over the leaves. Before we leave this tutorial let’s have a look and see what would happen if we decided that instead of this green edge we would like a pink edge perhaps sampling the pink from this little girl’s headband. Well let’s go first of all and sample the pink. And this is the pink that I’m going to use so I have it selected as the foreground color. I want to make this stroke which is now green into pink.

Now if I press Alt Backspace I’m just going to make the whole layer pink and that’s not what I want to do. I just want to fill the pixels that are already filled on that layer. So I can click here to lock the transparent pixels on this layer, looking for this lock icon to appear. Now if I press Alt Backspace I’m just going to change the color of that stroke. And it’s picked up the foreground color in the image. And now I would just either drag this lock icon into the trash can here or I can just click this icon again. That would unlock it. So there you have an oval framed effect with some autumn leaves that you’ve created using a brush of your own in Photoshop.

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

Helen Bradley

Labels: , , , , , , , , , , , , , , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 5:28 amNo Comments links to this post

Saturday, July 13th, 2013

Create a reusable layered image effect in Photoshop

Learn how to create a layered image effect that can be reused any time. The process can be done in most versions of Photoshop and it uses smart objects, simple to create clipping masks and some layer blending. It is pretty easy to create and can be used over and over again.

Transcript:

 

Hello, I’m Helen Bradley.

Welcome to this video tutorial. In this tutorial I’m going to show you how you can create a quick cut and layer image effect that’s sure to turn any image into something that looks just a little bit more spectacular.

Before we get started with this project let’s look and see what it is that we’re aiming at. Here is my original image and this is the effect we’re going to create. We’re going to create a number of layers or what look like layers of the image and we’re going to blend them together. Now this effect is customizable.

It’s really easy to select one of the shapes and to move it so that everything gets rearranged and it’s also really easy to replace the base image. So let’s get started. And I have a new image to work with here. I’m going to start by converting the image to a Smart Object.

So I’m going to right click the background layer and choose Convert to Smart Object. And now we’re going to start adding our layers of shapes. So I’m going to click to add a new layer. Let’s get my tool bin. I’m going to select the Rectangular Marquee tool. And let’s create a shape. I’m going to create this big rectangle here.

With this layer selected I’m going to make white my foreground color and Alt Backspace, Option Delete to fill the shape with white. Now in each case I need the layer and the image so I need multiples of this pair of image. So I’m going to right click and choose Duplicate Layers and click Ok. Now I’ve got my second shape up here.

I’m just going to turn off my images so that we can see the shapes alone. And I’m going to move this shape out of the way and I’m just going to resize it to a different size shape here. I’m going to select these two layers, right click and duplicate them again. And now I’m going to this top version and I’m going to again alter it a little bit.

You don’t have to alter it. You can leave it exactly the same shape if you want to. Select the two layers, right click, Duplicate Layers, click Ok, again selecting this top one and just moving the shape into position and resizing it to suit. Now that we’ve done this we can start to create the effect.

And what we’re going to do is we’re going to crop these images. So I need one more of this Smart Object layer so I’m just going to duplicate this layer once more and drop it on the top. Now I’m going to create a clipping mask. So with these layers all visible and all selected first of all I’m going to select the topmost layer and I’m going to choose Layer > Create Clipping Mask. And what that does, let’s just have a look, is it clips the top layer to the shape and size of the layer below.

So when we turn these two on and create a clipping mask here, Layer > Create Clipping Mask, we’re going to get a built up effect. Let’s do that again here and create a clipping mask. First of all we need to turn these two layers on and then with the picture layer selected we can choose Layer > Create Clipping Mask or you can do it using the keys.

What I do is hold down Ctrl and Alt, which is Command and Option on the Mac, and just hold my mouse over the intersection between these two layers until I get this icon and then click once. Now I find that a whole lot easier and you may too if you create a lot of clipping masks. It’s really important that the clipping masks are filled with white.

Now in normal circumstances it doesn’t matter too much what you fill your clipping mask layer with but in this case it’s going to because we want to reduce the opacity of the layers a little bit so that we can see some of the background through. And so when we add two layers together, when we overlap two layers, we’re going to get a darkening in the area where they overlap.

So first of all I’m going to adjust the opacity down a little bit and now I’m going to select all of these layers by Ctrl or Command clicking on each of them in turn and set their blend mode to multiply. And what that does is it multiplies the fill layers so that the layers are built up so that we get some overlap between these layers so we can start seeing where they’re overlapped.

And from here you can just tweak the effect to darken or lighten the individual layers as you want to so that you get the effect that you’re looking for. And you can also fill in the background. So we can add a new layer, drag it to the very bottom of the layer stack and then fill it with whatever we like. I’m actually going to sample some of the yellow color from this leaf and with the layer selected I’ll Alt Backspace on the background layer to fill it with that.

But I could also fill it with a gradient. I could do all sorts of things. Now the important thing to know is that once you’ve created this effect it is fully customizable. So it’s very easy to replace this image with another image. All we need to do is to right click the layer, one of these layers that is a Smart Object, any one of them will do, and choose Replace Contents. So now what I’m looking for is an image to replace the contents with.

The image doesn’t have to be in the exact same proportions. We were using a landscape image but these are square images. But they do need to be good size images. So I had a really large image that I was working with so I want this image to be nice and big. And this one is 3,100 pixels so it’s pretty big. So I’ll select it and click Place and when I do it’s replacing the original image.

And I may want to adjust the opacity of these so that I get the effect that I’m looking for. For example, I mightn’t get enough of a layering effect without adjusting the opacity. And I may also want to adjust the background of this image to give it a darker background in these circumstances.

But it’s very easy to just reuse all of the basic work that you’ve done with this image and just replace it with another image. So I’m just sampling a color to use, Alt Backspace to fill the background. And there we have our effect. You could also use a color for these clipping mask layers but be aware that any color that you use is going to come through the images.

So let’s just make black our foreground color. Let’s just target this particular layer here and I’m going to Alt Backspace to fill it with black. Well you can see that the multiply effect has totally blackened that out. But if I use a sort of fairly light color here, well this is sort of a pale blue, but you’ll get the same effect, and fill it here you’ll see that we get a slightly darker look.

So we can darken this and have an effect on the image. The darker the color we use we’re going to not only see the color itself or example if we use pink we’re going to see the color through the image but we’re also going to darken up the effect.

Now it would be possible for example to choose different colors. So I’ve got some pastel colors that I’m filling these with. Let’s go for a sort of pastel blue here. And you can see the effect that it’s having, well I chose the wrong layer there. Let’s just undo that. Let’s go to this one and actually select the layer and fill it with a pastel blue.

So you could do that as well. And of course any time you choose to replace the image these color layers are going to stay in place so that you’ll get the effect on the new image that you’re replacing this one with. So there’s plenty of creative possibilities here in creating a layer image effect in Photoshop.

I’m Helen Bradley.

Thank you for joining me for this video tutorial. Subscribe to my YouTube channel so you’ll be advised when new videos are released.

And visit my website at projectwoman.com for more tips, tricks and tutorials on Photoshop, Lightroom, Illustrator, Photoshop Elements and a whole lot more.

Helen Bradley

Labels: , , , , , , , ,

Categories:photoshop

posted by Helen Bradley @ 8:30 amNo Comments links to this post

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

Labels: , , , , , , , , , , , , , , , , , , , ,

Categories:photoshop

posted by Helen Bradley @ 9:10 amNo Comments links to this post

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

Labels: , , , , , , , , , , , , , , , , , , , , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 6:09 amNo Comments links to this post

Wednesday, May 8th, 2013

Photoshop – Postage Style Copyright Stamp

Create a cancelled postal stamp watermark to use in Photoshop and Lightroom. See how to use the path tools to create the watermark and then save it as a png image with a transparent background so it can be used over your images.
This is the video explanation of the blog post on the same topic which you can find here:

Click Here for Photography School Tip Blog Post


Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’ll show you how to create a postage style copyright stamp that you can use on your images. In this tutorial I’m going to show you how you can create a copyright symbol like this which is a couple of concentric circles and some wavy lines and text. And it’s got an overall texture to it.

This is a tutorial that I created for digital-photography-school.com when one of my readers there was having a bit of difficulty following along. So that’s why I’ve created this as a video tutorial. And because of this I’m going to be doing it step-by-step as I did it for that particular tutorial on the Digital Photography School site. And you’ll see in the comments here just below the tutorial I’ve given you a link to that site if you want to follow along.

So the first thing that I did in that tutorial was to create a brand new image. So I’m going to do that now. I’m going to choose File and then New. And I’m going to do a letter size image, landscape. So it’s 11 inches wide by 8.5 inches tall, and it’s 300 pixels resolution, RGB color and the background contents are white. So I’m just going to click Ok. And here’s our starting image.

Now we’re going to add a new layer so I’m going to have my layers palette visible. So if you don’t have it visible choose Window and then Layers so that you can see it. And we’re going to add a new layer and we do that by clicking this little icon here. It’s the Add New Layer icon. It looks like I clicked it twice. So I only want one new layer here. And we’re going to draw our circles using the Ellipsis tool. And it’s here in the toolbar so let’s just have a look and see what we’re looking for.

We’re looking for this tool here. It’s the Ellipsis tool. And when you choose it you want to choose Paths from the tools option palette. Now the options are a little bit different in earlier versions of Photoshop. There are three icons here and you want to make sure that you click the icon that says Path when you mouse over it. They’re the exact same options. They just deliver differently. And this is Photoshop CS6’s version so I have Path selected.

I’m going to drag to draw an ellipsis, but you can see that this is going to be a sort of oval. I want it to be a circle so I’m going to hold Shift as I draw it. And if it’s not in the correct position before I let everything go I’m going to hold the Spacebar and move it into position, let go the Spacebar and just make sure that I have the outermost of my circles created. And when it’s dead right, I’ve still got the Shift key held, I’m going to let go of my Left Mouse button.

So now I have a circle the shape of this outer circle that we’re going to use. Now this is now going to be colored in and we want to stroke this circle. And we do this by going here to the Paths palette. Now the Paths palette you get to by choosing Window and then Paths. And the topmost path is going to be called your work path and that’s the one that you’re working with. This is this circle here. We want to stroke the circle with a brush so we’re going to go and select a brush to use.

So I’m going to click on my Brush tool and then I’m going to select the kind of brush that I want to use. And I’m going to use a hard sort of brush here. So I’m going to select that brush. It’s a hard brush. And let’s just check and see from the original tutorial just how big it needs to be. And apparently it needs to be 40 pixels. So let’s just take it up to around 40 pixels. That’s 39, but that’ll be fine.

I’m going to set black as my foreground color. So I’ve set my brush and my foreground color and what I want to do now is with this path selected I’m going to choose the option that says Stroke Path with Brush. So that’s this icon here. So I’ll click it to stroke the path with a brush. Now I’ve got a funny sort of stroke here and the reason is that my stroke is set to something I don’t want it to be set to. So let’s just wind that back with Edit, Undo.

Then I’m going to right click on this Path option here and choose Stroke Path. And I want to disable this option here, Simulate Pressure. I just want to stroke it with the brush so I’m going to click Ok. Now it’s working the way I want it to. So now I have my path stroked, well at least the outside stroked. Now I need to use the outside to make the inside because it’s going to be really easy to make a concentric circle. To do that I’m going to click on this tool here. It’s the Path Selection tool.

This is the one I want and it shares a position with the Direct Selection tool. But it’s the black one, the Path Selection tool that I want, and I’m going to click on my path so it is selected. Now I want to transform this. And the transformation handles have not appeared so I’m going to press Ctrl T to make them appear. I want to drag in on this handle. But I want to make sure that I don’t lose the circle and I want to make sure that I don’t lose the fact that it needs to be concentric. So I’m going to just hold down both Shift and Alt as I drag in on this handle. So let’s Shift Alt and drag inwards. And you can see that what I’m doing is making a concentric circle. It has the exact same middle as the original circle. I’m going to let go of my Left Mouse button and then let go of the shift and the Alt keys. Now my work path here is a much smaller path so I’m just going to click the checkmark here.

Now I’m going to do exactly the same thing. I’m going to select my brush and I’m going to stroke it, make sure black is my foreground color, and I’m going to stroke this path with the brush. And I get the exact same effect. Now what I need to do is to make a path for my type. And it needs to be a little bit bigger than this inside circle. So again, I’m going to click this Path Selection tool. I’m going to press Ctrl and T to show my handles, I’m going to hold down Alt and Shift, that’s Option and Shift on the Mac, and this time drag out just a little bit so that I get a path for my type, let go of the Left Mouse button, let go the rest of the keys and click the checkmark. Now I’m going to add my text. And to do that I’m going to select my Text tool and then select my type. And I want to use Myriad Pro.

So I’m going to go down here until I find Myriad Pro. And I think the type that I suggested in the article that we used was about 24 points so I’m going to click that. I have black as my type color. So everything looks pretty good. I’m going to hold my mouse over the line, over this path that is still selected, and when I do you’ll notice that the I-beam pointer changes from this I-beam to an I-beam with a short of squiggly line. That means I’m typing on the path. So I’m going to click to do that.

Now the first thing I need to do is to add my copyright symbol. So I’m going to hold down the Alt or Option key and type out 0169 on the keyboard because that gives me copyright, and now 2013, and I’m going to type my copyright details. And I think I’ll do this all in capitals. And I’m using Helen Bradley, projectwomam.com. And I think actually I just want to put a www in there so I’ll just arrow back and make that change.

Now so far my type hasn’t quite stretched all the way around my words. So the next thing we need to do is to stretch it just a little bit more. And I’m going to do that using the Character Spacing tool. So first of all, I’m going to make sure that all my text is selected and then I’m going to choose this dialogue here which will get me to the Character Spacing dialogue. Now this is two dialogues.

There’s a paragraph and a character, and we want the character. And what we want is this tool here, this VA tool. And it’s a scrubby slider so all I need to do is to adjust it a little bit. And can you see that the text is getting bigger every time I drag on it? And I think I’m going to wind that back just a little bit because I could probably add a trailing dash to this. And that’s now all the way around that shape. And let’s just up that to bold because I don’t think it’s really quite dark enough for me. And if I’m using bold I’ll going to have to wind back up on my character spacing a little bit. And so now I’ve created my text on a circle.

Now the only thing that I’m a little bit concerned about is I think that this circle could be a little bit smaller. So I’m going to reselect my text layer here, and again with Alt and Shift selected, I’m going to drag inwards just a little bit to resize that circle path that the text is on because I just think it was a little bit on the big side. So I’m a little bit happier with my text now.

So we’re ready now to go ahead and to create the wavy lines. And we’re going to do that by clicking on the Custom Shape tool here that shares that toolbar position with the Ellipse tool that we used earlier. But this time we want Custom Shape. And from the Shape dropdown list here what we’re looking for is this wiggly line wave shape. Now this is shipped with Photoshop so you will have the wave shape. If you don’t have it in your collection you can click this little fly out arrow and choose All to add all the shapes or append all the shapes to your shapes collection. But this is the one we’re using.

I’m going to drag the shape onto my image and then use the Path Selection tool to just move it into position. Now at the moment it’s a series of closed paths and I want to open these paths. And I’m going to do that by clicking here on the Add Anchor Point tool. Unfortunately you can’t just delete points in Photoshop to open up these curves.

We first of all have to add a point in here that we can then go and delete to open it up. It doesn’t work otherwise. It’s a bit of a nuisance. But this is how we’re going to do it. So I’m going to click once with this Add Anchor Point tool on the ends up all of the shapes. And now I’m going back to the Direct selection tool. And I’m going to make sure that I’m selected on this point that I just added, so it’s black and everything else around it is not, and I’m going to press the Delete key. And that will just break that path in two. And I’m going to repeat that for each of these points.

So select it and press Delete, select it, press Delete, select it, and press Delete. Now if Photoshop is running out of memory if you’ve been using it quite a bit, you might find as I just did earlier that that was not working. Every time I pressed Delete the entire path was going. So I just closed down Photoshop and reopened it and went back to where I was working and it’s working perfectly. So now I have my lines. And you’re probably beginning to see a pattern here because this is just another path. And we can stroke it because we have our tool that we can stroke it with.

So I’m just going to go back and make sure my brush is selected. The same brush is selected, black paint, click on the work path so that I have it selected and now I’m going to stroke it. And that is giving us our lines. And so if you wanted to leave it at this point you could because everything is in place. But I’m going to go ahead and add a Grunge effect to it.

Now we’re ready to create our Grunge effect. And to create that, first of all what we need to do is to flatten the image. But in flattening it I need to remove the white layer from the flattened version. That is because later on when I will put this copyright image over my photograph I want the background to be transparent. So I want to keep this white layer out of the action right now. So I have two visible layers. I’m going to click on the topmost layer and press Ctrl Alt Shift and E to create a new flattened version of this layer. So this is the version that I’m going to use. And now I’m going to bring in a texture layer.

So I have a texture image open here, and I think it’s a really nice texture to use. So I’ve got the texture open. And to add the texture to this particular layer I’m going to select the layer and click the Add Layer Mask icon because that adds a layer mask to the image. And now this texture has to be made the exact same size as this image so I’m going to choose Image and then Image Size. And I want to resize it to the exact same size as this one.

So I can do that by just clicking Window and just pointing to the image whose size I want to borrow. And that’s apparently the size of this image here so I’m just going to click Ok. And because it’s a texture image it doesn’t matter that I’m skewing it a bit out of proportion because nobody really knows what a scratch is supposed to look like. Having done this, and it’s critical that you resize the texture to the exact same size as this image or you can’t use this next technique, which is to apply the texture as a mask.

So I’m going to click on the mask, and I’m going to choose Image, Apply Image. And if you don’t have the texture file the exact same size it will not appear here. So it does obviously appear here so that’s exactly what I want. I want to apply the texture to the image. And at the moment it’s set to Multiply blend mode. But I can test other blend modes and I can even test inverting the layer. So I’m just going to look for the best effect that I can get here.

In fact in the tutorial I suggested that we use Hard Light. So that looks like the one that we’re going to use, Hard Light. So I’m just going to click it and click Ok. And that gives us the sort of texturize look to our shape. And again, I was going to create this as a new layer so I’ll click on this layer and again press Ctrl Alt Shift and E to gives me a newly stamped layer. Well it’s not appearing to work right now. So let’s just add a new layer and press Ctrl Alt Shift E because that will work. And then we’re going to save this as a PNG image. But before I do it I think it’s going to be cropped because I think it’s a bit too big at this stage.

So I’m just going to crop down to get rid of the bits of the image that I don’t want and click the checkmark. And now I’m going to save this but making sure that I have this background turned off because I want it to be a transparent image. So I’m going to save it as a PNG image. So I’ll choose File, Save as, and I’m going to call this HB copyright, black, and PNG. And I’m going to make sure that I select PNG from this list here. And here’s PNG. So I’m going to select it and just click Save and click Ok. And that’s now saved as a PNG image.

Having done that I then want to make it white. So I’m going to choose Image and then Adjustments and then I’m going to invert it so what was black becomes white. And now if I just test this with a black filled layer behind it, you’ll see that it’s now a white image. So we could use that to go over the top of for example a very dark image.

So having created that I’m going to turn off my background because I want this to be a transparent image, and I’m going to resave it this time as a PNG. But this time I’m going to call it white. So again, this is going to be HB copyright, and it’s going to be white, PNG. I’m going to save it as a PNG image, and Ok. And so this is now the copyright image that I can use on my images in future.

I’m Helen Bradley. Thank you for joining me for this video tutorial. And look out for more of my tutorials both on digitalphotographyschool.com and also on my own website at projectwoman.com.

Helen Bradley

Labels: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Categories:Lightroom, photoshop, video

posted by Helen Bradley @ 6:10 amNo Comments links to this post

Saturday, March 30th, 2013

Photoshop – Self Masking an Image using Apply Image

Learn how to make an image its own mask using Apply Image in Photoshop.
Here we use an image of a cast iron grill and apply it to itself to show another image through it.

Transcript:
Hello I’m Helen Bradley. Welcome to this video tutorial. In this tutorial we’re going to look at using an image as its own mask in Photoshop. And we’re going to do this using the Apply Image tool.

Before we get started with this tutorial let’s have a look and see what it is that we’re trying to achieve. I have an image here that’s just some oranges and then I have another image here of a grate. And what I want to do is to put the grate over the oranges just as I’ve done here. And I’ve actually got a drop shadow behind it to give it some dimension. And what we’re going to do in this tutorial is see how we can use an image and use itself as its own mask to mask that image and how we can also adjust the mask so that we get this effect that we’re looking for and adding a drop shadow to it. So if you’re ready let’s just get rid of the bits that we don’t want. I’ve now got my orange image and let’s get started.

The first thing I’m going to do is bring in my grill image. So I’ve got these images just floating loose because I find that the easiest way of doing it. And I’m just going to drag this image’s background layer away from it, hold the Shift key and just drop it over the top of this image. Now of course it hasn’t disappeared from its original image. I’ve just dragged a copy away. And I don’t need that any longer so I can just get rid of it. With this image it’s a little bit on the small side, so I’m going to press Ctrl T and Ctrl 0 (zero) to see my handles and to set transform on. I’m also going to enabled this lock so that the ratio between the height and width is fixed. This means that the image is not going to be skewed out of proportion. And now I’m just going to drag it into position and I can place it anywhere I want. So I think this is a pretty good arrangement so I’ll click the checkmark here.

Now right now we’re not seeing through this image because of course it brought its own background with it and it’s got a sort of dark background with some light aspects. We’re going to need to do some work to fix this image up. And in actual fact the work that we’re going to do is in masking so I’m just going to drag this up a little bit. What I want to do is I really want to turn this image into its own mask.

So once I’ve got it in position it’s fairly critical that I actually get it in the right position before I start because I want the mask and the layer to be in the same place. I’m going to add a layer mask to this layer by just clicking the Add Layer Mask icon. But what I want to do is put this image in this mask. And an easy way to do that is to click the mask itself and use Apply Image. It’s up here, Image, Apply Image. And what it lets us do is to apply an image as a mask. So for example layer zero is the oranges themselves so that in this case we would be applying the oranges as a mask. But we can also select layer 1 which is applying this particular grill as its own mask. Now it’s not looking good right now but it is certainly masking it. I could invert it if I wanted to but that’s only going to give me the orange images over the grill work not where I want it. I want it in the bits in between the grill work so I’m going to disabled invert because I don’t want it inverted. If I’ve got that right I’m just going to click Ok.

Now the problem with this mask is that this particular image is not black and white. It’s not. Let’s just turn everything off here. You can see that this is actually really quite gray. And for the mask to really be doing its work it needs to be almost black and white. So I need to boost the contrast up on the mask alone. So I’m going to click the mask to target it so any changes I’m making now are to that mask alone. And I’m going to choose Image Adjustments and Curves because curves will allow me to adjust the mask and have a look here on the mask itself as I work. What I’m doing here is I’m increasing the whiteness of the mask and then I’m increasing the black areas. The whiter and lightest areas are going to ensure that we can see the grill in these places. And the black the darker black areas are going to cope with the areas that we’re seeing through. So I need a fairly sharp change from black to white and I also need to make sure that my sharp change from black to white copes with the fact that there’s a sort of darker gray bar behind the image. And I want to make sure that that dark gray bar goes to the right color. It needs to go to black and not to white. And what I’m looking for here is to make sure that I can really see the image through this grill, and when I’ve got it I’ll click Ok.

Now if I wanted to I can lighten my grill. That’s fine. I need to make sure that my mask is black and white so that the image behind is being shown through and then if I want to change the actual grill itself well then I can add an image adjustment to that. But the two are very different adjustments. One is adjusting the grill color itself and the other is changing it as it appears as a mask over that original grill image. So if I want to make that a bit more light I can do so just to add that extra contrast. And now to add a drop shadow to push the orange image behind that grill I’m just going to click on the grill layer and choose Drop Shadow. And here’s the default drop shadow. Well that’s what you would see as a default drop shadow. And I can add as much or as little drop shadow as I want to push that behind and gave us the sense that there is a dimension or a distance between the grill and the actual orange image itself. And we can make that deeper or less deep as we want to and then click Ok.

So here we’ve used an original image of some oranges. We’ve added an image of a grill and we want to see through the holes in the grill to the image of the oranges behind. And we’ve done that using the image as its own mask so it’s showing us where we want to see through. We’ve added a lot of contrast to this so this mask is almost pure black and white. The image itself can be anything. We just gave it a little bit more of a pop by making it a little bit brighter but it could be anything. And we’ve finished with a drop shadow to add some dimension to the entire scene.

I’m Helen Bradley. Thank you for joining me for that this tutorial. Look out for more tutorials on projectwoman.com and on this YouTube channel. And please if you liked the video click to like it and consider subscribing to this YouTube channel.

Helen Bradley

Labels: , , , , , , , , , , , , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 6:37 amNo Comments links to this post

Saturday, March 23rd, 2013

Photoshop – Masking 101 for Use in a Collage

Learn to use Masks in Photoshop. Here we look at how to collage a series of images together, using masks in Photoshop.

Transcript:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial we’re going to look at Masking 101. So we’re going to get you started with masks in Photoshop.

In this introduction to masks I’m going to show you how you can use masks to create images like this collage image. This collage image has been built up from a number of images and they’ve all been masked so that everything can appear nicely on top of each other.

The first image was the tail end of some cows and then I added an image of a tree. And this image has been masked so that we can see part of the cows’ tails behind it. But you can see that these two images are sort of blending into each other with this mask effect. Then we have the cow by herself and again we’ve masked her so that we can see the image of the tree behind her. And then we’ve added an image of some hay over here, and again added a mask to the hay image around the edge of the cow so that we’re getting this sort of almost seamless blended effect all the way across the image. And then we’ve got some milk cans and then finally we had some different effects that sort of tied the whole thing in together. But we’re going to have a look at masks and we’re going to have a look at it doing the last three images in this particular collage, just seeing how that would have been put together.

So I’m going to open the images. I’ve got a couple here open already. I’ve got the milk cans and the hay and let’s just go and get the cow. And I’m going to create an image that these will all going into. I think a thousand pixels is a bit too big so let’s try 800. And to start off with I’ll just drag and drop these images in. But this cow needs to be flipped first of all because I had her flipped in the original. So I’m going to flip her there and then just drag her in here. I’m just dragging on the layers and then just pressing V for the move tool so that I can move her into position. I’m holding Shift as I scale her up to full size. I don’t want to save the cow image. I want the hay image now so I’m going to drag and drop it into position. And I’m going to make sure I’ve got a fairly hefty overlap here because the overlap is going to allow me to blend these images together. And finally the milk cans and drag and drop them into position. And that’s a pretty big image too. I think actually it’s much bigger than the others. I’m pressing Ctrl T and then Ctrl 0, that’s Command T, Command 0 on the Mac, to just re-size these milk cans and just drag them into position.

So I’ll start off with a collage like this by just grabbing my images and just pulling them into position with a nice hefty overlap. And in this case I’m going to crop these images so that we don’t have anything extra hanging around. And now let’s go ahead and do the blending. And I’m going to do this by first looking at this layer here the cow and the hay. So I’m going to zoom into this area so that I can see what I’m doing, move the image across, and I need to mask this hay layer.

So to do that I’m going to click the Add Layer Mask icon here and that adds a mask to the hay layer. I need to have that mask selected. I need to select a brush to use. I’m just going to make sure that I have a brush here. I’m looking for a sort of solid-ish brush. This is a hard mechanical 38 pixels. Now it’s too hard but I can soften it by just taking down its hardness to make it nice and soft. And then I’m going to make sure that my mask layer is targeted and I’m going to set these colors here to their defaults by pressing the letter D.

Now we can already see that if this mask is white we’re seeing the hay. So that means if I want to see the cow I need to paint on it with black. So I’ve got black paint now. I’ve got the mask targeted and I’m painting on the mask where the cow is to bring the cow back in through the grass. Now I’m not going to be a 100 percent fussy at this stage because one of the benefits of using masks is that we can come back later on and edit it. So I’m looking for the edges of the cow but I’m not worried that I’m getting a bit of extra green here because I want to know where her edges are so then I can get a little bit closer to her in a minute. So I’ve got her pretty much there.

Now I just need to neaten it up. And to neaten it up I’m going to switch to white being my foreground color. I’m going to get a much, much smaller brush, make sure I’ve got my mask targeted and I’m going in close to the cow’s face here to make sure that I get an edge that gives me none of this green because it’s a really, really bright green that she’s standing on. And it’s not really doing a lot. The hay image I think is the prettier image. So again I’m just going to get close in to her here. Now this might take me half an hour to do to get a really nice result and the sort of result that I want. And I can also start working with a larger softer brush so I can make sure that I have it even softer. And I can work with a lower opacity if I want to and I can even paint in mid gray because with masks you can paint in black or white or any shade of gray because a mask is a gray-scale image. Now I’m just having a look at these milk cans. And I think that probably there’s one too many. So before I go much further I’m going to select the milk can layer and get rid of this first one because I don’t really like it that much. Now I’m going to grab the next three, I’m just going to move them over a bit.

There’s a bit of excess image hanging around but I’m not too worried about that. I’m going to add a layer mask to this layer. So now we have the overlap. And I want to bring the grass through the milk can so I’m going to paint on this layer again in black and white. So again a nice big brush, I’m going to switch colors by pressing the X key because I want to blend these images in together. I want to sort of suggest that there’s a seamless transition from one image to the other. And I’ll do that with a very soft edge so we almost can’t see where the grass image ends and the milk cans begin. And with this particular image I found that there was enough shine on the milk cans that we could perhaps even suggest that the grass image was showing through the milk cans. And I’m doing that by just adjusting down the opacity of the brush. So I’m not painting it full opacity and I’m just tapping where I want perhaps a little bit of the grass image to appear, again to really blend these images together. And if I’ve made a mistake and if I want to go back then all I need to do is change my paint colors and I can go back and paint out the effect that I’ve just painted in. And I can do this over and over again until I get the exact effect that I’m looking for.

Masks are a handy way of blending images in a way that allows you to come back later on and make changes to it. If I were saving this masked image because I want to make changes to it later, I want to come back and work on it a little bit later, I would do so by saving this as a PSD file. So I’d choose File and then Save As and make sure that when I’m saving it, it’s being saved as a PSD image. That will ensure that the masks and the layers are all there when I come back next time. The biggest mistake you’re going to make when you’re working with masks is when you actually work on the image instead of the mask itself. So if you start seeing that you’re painting in black, that’s telling you that you have the image layer selected not the mask layer. If you’re working on a mask you really need to have that mask layer selected.

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

Helen Bradley

Labels: , , , , , , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 8:20 amNo Comments links to this post

Page 1 of 212