How to Create the Perfect Photo Corners for Every Image

show more 065 Creating photo corners provides you with in-depth training on Design. Taught by Mike Rankin as part of the InDesign FX show less
please wait ...

065 Creating photo corners

Hi! I'm Mike Rankin and welcome to InDesign FX. In this week's effect we'll create the look of an old-fashioned album by adding these corners to our placed photos. I'll go to the next page of my document and here I have just a plain photo of some trees, and I'd like to make it look like a photograph in one of those old-fashioned albums. So the first thing I'm going to do is add a stroke to create a white border around the photo. So I'll go up to the Control panel and in the Stroke Settings I'll apply 10 point stroke, I'll change the tint from 100% down to about 15% black, I'll go to the Stroke panel and align to the inside of the frame, and now I'll go back up to the Control panel and I'm going to add a Drop Shadow.

I want to set the Distance to 0 so the shadow sits right behind the frame. I'll click OK and now we can start making those photo corners. I'll zoom in a little bit, I'll take my Rectangle Frame tool, click in the document, and I'll make both the Width and the Height 30 pixels. I'll fill it with black and reduce the Tint a little bit to about 90%. So it's a very dark gray color. I'll press the P key on my keyboard to get my Pen tool, and I'll click on the bottom-right Control Point to delete it, so now I have a triangle.

I'll move it into position, I'm going to zoom in so I can see the detail that I'm creating here. Now I don't want these corners to be perfectly sharp, so I'm going to round them off just a little bit. So in the Control panel I will choose Rounded and maybe 3 pixels, then I'll choose Effects in the Control panel, Bevel and Emboss, I'll reduce the size of the Bevel down to 3 pixels, and the only other setting I'm going to change down here is the Shadow setting, because I don't really want that shadow over here. You see how it gets a little bit darker right there? I want to take that off, so I'm going to reduce the Opacity all the way down to 0.

I just want the highlight. I'll click OK. And now what I want to do is align the edge of the Bevel with the edge of the photo. So it seems like the photo is pushing up the corner just a little bit. So I want this line right about there, and this one I'll nudge into the left with my arrow key on my keyboard. There, that looks pretty good. I'll zoom back out and see how it looks. Okay, so there is one. I'll zoom back in a little bit so I can see what I'm doing. I'll select that corner and hold down Option+Shift or Alt+Shift on the PC, drag that corner straight down, and in the Control panel I'm going to rotate this 90 degrees.

Again I'll hold Shift and drag down. I'll zoom in, and again, I want to align that beveled edge right with the edge of the photo. So I'll use my arrow keys to nudge up and this edge is right because I constrained it with the Shift key when I dragged down. Zoom back out. Now I'll select both corners, Option+Shift or Alt+Shift, drag over to the right side. In the Control panel I'll click on Flip Horizontal. I'll zoom in and use my arrow keys to nudge these in place again. That looks pretty good. Now the one thing you might notice when I did that transforming when I rotated, and then when I flipped the other three corners, the Bevel doesn't look right.

I have highlights coming from all four sides, and that's not really very realistic. I want the highlight of the Bevel to be in the same direction on all four corners. So what I need to do is to make them all act as one, and to do that I can make them into a compound path. So I'll select all four corners by holding down the Shift key and clicking on all four, and I can go to the Object menu, Paths > Make Compound Path, and when I do that, the highlight is all in the same direction now. You can see it's all coming from the upper left.

The other nice thing about making them into a compound path is now I can click on any one of them, and I can change the fill color. So if instead of black I wanted a dark magenta, I could have that color. In this video we saw how to make realistic looking photo corners by applying a little Bevel and Emboss to some triangles, transforming them, and then converting them to a compound path to make all the highlights look right. I'm Mike Rankin and I'll be back in two weeks. Thanks for watching!

065 Creating photo corners
Video duration: 3m 44s 8h 7m Intermediate Updated Jul 08, 2014


065 Creating photo corners provides you with in-depth training on Design. Taught by Mike Rankin as part of the InDesign FX

please wait ...