Create a 3D Photo Effect

Create a 3D Photo Effect

Create a 3D Photo Effect

In this tutorial we will show you how to create a 3D photo effect, also known as the “out-of-bounds” effect. The first example uses one photo and a frame we create ourselves. The second example uses two photos, one of which is a blank photo frame.

Click on any of the images below to view full-size.

3D Photo Effect with One Photo

To begin, open the photo you want to work with in PaintShop Pro’s Edit tab. For the first example, we are using this photo of a killer whale. Once we are done, the whale will appear to be leaping out of the frame.

Step 1: Add a Background for your 3D Photo

In the Layers palette, right-click on your photo (Background layer) and select Duplicate. This way, your original photo will remain intact.

At the bottom of the Layers palette, click on the New Layer icon and select New Raster Layer. This will be the background of the 3D photo.

Activate the Flood Fill tool and select a bright, contrasting color in the Materials palette, such as yellow. In the Tool Options palette, make sure Use all layers is unchecked, then click on the image with the Flood Fill tool to fill the new layer with yellow.

In the Layers palette, drag the solid color layer below the copied photo layer. Then click on the copied photo layer to make it the active layer so that new objects will be placed above this layer.

Step 2: Add a Frame

To create the frame, activate the Rectangle tool. In the Materials palette set the Foreground (top) swatch to the color you want the frame to be (in this case we are using red), and set the Background (bottom) swatch to transparent by clicking on the small checkerboard icon under the swatch.

In the Tool Options palette, adjust the Width setting so that it is thick enough to stand out. You may have to adjust this setting a few times to get a width that suits the size of your photo.

With the Rectangle tool, click and drag on your photo to draw the rectangle so that part of the photo is outside the frame, in this case the whale’s head.

Because a rectangle is a vector object, it’s created on its own vector layer. But for the modifications that need to be made to this frame, the rectangle must be a raster object. This is easy to do: right-click on the layer in the Layers palette and select Convert to Raster Layer.

To give the frame a 3D look, activate the Pick tool and set the Mode to Free in the Tool Options palette. Now use the Pick tool to move the two nodes on the left up and down.

Step 3: Remove the Background Outside the Frame

Now we need to remove the parts of the photo outside of the frame. In the Layers palette, click on the copied photo layer to make it the active layer.

Activate the Selection tool and in the Tool Options palette set the Selection type to Rectangle and the Mode to Replace. Click and drag on your photo to create a selection area then press the Delete key to remove. Press Ctrl + D to deselect the area you just deleted.

Follow these steps again to remove other areas outside of the frame.

TIP: Where there are non-rectangular areas, such as the trapezoid shapes above and below the frame, switch to the Freehand Selection tool and set the Selection type to Point to point. Click once on the starting point then click on the next 2 corners of the shape. Double-click on the fourth corner to complete the selection area then press the Delete key to delete.

For any leftover areas that need to be removed, you can use the Eraser tool and the Background Eraser tool. In the Tool Options palette, set the Hardness to 100 and adjust the Size if needed (you can also adjust the brush size by holding down the Alt key and dragging up or down on your photo with the Eraser tool).

Use the Eraser tool for areas that AREN’T close to your subject, in this case the whale’s head.

Then switch to Background Eraser tool for areas that ARE close to your subject. The Background Eraser erases pixels of the same color as where you click. You may need to adjust the Tolerance setting in the Tool Options palette, depending on how closely your background color(s) match your object color(s). The bright yellow color we chose for the background layer makes it easy to see which pixels need to be removed.

Step 4: Remove the Frame Behind your Subject/Object

Once the background is removed from around the outside of the frame, the next step is to erase the part of the frame that should be behind your 3D subject/object (i.e. the whale’s head).

In the Layers palette, click on the frame layer to make it the active layer. Adjust the Opacity slider to reduce the opacity of this layer, to make it easier to see where you need to erase.

Now use the Eraser tool to remove the parts of the frame that should be behind the whale. Once you are done, bring the layer opacity back up to 100.

Step 6: Add a New Background (Optional)

The bright yellow background we originally created was very helpful when erasing but isn’t the look we want for our final 3D photo so we will replace it with a pattern instead.

In the Layers palette, click on the yellow background layer to make it the active layer. In the Materials palette, click on the Foreground (top) swatch to open the Material Properties window. Select the Pattern tab and then choose the pattern you wish to use (we used the Cracked Paint pattern). Activate the Flood Fill tool and click on your image to fill with the pattern.

3D Photo Effect with Two Photos

