How to Remove A Background in Photoshop

With many advances to Photoshop over the last several years, removing the background from an image has never been easier or quicker. Learn how to remove the background of a picture in Photoshop.

Knowing the best method to use for the type of image you’re working with is key to getting the best results with the best technique available.

Here are six ways to remove backgrounds from your photos using Photoshop Creative Cloud and when to use each technique to achieve the best results.

1. Remove a Background in Photoshop with the Object Selection Tool

One of the most remarkable features to have come to Photoshop is the new Object Selection tool, which is new to Photoshop 2022. The Object Selection tool utilizes Adobe Sensi AI technology to do just about all the work for you in selecting the subject in your photos.

Object Selection Tool Steps

Open your photo in Photoshop and select the Object Selection tool in the toolbar on the left (in the same menu as Quick Selection Tool).

Now, hover your cursor over your subject and wait for it to turn blue. (Move your cursor in tiny circles if it doesn’t immediately turn blue.)

In an instant, your subject is ready to be selected.

Remove a background in Photoshop using the new Object Selection tool

To erase background material from here, press the shift key while selecting all objects you’d like to keep in the photo. This shortcut will auto-select each object for you (showing you the marching ants around each entity).

Next, go to Select > Inverse to invert the selection (meaning that your background is now selected instead of your objects).

Remove a background in Photoshop: Object Selection tool selection

Depending on what you want the background to be (in my case, I want it to be transparent), you’ll likely need to unlock your image, so it’s no longer considered a background.

Next, click the lock on the right side of your image’s layer to unlock it. The layer name will change to “Layer 0” if you have no other layers. To remove the background, click the Eraser Tool (making sure your brush is large) and start erasing the background.

Remove a background in Photoshop: Object Selection tool eraser

You don’t have to worry about Photoshop losing the selections. If you ever need to reselect your objects, select the Object Selection tool and hover over your objects again.

You can learn how to edit the resulting mask created by the Object Selection tool (if it didn’t get everything in the initial selection).

Photo credit: Chris Hardy on Unsplash

2. Remove BG in Photoshop with Quick Action

Best to use when: you’re doing it for you, you need it fast, and you’re not necessarily looking for perfection. Best to use with high contrast between subject and background, and when the subject has fairly simplistic lines.

By far, the quickest method discussed here is the built-in Photoshop Quick Action for removing backgrounds in Photoshop. It was introduced in Photoshop 2021 (in the Creative Cloud subscription) and provides an Adobe background remover that’s effective and easy to use.

With speed, however, comes less accuracy. Using Photoshop Quick Action will do most of the work for you, but the results may fall short of your expectations, depending on your image. If that’s the case, you can use any methods described here to polish up the result.

Quick Action Steps

With your image open in Photoshop, right click your Background layer and click Duplicate Layer. In the dialog box that pops up, name your layer (calling it whatever you like) and click OK. Click the eye icon to the left of the original layer to turn that layer off.

Make sure your Properties panel is open by going to Window > Properties. (If it was already checked, there’s no need to click it; if it isn’t checked, click it to open it up on the right-hand side by default.)

In your Layers panel, click your new layer. In the Properties panel (by default this should be above your Layers panel), click the Remove Background button under Quick Action.Remove Background in Photoshop using the Quick Action 1

The quick action has now removed the background, leaving your layer with a mask around the subject.Remove Background in Photoshop using the Quick Action 2

From here, you can make refinements by going into the mask and adjusting as needed (such as around the dog’s feet at the bottom left of the image). While outside the scope of this article, if you need help with working with masks, check out this Adobe tutorial.

Photo credit: Karsten Wingert on Unsplash

3. Remove a Background in Photoshop with the Background Eraser Tool

Best to use when: working with high contrast images, although it takes a fair bit of time and effort to produce a good outcome.

The Background Eraser tool is excellent if you need more control over removing a background in Photoshop but still want Photoshop to do some of the heavy lifting for you. For more control, you’ll have to sacrifice some time to get the desired result. Depending on your photo, using the Background Eraser tool could be highly effective and a time saver and get you closer to your desired outcome with some time involved.

Background Eraser Tool Steps

  1. With your image open in Photoshop, right click your Background layer and click Duplicate Layer. In the dialog box that pops up, name your layer (calling it whatever you like), and click OK. Click the eye icon to the left of the original layer to turn that layer off.
  2. Select the Background Eraser tool from the toolbox on the left-hand side. This tool may be hidden below the Eraser tool. Click and hold the Eraser tool to reveal more options to and select the Background Eraser tool.
  3. In the tool options bar at the top of the screen, click the brush icon to reveal the brush panel.

