Skip to main content

How to Remove the Background from a Picture


how to remove background from image



Looking to cut out the background from an image, but aren’t quite sure how to do it? Well, no matter if you have Photoshop or not, you’ve come to the right place. In this article we’ll cover two different methods that will get the job done: one that uses Photoshop, and one that relies on a browser-based Web app.
We’ll start with the simplest option – the Web app. Even if you’re partial to full-featured programs like Photoshop or GIMP, we highly recommend checking out Clipping Magic. We like it because the learning curve is insanely low, it doesn’t require any downloads or installs because it runs in your browser, and it doesn’t cost a single cent. The program is currently in alpha, but it still works like a charm. Here’s a quick rundown of how to use it: 
If you’re fortunate enough to have a copy of Photoshop and prefer to use that,  we’ve also included a quick tutorial for that on page two. 

1. How to remove backgrounds with Clipping Magic

So let’s say you want to Photoshop a mustache onto your boss’s face, but you don’t have Photoshop and all of the gloriously curly mustaches you find have annoying white backgrounds on them. In order to strip out the background and get a PNG image of the mustache by itself, follow these steps:
1. Download/save the image to your computer.
2. Head over to ClippingMagic.com.
3. Click the big blue Choose File button or just drag and drop your image into the dotted box.
4. Draw a green line on the parts of the image you want to keep.
5. Draw a red line on the parts of the image you want to remove, i.e., the background. Zoom in as needed for more precision.
Mustache background removal
6. If the image preview on the right looks correct, go ahead and click save. 

Removing complex backgrounds

Looking to remove the background from an actual photograph, not just some clip art with a white background? Don’t worry – Clipping Magic can handle this too, but it’ll take a little extra work. To get the job done, just follow the same steps as above, but get a little bit more precise with the red and green markings. For example, this picture of my coworker Brandon Widder is pretty good, but the background just doesn’t do him justice. I want to replace it with something a bit more badass.
Brandon with background
When I first dropped the image into Clipping Magic, the software’s edge-finding algorithm did a decent job of finding Brandon, but needed a little extra help catching his majestic, flowing locks.
Brandon background removal
So, to make it more accurate, I needed to zoom in and get more precise with my green markings. You can change the size of your brush in the top menu, but I’ve found that’s it’s much easier to just zoom in really far. Once you’re close enough to see where the algorithm missed the edges, drop a few green marks to help it straighten out. 
Brandon hair background
Once you’re done with that, just zoom back out too see if the finished product looks all right. Mine’s not perfect, but it’ll do.
Brandon no background

Now I can add a newer, more appropriate background…
Brandon with T-Rex background
Perfect!
If you have any questions, feel free to post them in the comments section below and we’ll see if we can help!

2. How to remove a background with Photoshop


Photoshop is a pretty amazing program, and with such a massive selection of tools, the program offers a number of different ways to strip backgrounds from images. We’ll start with the easiest method. If you’re dealing with a background that’s a solid color, you can strip it away with these simple steps:
1. Open the image in Photoshop.
2. Select the Magic Wand tool.
photoshop interface magic wand tool
3. Click on the background and hit Delete. It’ll magically disappear.
4. Save your image, and make sure it’s in PNG format.

Removing complex backgrounds

To strip away a more complex background in Photoshop, you’ll need to dig a bit deeper into your toolbox. Photoshop is an incredibly full-featured program, and as such, it supplies you with a myriad different ways to remove backgrounds. Some of these methods carry far steeper learning curves than others, so for this tutorial we’ll go over a method that’s fairly straightforward. Here’s how it’s done:
1. Open your photo in Photoshop.
2. Select the Background Eraser tool.
photoshop screenshot
3. Adjust the brush size to your liking.
4. Set the Sampling to Continuous.
5. Set the Limits to Find Edges.
6. Adjust the Tolerance. Lower is generally better since a high setting will remove more colors. It’s generally a safe bet to opt for a setting in the 20-30 range.
7. Hover your brush over an area of the background that’s near your object. Click and it will magically be removed.
photoshop screenshot 2
8. Continue this process until you’ve created a background-free border around your entire object. Feel free to adjust the tolerance as needed where your image gets lighter/darker around the edges.
photoshop screenshot 3
9. Once you’ve got a solid border around your object, you can switch over to the regular Eraser tool to remove the rest and put on the finishing touches before you save
That’s it! if you have got any questions, feel free to post them in the comments section below and we’ll see if we can help!

Comments

Popular posts from this blog

Ask a Question and get the best possible Answer!

What’s the best way to ask a question ? The easiest way to contact me about any computer problems or issues is via email. You can reach me via email at snehal [at] techproceed [dot] com. I will respond to as many emails as I can, but due to the large volume of emails that I recieve every day, there is no guarantee that I will get back to you.  If you have any other inquires, questions, comments, ideas, etc, feel free to fill the form given below and I will do my best to respond.  Submit an article to see it on Techproceed ! Are you interested to see your article on TechProceed for the benefit of IT community?  I believe that personally accessible technology is the foundation of humanity’s future. To that end I help people to understand and safely use personal computers and related technology so that they can do more, be more, grow more and connect more than ever before, and be an active participant in that future.  You could submit...

What's Hot

Ask Snehal AI The world's best virtual tarot This Virtual tarot that that can answer all kinds of questions. Questions about the present, the past, and your future. He can be a bit temperamental, requiring that each question be presented with a petition of "Snehal, please answer the following question" or "Snehal, please answer" before each question is asked. Failure to correctly petition will not bring results.    http://asksnehal.techproceed.com/        What's Hot ?                 This section provides a snapshot of what's on the public's collective mind by allowing users to view the fastest-rising searches for different points of time. It also highlights search terms that have suddenly become the most popular among the rest.  Following list is updated day by day, dynamically: Share Files of Any Size Online via Private Torrent in...

How To Read Medium Articles for Free

I’m a regular Medium user and I read Medium articles almost every day. A few years back I didn’t have Medium membership—so, I had to find ways how to read Medium articles for free. I was able to find some ways to bypass Medium’s paywall system and read an unlimited amount of articles every day. I’ll share exactly how to read Medium articles for free in this article. Medium is a great blogging platform. This platform allows anyone to publish and read articles, but some of the articles on Medium are behind a paywall, which means they require a paid membership to read. Medium offers every user 3 free articles to read every month. That means you can read up to 3 articles that are published behind the Medium paywall. Stories that aren’t behind the Medium paywall are forever free to read. Here’s how to read Medium articles for free: You can read Medium articles for free by using the incognito mode of your browser, using extensions of Chrome, using the Telegram instant view from...