Oval Photo Frame in Photoshop

October 5, 2019

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 his 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 for more tips,
tricks and tutorials on Illustrator, Photoshop, Photoshop Elements, Lightroom and a whole lot more.

Leave a Reply

Your email address will not be published. Required fields are marked *