Change the hardness so that it’s near or at 100%.

The size can be whatever you deem appropriate for the image you’re working with. In this case, I’m starting with 50px.

You can adjust it as we go by using the square brackets ([ and ]) to decrease and increase the size of the brush.

Remove a background in Photoshop using the Background Eraser Tool 1

Still in the tool options bar at the top, set the Sampling to be Continuous. It’s the first of three icons after the brush size option. Next, set the Limits to Find Edges and the Tolerance to be somewhere in the range of 20–25%.

Note that the lower the tolerance, the fewer color variations it will pick up. Conversely, the higher the tolerance, the more colors the tool will select.

Remove Background in Photoshop using the Background Eraser Tool 2

Start erasing the background around your subject using the Background Eraser tool by clicking and holding while moving the brush. The goal here is to keep the crosshairs inside the tool from touching your subject. Zoom in on the image if you need to see more close details.

I recommend you do short strokes with the brush (remembering to let go of the mouse from time to time) so that you can always Undo if the brush goes too far.

In the more difficult areas, you may find that you need to adjust the size of your brush as you go. You can do this by revisiting the tools option bar at the top, or using [ and ] to adjust down and up the size of your brush.

If resizing the brush doesn’t work and it’s erasing your subject, first undo your action. After that, go into the tool options bar at the top and adjust the Sampling to Once (the middle icon in the set of three), the Limits to Discontiguous, and Tolerance to around 10%. As a result of these settings, the brush will only use the color under the crosshairs in that moment and not resample as you go along.

Remove Background in Photoshop using the Background Eraser Tool 3

While this process can be quick or tedious depending on your image, it provides good result. You’re in control of determining what the subject is and what isn’t. If this doesn’t complete the job, other methods mentioned here could help you get closer to your desired result.

Check out this Adobe tutorial for more detailed info on the Background Eraser tool.

Photo credit: Enrique Ortega Miranda on Unsplash

4. Remove a Background in Photoshop with the Pen Tool

Best to use when: the subject and background are not highly contrasted or when other tools such as the Quick Action or Background Eraser tool mentioned above aren’t producing desired results. It gives you the most control out of all the methods listed here.

The Pen tool is one of the most tried and true ways to remove backgrounds from images in Photoshop. It gives you the most control over the outcome. However, because it gives you the most control, it can also be the most time-consuming. The Pen tool requires patience.

Pen Tool Steps

  1. With your image open in Photoshop, right click your Background layer and click Duplicate Layer. In the dialog box that pops up, name your layer (whatever you’d like), and click OK. Click the eye icon to the left of the original layer to turn that layer off.
  2. Select the Pen tool from the toolbox on the left-hand side (above the Text tool). Zoom in to an area of your image to start. Start at the edge of your subject (or a suitable starting point) and click to start the first anchor. Then start working your way around your subject, adding additional anchors to start outlining your subject.

If you need to make a curved line, click-hold-drag to produce a curved line, moving the mouse to adjust the curve as needed.

To adjust an anchor point or directional lines for fine tuning, use the Direct Selection tool (hidden under the Path Selection tool) in the toolbox.

To undo an anchor, go to File > Undo or use your keyboard shortcut (Command + Z for macOS, Control + Z for Windows).

For more info about the Pen tool and working with paths in Photoshop, read this Adobe tutorial.Remove a background in Photoshop using the Pen Tool

Make sure you complete the path once you’re done by meeting up with your first point. Once you’ve completed the path and you’re happy with the results, you’ll want to save the path. Go to Window > Paths to reveal the Paths panel (it should appear on the right-hand side by default). Click the three bar menu at the right and click New Path, and name your path. Now your path is saved in the Paths panel.Remove a background in Photoshop using the Pen Tool 2

Next, right click your new path in the Paths panel and select Make Selection, then click OK in the dialog box (leave all defaults for now). This will give you the marching ants outline where your path was.Remove Background in Photoshop using the Pen Tool 3

Since we don’t want to delete what’s inside the selection, we’ll want to change the selection to be everything except the subject. Go to Select > Inverse. You’ll see the marching ants are now around the entire image and the subject, essentially selecting the background.

To delete the background, press Delete. You should now see the white/gray checkered background instead of your previous background.Remove a background in Photoshop using the Pen Tool 4

