Wednesday, June 12th, 2013

Photoshop – Make Rivets

Learn to make realistic rivets in Photoshop. This tutorial makes use of the new photo filters in Photoshop CS6, but doesn’t require their use, so, you can make the rivets in any version of Photoshop. You will see how to add dimension with Bevel and Emboss and Contours, as well as with gradients and light. The tutorial is easy to follow and the process of making a rivet quite simple.

Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can create rivets quickly and easily in Photoshop. Before we get started making the rivets let’s have a look and see what it is that we’re creating. And this is the type of rivet that we’re going to create. This one’s a copper rivet, but we can make them in any colors that we like.

To start off I’m going to choose File and then New and I’m going to create a new image. This one’s going to be 500 by 500 pixels because I like my rivets to be able to be shrunk down so that they can look realistic in place. So I’m just going to click Ok. And the first thing I’m going to do is to fill this layer here with a gradient.

Now in Photoshop CS6 there are some new photo gradients that you can use. And I really like these for rivets, but in earlier versions of Photoshop you can go and do the same thing and you can create your own look in gradients. So you don’t have to have these gradients available, but you will find that they are kind of handy for creating rivets as well as of course coloring photos. So I’m just going to click Ok and I’m going to apply this as a linear gradient. So I’m going to make sure I have Linear Gradient selected here and I’m going to drag it across the image here. I’m holding Shift to constrain it to a straight line. Now I’m not totally convinced about this particular gradient so let’s go and get something.

I know this copper one is going to work. So I just want something that is a little less harsh. This one’s got a distinct dark area and I want something that transforms from light to dark a little bit more smoothly. So this is a pretty good gradient. Now if this is a bit dark you can add a new layer to your image. So I’m going to add a new layer and I’m going to fill it with the foreground color by pressing Alt and Backspace because my foreground color is white. That’s Option Delete on the Mac. I’m going to set this to Screen Blend mode and just adjust the opacity down so that I can use most of the color underneath. But I could make it lighter if I wanted to. And I’ll just merge those layers with Ctrl and E to merge the layers. But if your gradient isn’t too dark then you don’t need to do that step.

I’m then going to choose the Elliptical Marquee tool and I’m going to drag a circle onto my gradient. And if I hold the Shift key with it that will be a pure circle. And if I use the Spacebar I can move the circle right into the center of the image. So I’ve still got the Shift key selected, I’m going to let go of the left mouse button and then let go the Shift key so I’ve got a circle here.

Now I’m going to invert that with Select Inverse so I have selected everything but the circle and I’ll press Delete. So this is the first part here of my rivet and it’s actually this outside part here. I’m going to duplicate this layer by dragging and dropping it on the New Layer icon. Now I got a bit enthusiastic there and ended up with more layers than I needed. So I now have two identical layers. I’m going to deselect the current selection by pressing Ctrl D or I could choose Select, Deselect. Now this is going to be in my inner shape so I’m going to Ctrl click on it, choose the Move tool, and then I want to size it in smaller. Now the way I do that is to hold both the Shift and the Alt keys as I do this. The Shift key constrains my movement to a full circle so I’m always going to have a circle here and the Alt key sizes it from the middle so that it’s not being repositioned. This second circle is going to be right in the middle of the first circle. So when I get it in place, let go of the left mouse button and then and only then let go of the Alt and the Shift keys, I’m going to click the checkmark here.

Now I want to transform this. And I want to transform it through 180 degrees so I’ll press Ctrl and T to get my transform details up here and I’ll type 180. And that’s flipped it around. In fact I think it could be rotated a little bit more attractively, probably to about here. Now at this point you’re going to get a relatively flat looking rivet. And I actually prefer to at this stage actually go and reapply the gradient. So I’m going to select my gradient again, with this layer I’m going to lock the pixels on it so that I can drag my gradient in and it’s only going to affect the area marked out by the circle. I’m also going to select a radial gradient because what I want to do is for this part of the gradient here to be light and the outer edge to be dark, and I’m just going to find a good position for it. And I think this is a pretty good gradient. So you can just continue to drag until you get it into the right place. Let’s just unlock that now. We’re ready now to add a Bevel and Emboss.

So I’m going to click the bottom layer here, choose the Add Layer Style icon and I’ll choose Bevel and Emboss. Now in contour I want one of these contours, this one, this one or this one. They’re all going to work pretty well. And I’m going to just adjust the range so that I push it to the very edge of the shape. Let’s go back into Bevel and Emboss and now I’m going to reduce the depth quite a bit, reduce the size, just get it to what I want it to look like. Now we have a problem with the light now. At the moment from Photoshop’s point of view and for this Bevel and Emboss effect, Photoshop has the light coming from this direction. But you can see that the light is actually coming from this direction on the rivet itself. So we need to adjust the light here to match our rivet.

So I’m going to bring in a global light here that is hitting from this direction. And then I’m going to adjust my Screen and my Multiply so that I get the effect that I want. I don’t want a really, really harsh set of settings here. I just want the very smallest amount. And then I’m going to add a Drop Shadow so I’ll click Drop Shadow, select the Drop Shadow itself.

Now I think that these are badly named in Photoshop. Size in actual fact it’s more like a feather. So size will give you a softer or a harsher shadow and the actual physical size of the shadow is really controlled by the spread and the distance. So I’m going to bring my distance and my spread in quite small and adjust the size of it which gives me that sort of feathering effect and click Ok. And let’s just zoom out here and there we have our rivet. And this one’s a copper rivet but you’ll find that there’s plenty of things to choose from in this set of photo gradients. And you can create your own gradients to create your own look for your rivets.

I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more video tutorials on this YouTube channel, subscribe to the channel, click Like if you liked this video and visit my website at projectwoman.com for more tips, tricks and tutorials on Illustrator, Photoshop, Lightroom and a whole lot more.

Helen Bradley

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

Categories:photoshop, video

posted by Helen Bradley @ 5:46 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