ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

How to make the perfect Photoshop cutout

Updated on August 23, 2014

Introduction

Some photographs are easier to cut out than others, but never fear, with this method you will soon be a pro at cutting images out of any background. I am using my Hubpages profile picture as an example here, so pick out a photograph for yourself and follow along. I'm doing this quickly as a tutorial, but take your time and do it carefully, you'll be surprised at the results!

This tutorial uses a Layer mask to help cut out the shape. Working with masks in Photoshop is really important, and using a Layer-mask in this scenario means you can quickly and easily replace parts of the photograph you may have accidentally erased, essentially eliminating mistakes so you end up with perfect results.

The Layer Mask is the Photoshop Guru’s alternative to the Eraser tool. The eraser tool is what's called a destructive technique, as you cannot get back the parts of the image you have erased. With a layer mask you can easily go back and alter or edit your work. The basic principle behind Layer Masks is black is transparent and white is solid, so whatever area of your mask is black will effectively be erased from the image.

Load your image into Photoshop

You can load your image into Photoshop in two ways:
1. By dragging the photograph into the Photoshop icon.
2. By opening Photoshop and selecting File-Open-Your photo.

Open the Layers Palette

  • On the right-hand side of the screen are a number of palettes. Click on the 'Layers' palette to open it. You will see your photograph is the only layer in the image, and that it is locked.
  • To unlock your image, double-click on the 'lock' icon, name your layer in the dialog box that pops up, and hit 'enter'

Create a new solid color layer
Create a new solid color layer
Place a vector mask over your image layer.
Place a vector mask over your image layer.
Make sure the vector mask is selected
Make sure the vector mask is selected

Set up your workspace

  • Click the icon at the bottom of the layers panel that looks like a half-black, half-white circle. From the popup menu, select 'Solid Color', and select a bright color from the pop-up dialog box. This creates a new colored layer.
  • Drag the thumbnail of your new colored layer so it is below your image layer.
  • The colored layer works as a visual aid, making it very clear which areas of the photograph you have erased.
  • Now click on the image layer. With the layer selected, go down once again to the set of icons at the bottom of the layers palette and this time select the 'Add Vector Mask' tool.
  • Take a quick look at your layer in the layers palette. You should see a small thumbnail of your image, and a new white thumbnail beside it. Click on the new white thumbnail to select it. Make sure you have the white thumbnail selected and not the photograph while you are working.
  • Hit the 'D' ket to reset foreground/background colors to black and white, respectively. This will be important when we start painting on the vector mask. As mentioned before, black means that part of the image is hidden/transparent and white means it's opaque.
  • Now you are ready to start working!


Select the image you wish to cut out
Select the image you wish to cut out
Delete the background. The color of the layer underneath will be revealed.
Delete the background. The color of the layer underneath will be revealed.

Select the Magnetic Lasso Tool

  • On the left-hand side of the screen are your tools. The third tool from the top looks like a lasso. Click and hold this tool, and select 'Magnetic Lasso' tool from the pop-out menu.
  • Click anywhere along the border of the object you wish to cut out, and glide the mouse along the border of the image. You will see that Photoshop drops pointers along the line.
  • Sometimes Photoshop drops a pointer in the wrong place, if this happens hit delete (Backspace on a PC) to get rid of previous points and try again. You can help Photoshop along difficult paths by clicking the mouse and placing points manually.
  • Once you have selected the entire image you can close the shape manually (By ending up right where you started, or by pressing 'Enter'). If at any point you need to make a straight line hold down the 'Option' key and hold down the mouse while drawing.
  • Now hit Control+Command+I (Shift+CTRL+I on PC) to invert the selection, and hit delete. The background will disappear and you'll be left with a rough cut out. Hit Command or CTRL D to deselect the selection.

Right-click the mouse to change the size and hardness of the brush
Right-click the mouse to change the size and hardness of the brush

Clean up with the brush tool

  • The brush tool a great alternative to the eraser. Where the eraser deletes part of an image permanently the brush tool in conjunction with the layer mask hides or reveals part of the image. White is opaque (Reveals) and black transparent (Hides).
  • Hit B to select the brush tool and slide the color slider to black. You can quickly adjust the brush size by using the bracket keys ( [ ] ). To adjust hardness, hold down SHIFT while using the bracket keys. A lower value of hardness means softer edges. Soft edges are especially useful around hair.

This is fully cut out, but has a green hue left over from the background.
This is fully cut out, but has a green hue left over from the background.

Cleaning up the Color

Take the Poll!

Did this method work well for you?

See results

I have a problem with this photo in that the original green background is still reflected on my skin. Here is a quick tip for dealing with this kind of thing!

  • On the layers panel select the thumbnail of the image, not the layer mask.
  • Go to Image-Adjustments-Replace Color (Second from the bottom).
  • Use the eye-dropper to pick up the color you want to get rid of.
  • Once selected, click on the color thumbnail to choose a new color or use the sliders to change the hue, saturation etc. and bring down the tone. In this case I had the additional problem of having a dress the same color as the background so rather than switch out the green I brought down the hue.
  • Play with the coloring until you are happy with it and Voila! you know have a perfect cut-out!

This video has some great tips for Photoshop beginners

© 2014 Emer Kelly

working

This website uses cookies

As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://corp.maven.io/privacy-policy

Show Details
Necessary
HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
LoginThis is necessary to sign in to the HubPages Service.
Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
AkismetThis is used to detect comment spam. (Privacy Policy)
HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
Features
Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
MavenThis supports the Maven widget and search functionality. (Privacy Policy)
Marketing
Google AdSenseThis is an ad network. (Privacy Policy)
Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
Index ExchangeThis is an ad network. (Privacy Policy)
SovrnThis is an ad network. (Privacy Policy)
Facebook AdsThis is an ad network. (Privacy Policy)
Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
AppNexusThis is an ad network. (Privacy Policy)
OpenxThis is an ad network. (Privacy Policy)
Rubicon ProjectThis is an ad network. (Privacy Policy)
TripleLiftThis is an ad network. (Privacy Policy)
Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
Statistics
Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)
ClickscoThis is a data management platform studying reader behavior (Privacy Policy)