As with the other methods listed, you may find that this doesn’t get you to 100%. Using a combination of the Pen tool and other methods here will help you get closer to your desired result. (For instance, I would use a different method to help refine the woman’s eyelash area in this particular photo.)

For more detailed info on the Pen tool, have a look at this Adobe tutorial.

Photo credit: Kim Carpenter on Unsplash

5. Remove a Background in Photoshop with the Magnetic Lasso Tool

Best to use when: the subject is mostly high contrasted from the background and with complex edges, and where you want to save time and have Photoshop detect the path for you.

If the Pen tool is too labor-intensive, or you don’t want to take the time to draw out your subject, the Magnetic Lasso tool may be a good starting point for quickly getting you where you need to be so you can spend your time refining the details.

Magnetic Lasso Tool Steps

With your image open in Photoshop, right click your Background layer and click Duplicate Layer. In the dialog box that pops up, name your layer (whatever you’d like), and click OK. Click the eye icon to the left of the original layer to turn that layer off.

Select the Magic Lasso tool from the toolbox on the left. Start drawing along the edge of your subject with the tool. You’ll see it will start drawing the path for you as you move your cursor. Patience is key here, as you’ll want to be slow, steady, and deliberate with your moves.Remove a background in Photoshop using the Magnetic Lasso Tool 1

Once you’ve started the tool, you’ll need to go around your subject completely and connect to your starting point. Once you’ve made it back around to the beginning, click the starting point. The selection will then turn into marching ants around your selection.Remove a background in Photoshop using the Magnetic Lasso Tool 2

Save your selection by going to Selection > Save Selection and giving it a name.

To delete the background, go to Select > Inverse to invert the marching ants (they should now be running around the edge of the image and your subject). Click delete. You should now see the white/gray checkered background instead of your previous background.

If you feel you need to make adjustments to the selection, you can backtrack a couple of steps and redo them to get better results, or use a combination of other techniques listed in this article to get you closer to your desired result.

For more detailed info about how the Magnetic Lasso tool works, check out this Adobe tutorial.

Photo credit: Dlanor S on Unsplash

6. Remove a Background in Photoshop with the Quick Selection Tool

Best to use when: the subject is somewhat contrasted and/or the image has “wispy” or intricate details, or when you want to save time and need decent accuracy and the ability to quickly refine.

The Quick Selection tool is perhaps my favorite method here because it’s the fastest way to select a subject and allows for quicker refinements. It also can be used on a much wider range of possible photos than other methods listed here, because it works by detecting color changes to determine where the selection should be.

Quick Selection Tool Steps

Steps: Removing a Background Image with the Quick Selection Tool

Duplicate the image layer

With your image open in Photoshop, right-click your Background layer and click Duplicate Layer. In the dialog box that pops up, name your layer (whatever you’d like), and click OK. Click the eye icon to the left of the original layer to turn that layer off.
 

Select the Quick Selection tool

Select the Quick Selection tool from the toolbox on the left (may be hidden under the Object Selection tool).

Paint the subject of the image

Using the tool, start painting your subject. You’ll see the marching ants start appearing while you paint. To adjust your tool size, use the [ or ] keys to decrease or increase the size.

Clean up the selection path

If you find you’ve painted outside of the subject, click and hold the Option key (macOS) or Alt key (Windows) and you’ll see the center of the tool turn from a + symbol to a - symbol, indicating it will now take away from the selection. Paint on the part of the selection you want to remove while holding the Option/Alt key.

Save your selection

Save the selection by going to Select > Save Selection and giving it a name. This is in case you want to come back and make adjustments.

Delete the background

To delete the background, go to Select > Inverse to invert the marching ants (they should now be running around the edge of the image and your subject). Click delete.

If you find you’ve missed a spot or need further refinements, you can backtrack a couple of steps to do the refinement and resave your selection and try again.

For more detailed information on how the Quick Selection tool works, have a look at this Adobe tutorial.

Photo credit: Natural Goods Berlin on Unsplash

Removing a Background in Photoshop Has Never Been Easier

Through these methods in Photoshop, it has never been easier to remove a background from an image. Whether you’re looking for a quick and easy way to pull a subject out of a photo, or you need a way to replace the background of a more detailed image, the methods above will help you get to your end result much quicker and with better results.

Knowing which method to use and when will not only make your workflow go much quicker, but you’ll also end up with a much better final image.