This technique can be used with a set of two images as well. For this example, we are using a photo of a frame hanging on a wall and a photo of a lizard. We’ll use the 3D photo technique to make it look like the lizard is coming out of the frame.

In our photo of the frame on the wall, the frame is filled with white and we need to remove that and replace it with the lizard. To remove the pixels inside the picture frame, we first need to promote the Background layer so that it becomes a raster layer. In the Layers palette, right-click on the Background layer and select Promote Background Layer.

Because the area to remove is a solid color rectangular area we can use the Selection tool easily. Activate the Selection tool and click and drag to create a selection area around the white background, then press Delete.

Now we need to add the lizard image to the photo. You can do this by copying (Ctrl + C) the lizard photo and pasting it (Ctrl + V) onto the photo frame image, or by dragging it directly into the Layers palette. Once the lizard image has been added, make sure to drag it below the photo frame layer in the Layers palette then reduce the layer opacity.

Activate the lizard layer and use the Pick tool, in Scale mode, to resize and move it into place.

Going back to the frame layer, use the Eraser tool with a small brush size to carefully erase the part of the frame that should be behind the lizard’s head, as well as all pixels that block the lizard’s head.

Once you are done, bring the layer opacity back up to 100. And we now have a new museum masterpiece!

Thanks for watching! We hope you found this tutorial helpful and we would love to hear your feedback in the Comments section below. And don’t forget to visit our social media pages and show us what you’ve learned by sharing your photos, videos and creative projects with us.

See what's new in PaintShop Pro 2022!

Download your FREE 30-day trial and get all the color and brightness you’ve been missing with PaintShop Pro 2022, your all-in-one photo editing and design software.

Related Tutorials

Tools You Need

PaintShop Pro 2022

Get all the color and brightness you’ve been missing with PaintShop Pro 2022, your all-in-one photo editing and design software.

Winter Chill Script

Easily turn your photos into wintery scenes with a touch of snow, with the Winter Chill script for PaintShop Pro.

PaintShop Pro 2022 Ultimate

Enjoy a faster, easier, more creative photo editor PLUS an exclusive bonus collection of premium software.

Photo Blocks Script

Watch your photos transform into a collage of overlapping blocks with this PaintShop Pro script.

Share this post

Comments (11)

  • bob Reply

    Can paint shop pro do cut outs for pic collages using 2 photos, cutting part of an image from 1 photo and pasting onto another, such as Microsoft’s pic-it used to do for me until windows 10 came along. (program doesn’t work in win 10)

    August 13, 2017 at 8:53 pm
  • MikeB Reply

    An update for this technique using X8 would be great!

    December 12, 2016 at 11:01 pm
  • Al Reply

    The bottom of the frame needs to be pushed in for a correct perspective. The top and bottom should both converge inward. It would make it more pleasing and correct.

    August 26, 2016 at 2:39 am
  • Jack Reply

    could the out of Bound effect Video be updated to work with the later version of Paintshop Pro X9, it does not work in the X8 and X9 versions. or it be useless to show this in the latest editions of learn how to

    August 20, 2016 at 11:43 am
    • Larry Reply

      It does work in version 8 but you really have to figure out the tool bar menu’s as they are different . I have two monitors so that makes it real easy to watch the video and copy it step by step. You can pause the video and back it up etc. In the tutorial with the horse coming out of bounds there are several places where she is clicking on something and not explaining and the mouse cursor is moving fast so very hard to figure out what is going on.A lot of start and stop and backing up in the video. Corel needs to do a new video on this and do it so people can actually follow it. Make the mouse cursor bigger and slow done the action so it can be followed.

      December 1, 2016 at 6:50 am
      • David Owen Reply

        I agree… It is difficult to follow. I still haven’t been able to do a pop out photo.

        February 5, 2019 at 5:15 pm
  • Dorothy Majors Reply

    Excellent for a beginner. (which I am) Thanks

    June 27, 2016 at 7:17 pm
  • Pat Thompson Reply

    Fantastic. I can hardly wait to try this. Thank you for the tutorials. They are a great help.

    June 24, 2016 at 10:14 am
  • Hallie Dodd Reply

    PS: Thank you for sharing videos like this …………… 🙂 Truly appreciated. Anxious to try out some new ‘toys’ 🙂

    Sorry about my comments being in more than one message. Hope you have a great weekend.

    June 18, 2016 at 8:23 pm
  • Hallie Dodd Reply

    I have GOT to figure out what pictures I have to give this a try …………. LOVE IT !!!!!!!!!!!!!!!!!!!!!

    June 18, 2016 at 8:22 pm

Leave a Reply

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