In this post, I will show you how to create a border or frame around your image but allow parts of your image to be on top of, or coming out of the border or frame. The following image shows an example of this, and in the remainder of this post, I will show you how easy this technique is to apply.
Step-1 The first step is to load your image into Photoshop. I’m using CS5 for this example on a PC, so where I refer to commands like Ctrl-X, this is a PC command and the equivalent on a Mac would be Cmd-X (I think – I’m not a Mac person).
Step-2 Now I use the selection tool and brush across the flower until all parts of the flower are selected. Doing this will sometimes select more than the flower and to deselect these unwanted areas, just hold down the Alt key and brush over the unwanted areas to refine the selection to just what is wanted. In this case, the flower.
Step-3 Now we need to add to the selection what will be inside the frame. To do this, I used the Markee tool and while holding down the shift key, I started in the upper left at about 3/8 of an inch inside and dragged the selection to the bottom right to about 3/8 of an inch inside. After making this selection, I selected “select” from the menu and clicked on “inverse” to get the selection seen in the following image.
Step-4 Since I don’t want the bottom part of the flower to be “coming out of the frame”, I added this to the selection by again using the Markee tool and holding down the shift key to select the frame area at the bottom of the image as shown.
Step-5 Now with the selection made, I unlocked the background layer and then pressed Ctrl-X to cut the selection from the image, then pressed Ctrl-V to paste the cut selection to a new layer as shown. This will allow me to control the opacity of the border area without affecting the rest of the image.
Step-6 Now I add a new layer (layer 2) and place it below my image (layer 0) and filled it with white. Then select the border layer (layer 1) and set the opacity of this layer to about 60% to achieve the following effect. At this point you can see that we have our flower coming out of the frame, but we are not done yet. We want to add a white border around the inside of our border or frame.
Step-7 Once again I use the Markee selection tool and selected around the inside edge of the border. Then I select “select” from the menu and click on “modify”, then “border” and entered a value of 10 pixels. If you want a larger border, enter a larger number. This modify will change the selection into a border centered on the selection.
Step-8 With my border selection made, I added a new layer (layer 3) so I would be painting this border on it’s own layer. This will make it easy to mask it at the parts of the flower that should be over the top of this painted border. On the new layer, I selected my brush tool and made sure the foreground color was set to white and the brush opacity was at 100% and the brush had a relatively hard edge. Then I simply painted over the border selection. This selection will only allow the painting to occur inside the selection so you don’t have to be accurate and can use a fairly large brush.
Step-9 Now that we have the white border painted in, we need to mask out the parts of this white border that should be behind the flower (top and right sides of the image). So press Ctrl-D to deselect the border then add a mask to this layer (layer 3) and with a black brush, paint on the mask over the parts of the white border where the flower is supposed to be coming out of the frame.
Now the effect is complete and you can add any other adjustments to make the image look the way you want it to!