Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
The Out Of Bounds Guided Edit is one of the unique new Guided Edits in Photoshop Elements 9. This Guided Edit walks you through a series of steps that results in an image like this one in which part of the photo is extended beyond a frame, so you get this dimensional effect. To make this image, I started with this photograph that's in your exercise files. The photograph is now open in the Guided Edit workspace. I'm going to go over to the column on the right of the Guided Edit workspace and scroll all the way to the bottom to see a new category of Guided Edits called Fun Edits.
Here is the Out Of Bounds Effect. I'll click on that to open these Guided Edit instructions for creating this effect. If I roll over the photo at the top of the column, I can see the original photo that was used to create this example effect. By the way, when you are looking for a photo to use, try to find one like this example or like the telescope that has an object or part of an object that's extending outward either horizontally or diagonally or vertically and look for an image that doesn't have a very complicated background and one that has space around the object that's going to extend outside of the frame.
And it also helps if the object has a well defined edge. Now, let's look at the instructions for creating an Out Of Bounds Effect. I'll scroll down to the first instruction which is to click the Add Frame button to get started. The Add Frame button is right here in the instructions for this Guided Edit. You'll often find that Guided Edit instructions contain buttons or tools or sliders that are specific to that Guided Edit. I'll click this Add a Frame button and that creates this bounding box in the image. I'm going to use the bounding box to define the area of the photograph that I would like to have inside of the frame and the part of the telescope that I want to have outside the frame.
Instruction 1b is a little bit misleading. To move the bounding box, I'm not going to drag its corners instead I'm going to click inside of it and drag. And I'll drag it down into the bottom right. Now here's a little tip when you're repositioning this bounding box. You don't want to put it right up against the edge of the Document window because you need to leave a little bit of room around it for a border that the Out Of Bounds Effect adds around the frame. Once I have got this just where I wanted, I'll reshape the bounding box. To do that, I can move my mouse over any one of the edges of the bounding box or any one of the corners and drag.
I'd like my frame to be short and wide. So I am going to take this edge and I'm going to drag it down to about here and then, I'm going to go over to the left border and click on it and drag it to the left to about there. I'll scroll down, so I can see more of the instructions. The next instruction is to add some perspective to the frame. Now this is an optional step, you don't have to do this, but I found that it looks good to have perspective on the frame in the same direction as the object that's extending out of the frame.
So to add that perspective, I'll move my mouse over the top left corner of this bounding box and on the PC, I'm going to hold down the Crtl+Alt+Shift keys, that's the Command+Option+Shift keys on a Mac. And I'm going to drag down. I could drag right or left, but I like the result of dragging down in this particular image and that makes the left side of the frame slightly shorter than the right side adding perspective. When I'm done repositioning and reshaping the frame, I'll go down to the green arrow at the bottom of the frame and click to commit those changes as instructed here in 1d.
I'm going to scroll down a bit more to see more instructions. Now in the Document window, I can see only the part of the photograph that's going to be inside of my frame, but don't worry, that will change in a moment. The next instruction is to adjust the width of the frame border. The frame border is the white border that's going to be added around of the frame inside of the marching ants that you see here. I think the border is a little wide right now. To make it narrower, I can click on the corner anchor points and drag in and then I can fine-tune the results by moving over any of the edges of the bounding box and dragging in and I have to do this really carefully, because the marching ants like to snap themselves to the edge of the image and to the edge of the Document window.
If you find that too difficult, you don't have to make the border narrower. I just think it looks good on this particular image. When I'm done doing that as an instruction 2b, I'll click the green check mark. Now I can see the rest of the photograph. The clear area is the part of the photograph that will be inside the frame and I can see the white border around the frame too and the rest of the photograph is covered by this translucent mask. I'm going to scroll down some more to the next instruction which is to select the area of the telescope that I'd like to have extending out of the frame.
To do that, I have to use the Quick Selection tool, which is here in the Guided Edit instructions. This is the same Quick Selection tool that you'll find in Full Edit mode and in Quick Fix Editing mode. I'll click on this tool to select it and that changes the options available in the Options bar up here. The first thing I'll do is move my mouse over the image and I can see that my brush tip is a little bit too big for the selection that I want to make. So I am going to go up to the Options bar and click this white arrow to open the Brush picker. Here, I am going to make the diameter of the brush tip a little smaller and I can also vary the hardness of the brush.
I'd like my brush to be a little softer than 100% to soften the edge of the selection that I'm going to make and then I'll click in a blank area to close the Brush picker. Now I'll move into the image and I'll click on part of the telescope that I'd like to have extend outside the frame and drag. The Quick Selection tool is looking for the edges of the telescope and so it quickly selects for me. Now you can see that too much was selected. What I'm trying to do is to select just what's outside the white border and a little ways inside the border.
So to adjust this selection, I'll go up to the Options bar and I'll get the Subtract from selection option and then I'll come back into the image and I'll click and drag over the part of the selection that I want to remove. Now, this may take a little bit of back and forth, for example, here I removed too much of the selection. So I'll go back and I'll click on the Add to selection button and I'll run back over that area. Now remember, it's important to select not only the area that's going to extend outside the frame, but also a little bit inside the frame. Now I'm going to go over to the instructions again and scroll down and I'll move to step 4 which tells me to click the Create Out of Bounds button.
So I'll do that and in just a moment, Elements has deleted all of the part of the photograph outside the selection and outside the frame, creating this Out of Bounds Effect. You will notice that the selection around the telescope isn't perfect, but that's okay because the next step allows me to add a shadow to the image and in many cases that shadow can hide an uneven edge around the object extending out of the frame. So I'll try a Small shadow and if I think that's not enough, I'll go to the Medium shadow and there is also a Large soft shadow.
I'm going to go with the Medium shadow and then I'll go to the last step which is to add a gradient background to finalize the image. Now this is also optional, but I think it makes the image look good. So I'll click Add a Gradient and that opens the New layer dialog box because the way that this step works, is to add a layer to the image. Now you can't see that layer here in Guided Edit mode, but it will be visible when I'm done if I open the image into Full Edit mode. So I'll click OK here and that opens the Gradient Fill dialog box.
Now at this point, I can see the gradient here on the image. It's a radial gradient with a white area here and then darker grey around the outside. Let's say I want to make a change to that gradient, perhaps I want the colors to be a little bit different. I can do that by using any of the options here or to change the colors, I'll click in the Gradient bar and that opens the Gradient Editor. Here, there are many more options. I'm going to go down to this Gradient bar and I'm going to click on this light grey color stop. That activates the Color field and I'll click in the Color field to open the Color Picker.
Here, I could choose a color by clicking on it and then clicking OK or I can just move my mouse out over the image and click on a color that I like there, maybe a dark green from the forest and I get a preview of how the gradient looks now in the image. I like that. So I am going to close the Color Picker by clicking OK. I'll close the Gradient Editor by clicking OK in that dialog box and I'll close the Gradient Fill dialog box by clicking OK there and there is my final image.
There are just a couple more things to do and that is to save and close the image. Now if I didn't like this, I could come down to the Reset button at the bottom of the instructions and click there to remove all of the changes that I added to the original image and then I could start again. But I think this looks pretty good, so now I'm going to close and save the final product. I'll click the X to close and Elements asks if I want to save my changes? The answer is yes and that opens the Save As dialog box. It opens to the same place in which my original JPEG is located, but I prefer to save in the project folder on my Desktop, so I'll navigate there and then I'll move down to these options.
I'll keep the original file name. Notice that Elements suggests as the format, the Photoshop format that's because this format retains layers, so that if I want to I have a file that I can open into Full Edit mode and have access to all the layers that the Out Of Bounds Effect created. So I'll leave the Format set to Photoshop. I'm also going to leave a check mark next to Include in the Elements Organizer. I'll leave a check mark next to layers and next to the Color Profile and then I'll click Save. The resulting image is pretty complex.
It was accomplished with a series of layers and layer masks and effects which would have been much more difficult to figure out and apply if I was doing this from scratch in Full Edit mode, but here in Guided Edit mode, all I had to do was follow the instructions that were spelled out step-by-step.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 61916 Viewers
64 Video lessons · 88972 Viewers
148 Video lessons · 95528 Viewers
86 Video lessons · 57791 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.