Finally, depending on your ultimate use case, if you need to save your image without the background, don’t forget to save it as a transparent PNG so that you can use it in other applications and maintain your new background-free image.

Original article source at: https://www.sitepoint.com/

#photoshop #background 

How to Remove A Background in Photoshop
Monty  Boehm

Monty Boehm

1667613240

Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

React Color

13 Different Pickers - Sketch, Photoshop, Chrome and many more

Make Your Own - Use the building block components to make your own

Demo

Demo

Live Demo

Installation & Usage

npm install react-color --save

Include the Component

import React from 'react'
import { SketchPicker } from 'react-color'

class Component extends React.Component {

  render() {
    return <SketchPicker />
  }
}

You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker respectively.

100% inline styles via ReactCSS

Download Details:

Author: Casesandberg
Source Code: https://github.com/casesandberg/react-color 
License: MIT license

#sketch #react #chrome #photoshop 

Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
Aliyah  Murray

Aliyah Murray

1652057280

Top 100+ Tips &Tricks in Photoshop You (Probably) Don't Know

In this episode of the Photoshop Training Hour, we will continue with the 100 tips, tricks, and techniques that you probably don't know!

#photoshop 

Top 100+ Tips &Tricks in Photoshop You (Probably) Don't Know
Felipa  Murphy

Felipa Murphy

1652054580

How to Make Lower Third Animation in Adobe Photoshop

In this video I'll show you how to create LOWER THIRD ANIMATION using Adobe Photoshop CC.

Hello Guy...
Welcome Again, 
In this tutorial we will create a simple lower third animation in photoshop. before that, if you do not know what is the lower third?

In the television industry, a lower third of a graphic overlay is placed in the title-safe lower area of ​​the screen, though not necessarily the whole lower third of it, as the name suggests.
In its simplest form, a lower third can just be text overlying the video. Frequently this text is white with a drop shadow to make the words easier to read. A lower third can also contain graphical elements such as boxes, images or shading. Some lower thirds have animated backgrounds and text.

#photoshop 

How to Make Lower Third Animation in Adobe Photoshop
Aliyah  Murray

Aliyah Murray

1652035560

Hidden Algorithms for Easy Color Correction in Photoshop

Discover the hidden algorithm to easily color correct or color match in Photoshop!


00:00 - Introduction
00:39 - Curves Auto Options for Color Correction
01:18 - Change the Default Auto Color Correction Algorithm
02:31 - What To Do if Auto Color Doesn't Work?
04:25 - Color Matching with Auto Color
08:32 - Adjust Contrast with the RGB Curves
08:51 - Final Thoughts  

#photoshop 

Hidden Algorithms for Easy Color Correction in Photoshop
Felipa  Murphy

Felipa Murphy

1652032800

How to Create Simple Spinning Circle Animation in Photoshop

Hello guys, in this video I will show you how to create simple spinning circle animation in Photoshop.

In this video we will use four circles converted into one smart object, then we use Transform (Rotate) Keyframe animation to create circle animation that rotates inside the circle, each circle has a different rotation tempo.

Hope this video is useful.
If you do not understand this video please comment or you can download the file on this link
https://drive.google.com/file/d/1orV_1_AIaKWo49hjEhbih2lv96QAbv6L/view?usp=sharing

#photoshop 

How to Create Simple Spinning Circle Animation in Photoshop
Aliyah  Murray

Aliyah Murray

1652028300

Master Curves in Photoshop For Beginners (1 Hour)

In this episode of the Photoshop Training Hour, you will learn everything you need to know about the Curves Adjustment in Photoshop!

#photoshop 

Master Curves in Photoshop For Beginners (1 Hour)
Aliyah  Murray

Aliyah Murray

1652021040

How to Create a 3D Pop-Out Effect using Layer Masks in Photoshop

Learn how to create a 3D Pop-Out Effect in Photoshop using two simple Layer Masks.

This tutorial is part of my Photoshop in-app tutorials. You can open the tutorial image directly from Photoshop and follow the coach mark overlays to follow along. You will need Photoshop 2021 (22.5) and newer.

In this Photoshop tutorial, you will learn how to use a combination of Layers and Layer Masks to create the illusion that the skateboarder is jumping out of the phone.


00:00 - Introduction
00:13 - Photoshop In-App Tutorials
01:06 - Duplicate the Background Layer
01:29 - Disable Both Skateboarder Layers & Activate BG
01:35 - Select the Phone Screen with the Magic Wand Tool
01:52 - Apply the Phone Screen Selection to the Skateboarder
02:15 - Select the Main Subject & Apply a Mask
03:00 -  Fine-Tune the Mask
03:30 - Link Layers to Move as One Unit
04:31 - Final Thoughts  

