• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Photoshop Effects » Photoshop Trick: Separating the Foreground from the Background

Photoshop Trick: Separating the Foreground from the Background

196
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit
Subscribe on YouTube!

Posted In: Photoshop Effects | Watch on YouTube

Separating the Foreground from the Background in Photoshop is the perfect fix for every awkward posture, off-center subject, and a distracting background.

In this tutorial, you will learn why separating the Foreground from the Background is the best kept photoshop secret that you are not using! Even if you are not compositing and just working with a single photo.

In this example, we will use an image of a runner caught mid-movement and you will learn how by separating the background from the foreground you will be able to easily alter the posture of the runner, make clothing look perfect-fitting, and move the subject to a different position within the image. 

Let’s get started!

Select the Main Subject of The Photo

You can follow along with this Adobe Stock Image of a man running.

First, make a selection around the runner.

There are several different ways to make a selection of the main subject: you can use the Pen tool, Magnetic Lasso tool, Magic Wand tool, or Quick Selection tool. However, these tools will require your time and effort to select the desired areas.

If you are in Photoshop 2020 and newer, you can cut time by simply going into Select > Select Subject.

Using the Select Subject command will automatically make a selection around the subject.

Select Subject uses Adobe Sensei which is Adobe’s Artificial Intelligence (AI) that uses machine learning technology to figure out what the main subject is.

Click here to learn more about the Select Subject tool!

While ultimately reliable, it can make small mistakes that you can easily correct. Look for areas that may have been overlooked by the AI.

In this example, deselect the space between the arm and the body.

To deselect, use the Quick Selection tool and hold Alt (Windows) or Option (macOS), then click-and-drag around the small area to deselect.

Separating the Foreground from the Background

The next step is to duplicate the background by dragging it down to the New Layer icon. Repeat this step twice to make two duplicate copies.

Note: since we have a selection active we cannot use the Ctrl J Command J keyboard shortcut to duplicate the layer. With a selection active this shortcut will only duplicate the contents of the selection and not the entire layer.

Always try to name your layers so that you know what they control. In this case, you can rename the top copy to “Runner.”

With the selection still active, click on the “Runner” layer, and in the bottom of the Layers panel, click the New Layer Mask icon to make a mask out of the selection. This step will remove the background from the current layer.

Then, select the two “Runner” layer, and the Background Copy layer, by holding Shift and clicking on both, and press Ctrl G (Windows) or Command G (macOS) to place them into a group.

You can call the new group “Edit.”

Separating the Foreground from the Background

Now that we have two layers inside of the Edit group we can focus on separating the Foreground from the Background effect.

Make a selection out of the “Runner” layer mask by holding Ctrl (Windows) or Command (macOS) and clicking on the Runner Layer Mask thumbnail.

Then go to Select > Modify > Expand. This step opens the Expand Selection window, and then set the expansion by 3px and press OK.

Next, hold Shift Backspace (Windows) or Shift Delete (macOS) to open the Fill window.

Under the Contents drop-down, select Content-Aware and press OK.

Content-Aware will fill the selection with “content” similar to the surrounding areas in the selection, and it will make it seem as if the runner was never there.

Note: With more complicated backgrounds, you may want to try the New Content-Aware Workspace to get better results.

Press Ctrl D (Windows) or Command D (macOS)  to deselect and disable the marching ants.

Although the fill works great, it is not perfect. For areas that need more work, you can use the Clone Stamp tool (S) to apply a seamless transition and keep the consistency between the original background and where the Content-Aware worked on.

After you’re done, you will have a clean background with no runner! Once you enable the Runner layer you will have your original image back, but it is now in two layers!

How to Work Independently with the Subject

One of the many perks of separating the foreground from the background is that you can adjust the subject without affecting a single pixel from the background, and vice versa.

To have even more control, you can select the “Runner” layer, right-click,  and select Convert to Smart Object.

Note: A Smart Object is a container that can hold one or more layers. It allows you to apply editable adjustments, distortions, filters, and transformations.

Adjustment That You Can Make To Your Subject

Liquify Filter

  • From the Menu bar, click on Edit > Liquify.
  • On the View options, check the box beside the Show Backdrop. Initially, it will show “All Layers” but click on it to reveal the drop-down menu and click Background Copy.
Check the box for Show Backdrop
  • By separating the foreground from the background, you are now able to use the Liquify tool on the runner without distorting the background details.

    The Liquify Filter can also be used to fix minor issues such as wrinkles of the clothing or refining the subject’s body.

Puppet Warp

  • On the Menu bar, click Edit > Puppet Warp.
  • To see the guides, click the checkbox on the Options bar to Show Mesh
  • To create points, place it strategically where the joints are suchas the neck, elbow, shoulders, ankles, and knees.

    By adding these points, you can distort the posture of the subject by clicking on the points and dragging them to where you want them to be.
  • To adjust angles of feet or hands, hold Alt (Windows) or Option (macOS) and click on the points to rotate it to your desired placement or angle.

Move tool

  • Press the V on your keyboard to use the Move tool, this allows you to move the subject anywhere in the frame just by click-and-drag.

These are just three ways that you can adjust your image once you have separated the foreground from the Background.

For more Photoshop tutorials, make sure that you check out the PTC YouTube channel and hit the subscribe button! 

Final Image

Drag The Slider To See Before & After

Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • Zombie Photoshop Tutorial
  • How To Make Someone Older In Photoshop – Young To Old Tutorial
  • Make Money In PhotoshopHow To Make Money With Photoshop

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Subscribe
Login
Notify of
guest
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Inline Feedbacks
View all comments

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    Create Book Cover Mockups in Photoshop [Pro Techniques]...
    I
    37 Shares
  •  
    Better DUAL LIGHTING Effect In Photoshop [Total Control]...
    L
    5 Shares
  •  
    Channel Based Selections in Photoshop...
    I
    3 Shares
  •  
    How To Repair Old Film Negatives in Photoshop...
    I
    2 Shares
  •  
    How To Customize The Photoshop Interface Color...
    L
    1 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.
wpDiscuz