Highlighted

Quick Steps! Out of Bounds with Photoshop 2020

Adobe Employee ,
Nov 01, 2019

Copy link to clipboard

Copied

Create an eye-catching “out of bounds” effect by following these fun steps in Photoshop 2020

 

Photoshop 2020 has an amazing collection of new tools and features including enhanced tranform, warp, and object selection that make compositing even more effortless than ever before. In this Out of Bounds tutorial, learn how to bring Charlotte the Pig out of bounds in just a few simple steps!

 

 

Into this!Into this!Let's turn thisLet's turn this 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Easily follow along!

Download the attached photo, or choose your own image to start with.

As we go, we’ll use some of the new tools available only in the 2020 release of Photoshop on desktop.

 


Let’s do it.

 

➊ Open the image and duplicate the background layer.

Tip: This is good non-destructive editing habit and will be useful later.

 

 

 

➋ Create a frame shape selection.

This will be the shape of the picture frame the subject will jump out from.

 

  • Use the rectangular marquee tool to create a frame shape selection. 
    • Don’t worry. This shape can be adjusted later.

01-Select-a-frame-shape1.gif

 

 


 

➌ Use a Solid Color layer to fill the selection. 

  • Use a Solid Color adjustment layer to fill the marquee selection with white on its own layer.

02-Color-Fill-Layer3.gif

 

Notice the bottom-most layer (Layer 0) is selected, which puts the new Solid Color layer (Color Fill 1) above Layer 0. Read more about adjustment layers here 


 

➍ Clip (alt/option + click) the photo layer to the frame shape we just created.

 

03-Clip-image-to-frame2.gif

 


 

 

➎ Group layers and add a Stroke effect.

Did you know you can add layer effects to a Layer Group! Try it out!


04-Group-and-Stroke.gif

 

 


 

➏ Select the subject with the NEW Object Selection Tool.



5-ObjectSelect.gif

Tip: Use Shift or Alt to add or subtract from the selection.

 

 

6-Add-to-Selection.gif

 


 

 

➐ Fine tune the mask!

  • Use Select and Mask.

7-SelectandMask.gif

 

Tip: Export the refined selection to a new layer with mask.

 

b. Refine the layer mask with the Brush tool. New to layer masks?
Remember: “Black conceals, white reveals”

 8-ManualMaskFix.gif

 

 


 

➑ Add a shadow layer.

Create a shadow layer to interact with the background photo frame.

Here, we’ll use a Drop Shadow and output it to its own layer.

9-DropShadowLayer.gif


Note:
 The “Create Layer” command is not visible in the frame in the above animation. Though, that’s the option you want.

 


 

➒ Add a touch of color with NEW Gradient presets.

10-gradientpanel-overlay.gif

 


Tip: Selecting different presets will alter the same adjustment layer. Try them all!

 


 

➓ Refine the frame’s shape with NEW Transform Warp.

11-transform-warp2.gif

 

 


 

 

➔ Bring it together with the Camera Raw filter.
a. Select your layers

b. Create a Smart Object
c. Filter > Camera Raw Filter

12-ACR-SO.gif

 

 

 


 

 

Add any finishing touches.
To give some context to this piggy image, I found some sliced vegetables on Adobe Stock and masked them into the image. The new Object Selection tool worked great!

13-object-select-veggies.gif

 

 

Nice job!

Did you follow along? What did you make?

 

Share your creation with the community here.

Topics

How to, Make It

Views

2.7K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Quick Steps! Out of Bounds with Photoshop 2020

Adobe Employee ,
Nov 01, 2019

Copy link to clipboard

Copied

Create an eye-catching “out of bounds” effect by following these fun steps in Photoshop 2020

 

Photoshop 2020 has an amazing collection of new tools and features including enhanced tranform, warp, and object selection that make compositing even more effortless than ever before. In this Out of Bounds tutorial, learn how to bring Charlotte the Pig out of bounds in just a few simple steps!

 

 

Into this!Into this!Let's turn thisLet's turn this 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


Easily follow along!

Download the attached photo, or choose your own image to start with.

As we go, we’ll use some of the new tools available only in the 2020 release of Photoshop on desktop.

 


Let’s do it.

 

➊ Open the image and duplicate the background layer.

Tip: This is good non-destructive editing habit and will be useful later.

 

 

 

➋ Create a frame shape selection.

This will be the shape of the picture frame the subject will jump out from.

 

  • Use the rectangular marquee tool to create a frame shape selection. 
    • Don’t worry. This shape can be adjusted later.

01-Select-a-frame-shape1.gif

 

 


 

➌ Use a Solid Color layer to fill the selection. 

  • Use a Solid Color adjustment layer to fill the marquee selection with white on its own layer.

02-Color-Fill-Layer3.gif

 

Notice the bottom-most layer (Layer 0) is selected, which puts the new Solid Color layer (Color Fill 1) above Layer 0. Read more about adjustment layers here 


 

➍ Clip (alt/option + click) the photo layer to the frame shape we just created.

 

03-Clip-image-to-frame2.gif

 


 

 

➎ Group layers and add a Stroke effect.

Did you know you can add layer effects to a Layer Group! Try it out!


04-Group-and-Stroke.gif

 

 


 

➏ Select the subject with the NEW Object Selection Tool.



5-ObjectSelect.gif

Tip: Use Shift or Alt to add or subtract from the selection.

 

 

6-Add-to-Selection.gif

 


 

 

➐ Fine tune the mask!

  • Use Select and Mask.

7-SelectandMask.gif

 

Tip: Export the refined selection to a new layer with mask.

 

b. Refine the layer mask with the Brush tool. New to layer masks?
Remember: “Black conceals, white reveals”

 8-ManualMaskFix.gif

 

 


 

➑ Add a shadow layer.

Create a shadow layer to interact with the background photo frame.

Here, we’ll use a Drop Shadow and output it to its own layer.

9-DropShadowLayer.gif


Note:
 The “Create Layer” command is not visible in the frame in the above animation. Though, that’s the option you want.

 


 

➒ Add a touch of color with NEW Gradient presets.

10-gradientpanel-overlay.gif

 


Tip: Selecting different presets will alter the same adjustment layer. Try them all!

 


 

➓ Refine the frame’s shape with NEW Transform Warp.

11-transform-warp2.gif

 

 


 

 

➔ Bring it together with the Camera Raw filter.
a. Select your layers

b. Create a Smart Object
c. Filter > Camera Raw Filter

12-ACR-SO.gif

 

 

 


 

 

Add any finishing touches.
To give some context to this piggy image, I found some sliced vegetables on Adobe Stock and masked them into the image. The new Object Selection tool worked great!

13-object-select-veggies.gif

 

 

Nice job!

Did you follow along? What did you make?

 

Share your creation with the community here.

Topics

How to, Make It

Views

2.7K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 08, 2019

Copy link to clipboard

Copied

Great Tut. Although my first reaction when following was "Object Selection Tool, well that's pretty sweet! Still just Adobe telling we didn't need the Extract filter though."

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 17, 2019

Copy link to clipboard

Copied

The tool is so much more effective and efficient. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Nov 28, 2019

Copy link to clipboard

Copied

Great tutorial. It actually arrived at a great time. I'm working on a project that this would work with. I'll share it as soon as I'm allowed to share it 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...