#photoshop 

How to Create a 3D Pop-Out Effect using Layer Masks in Photoshop
Felipa  Murphy

Felipa Murphy

1652014440

How to Create Seamless Pattern in Photoshop Easily

in this video I will show you a simple technique how to create a seamless pattern in Photoshop.

#photoshop 

How to Create Seamless Pattern in Photoshop Easily
Aliyah  Murray

Aliyah Murray

1652013780

How To Apply a DUAL LIGHTING Effect In Photoshop (Simple Way)

Learn this simple yet powerful technique to apply a dual lighting effect in Photoshop!

This tutorial is part of my Photoshop in-app tutorials. You can open the tutorial image directly from Photoshop and follow the coach mark overlays to follow along. You will need Photoshop 2021 (22.5) and newer.

In this tutorial, you will learn how to use Gradient Maps, Blending Modes, and Layer Masks to create the illusion of two lights of different colors hitting the main subject.


00:00 - Introduction
00:15 - Photoshop In-App Tutorials
01:23 - Dual Lighting Effect Explanation
01:40 - Select the Main Subject
01:55 - Create a Layer Group and Apply a Mask
02:20 - Create a Black and White Adjustment Layer
02:35 - Set The Default Foreground and Background Colors
02:45 - Create the Blue Gradient Map
03:42 - Mask Out The Blue Color From The Right Side
04:27 - Create the Red Gradient Map
05:20 - Final Thoughts  

#photoshop 

How To Apply a DUAL LIGHTING Effect In Photoshop (Simple Way)
Aliyah  Murray

Aliyah Murray

1652006520

How To Apply a Cinematic Color Grade in Photoshop

Learn this simple yet powerful technique to apply a Cinematic Color Grade in Photoshop!

This tutorial is part of my Photoshop in-app tutorials. You can open the tutorial image directly from Photoshop and follow the coach mark overlays to follow along. You will need Photoshop 2021 (22.5) and newer.

In this tutorial, we will use the easy sliders in the Selective Color Adjustment Layer as a filter, to apply the blue/orange cinematic look.

00:00 - Introduction
00:15 - Photoshop In-App Tutorials
01:29 - Cinematic Color Grading Explanation
02:00 - Apply Blues and Cyans to the Midtones
03:05 - Reduce Blue and Cyan from Skintones 
04:05 - Make the Colors Pop with Vibrance 
04:50 - Final Thoughts  

#photoshop 

How To Apply a Cinematic Color Grade in Photoshop
Aliyah  Murray

Aliyah Murray

1651999260

How to Change The Color of an Object in Photoshop

In this episode of the Photoshop Training Hour, you will learn to change the color of any object using several professional techniques!

#photoshop 

How to Change The Color of an Object in Photoshop
Aliyah  Murray

Aliyah Murray

1651992000

Photoshop Brushes Explained - Full Tutorial

In this episode of the Photoshop Training Hour, you will learn to create custom Brushes in Photoshop!

#photoshop 

Photoshop Brushes Explained - Full Tutorial
Aliyah  Murray

Aliyah Murray

1651984740

How To Make Colors Pop In Photoshop (3 Easy Ways)

In this Photoshop tutorial, you will learn how to make colors pop in Photoshop.

This video will teach you three easy methods to make the colors in your photos more vibrant in Photoshop.

00:00 - Introduction
00:22 - Make Colors Pop By Increasing Saturation
02:15 - Selectively Increase Saturation
05:02 - MSI Creator PS321QR Monitor
06:05 - Change To Complementary Colors
09:37 - Final Thoughts 

#photoshop 

How To Make Colors Pop In Photoshop (3 Easy Ways)
Aliyah  Murray

Aliyah Murray

1651977480

Trick to interactively Create Long Shadows In Photoshop

Learn this amazing trick to interactively create long shadows in Photoshop!

📘 INDEX - Create Long Shadows in Photoshop
00:00 - Introduction
00:06 - Document Set Up Explanation
00:20 - The Problem with the Drop Shadow Layer Style
00:48 - Create a New Layer & Smart Object
01:16 - Apply the Long Shadow with The Path Blur
01:58 - Final Thoughts  

#photoshop 

Trick to interactively Create Long Shadows In Photoshop