Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Making an Out of Bounds image

From: Photoshop Elements 9 Essential Training

Video: Making an Out of Bounds image

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.

Making an Out of Bounds image

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.

Show transcript

This video is part of

Image for Photoshop Elements 9 Essential Training
Photoshop Elements 9 Essential Training

120 video lessons · 15456 viewers

Jan Kabili
Author

 
Expand all | Collapse all
  1. 11m 0s
    1. Welcome
      1m 18s
    2. What is Photoshop Elements?
      3m 47s
    3. Touring the workspaces
      5m 55s
  2. 54m 16s
    1. Working with catalogs
      5m 22s
    2. Importing and using the exercise files
      5m 13s
    3. Importing files from your computer
      7m 31s
    4. Importing photos from your camera
      8m 57s
    5. Importing photos from iPhoto (Mac only)
      4m 44s
    6. Importing files from external drives/CDs/DVDs
      4m 44s
    7. Scanning photos
      6m 50s
    8. Dividing scanned photos
      5m 51s
    9. Importing from watch folders (Windows only)
      5m 4s
  3. 39m 10s
    1. Touring the Organizer
      6m 41s
    2. Viewing thumbnails
      6m 15s
    3. Rotating photos
      52s
    4. Renaming photos
      2m 55s
    5. Fixing photo dates
      2m 28s
    6. Hiding and deleting photos
      4m 6s
    7. Stacking photos
      4m 22s
    8. Moving files
      2m 43s
    9. Reconnecting missing files
      4m 53s
    10. Using Help
      3m 55s
  4. 54m 22s
    1. Rating photos
      3m 58s
    2. Applying and organizing keyword tags
      7m 4s
    3. Searching by keyword tags
      3m 35s
    4. Tagging with People Recognition
      11m 3s
    5. Using Smart Tags
      5m 57s
    6. Creating albums
      4m 41s
    7. Creating Smart Albums
      6m 28s
    8. Searching by text
      5m 28s
    9. Using the Find menu
      4m 19s
    10. Using the Timeline
      1m 49s
  5. 30m 14s
    1. Viewing slideshows in Full Screen view
      4m 21s
    2. Working with photos in Full Screen view
      9m 20s
    3. Comparing photos
      5m 56s
    4. Viewing by date
      3m 18s
    5. Mapping photos (Windows only)
      7m 19s
  6. 38m 36s
    1. Applying Photo Fix
      9m 0s
    2. The Quick Fix interface
      7m 9s
    3. The Quick Fix controls
      5m 22s
    4. Adjusting lighting in Quick Fix
      3m 46s
    5. Adjusting color in Quick Fix
      5m 39s
    6. Using the Touch Up tools in Quick Fix
      7m 40s
  7. 43m 43s
    1. Guided Edit basics
      8m 13s
    2. Making an Out of Bounds image
      10m 17s
    3. Perfecting a portrait
      7m 43s
    4. Adding realistic reflections
      5m 26s
    5. Applying a LOMO camera effect
      2m 0s
    6. Making pop art
      1m 31s
    7. Using Style Match
      8m 33s
  8. 1h 20m
    1. Full Edit workspace overview
      6m 51s
    2. Working with tabbed documents
      4m 51s
    3. Using tools
      7m 40s
    4. Arranging panels
      5m 18s
    5. Setting preferences
      3m 41s
    6. Using Undo History
      6m 39s
    7. Zooming and navigating
      7m 4s
    8. Creating a blank file
      5m 19s
    9. Photo resizing and resolution
      8m 9s
    10. Cropping and straightening photos
      7m 15s
    11. Recomposing photos
      8m 15s
    12. Enlarging the canvas
      3m 27s
    13. Saving and formats
      5m 46s
  9. 35m 4s
    1. Understanding layers
      7m 17s
    2. Working in the Layers panel
      5m 21s
    3. Using layer masks
      7m 43s
    4. Using layer masks to combine images
      6m 27s
    5. Building composites
      8m 16s
  10. 20m 58s
    1. Selection basics
      3m 22s
    2. Manual selection tools
      3m 19s
    3. Automatic selection tools
      7m 24s
    4. Refining selection edges
      3m 30s
    5. Saving selections
      3m 23s
  11. 1h 21m
    1. Color managing
      7m 14s
    2. Applying Shadow/Highlight adjustments
      2m 42s
    3. Using adjustment layers
      8m 24s
    4. Masking adjustment layers
      7m 38s
    5. Adding a Levels adjustment layer
      6m 8s
    6. Adding a Hue/Saturation adjustment layer
      5m 56s
    7. Adjusting with Color Curves
      4m 14s
    8. Removing a color cast
      3m 37s
    9. Reducing digital noise
      4m 7s
    10. Sharpening photos
      7m 32s
    11. Processing multiple files
      7m 59s
    12. Working with raw photos
      15m 57s
  12. 18m 34s
    1. Using the Smart Brush tools
      6m 16s
    2. Dodging and burning
      2m 29s
    3. Retouching blemishes
      4m 29s
    4. Content-aware healing
      2m 31s
    5. Removing content with the Clone Stamp tool
      2m 49s
  13. 25m 53s
    1. Applying filters
      5m 36s
    2. Adding effects
      2m 34s
    3. Using layer styles
      7m 23s
    4. Using shapes
      4m 46s
    5. Using the Cookie Cutter tool
      2m 19s
    6. Converting color to black and white
      3m 15s
  14. 11m 25s
    1. Creating text
      7m 1s
    2. Editing text
      4m 24s
  15. 1h 25m
    1. Creating a photo collage
      8m 38s
    2. Fine-tuning a photo collage
      8m 3s
    3. Creating greeting cards
      8m 34s
    4. Creating photo calendars
      9m 28s
    5. Creating CD/DVD jackets and labels
      7m 43s
    6. Creating a photo book
      7m 44s
    7. Fine-tuning a photo book
      7m 11s
    8. Creating a slideshow (Windows only)
      8m 0s
    9. Fine-tuning a slideshow (Windows only)
      3m 23s
    10. Creating a flip book (Windows only)
      2m 47s
    11. End to end: Making a scrapbook page
      8m 15s
    12. End to end: Completing a scrapbook page
      5m 24s
  16. 49m 27s
    1. Printing photos
      8m 38s
    2. Contact sheets and picture packages (Windows only)
      6m 40s
    3. Sharing photos by email
      6m 38s
    4. Sharing photos by Photo Mail (Windows only)
      5m 8s
    5. Sharing to Flickr and Facebook
      4m 43s
    6. Saving images for the web
      6m 48s
    7. Signing up for Photoshop.com
      2m 55s
    8. Sharing online albums at Photoshop.com
      5m 4s
    9. Backing up
      2m 53s
  17. 38s
    1. Goodbye
      38s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop Elements 9 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.