ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

How to Change a Photo's Background Color in Photoshop CS5

Updated on August 24, 2012

I have been working on a brochure that required a fair amount of photography. Lately, I feel that just placing a photo in the layout and wrapping the text around it is getting stale. Stock photos, mostly bought from iStockPhoto.com, are usually of an acceptable quality to use for these projects, and are priced right.

I decided to go with a simple effect to make these photos more interesting, and to add more color into this brochure. The photos all had a central subject – the doctors or nurse – with a cluttered background.

I wanted to introduce a few colors off of our company color palette. To do that to the photos, I changed the background to black and white and made the subject full color, and added a slight white glow effect to make it stand out more.

Note: The photos used were purchased from iStockphoto.com.

Here is how to do this effect using Photoshop CS 5.

Open the photo and duplicate it into a new layer.

Turn the bottom layer into a black and white image by using the Desaturate command. The Desaturate command on the PC is: Image (on top menu bar)/Adjustments/Desaturate or do a Shift+Control+U.

Add the color you would like the back ground to be as a new layer between the two photos.

Source

Go back to the top layer – color photo – and use the lasso tool to draw around the main subject. I use the lasso tool to get almost to the edge of the subject, as shown here, then go back and fine tune this with the eraser. I leave the color layer on, as it shows my progress. Take your time in this process. I use a Wacom Intuous tablet to do all of my work, as it makes this process more natural.

Source

Here is the photo with the main subject cut out from the background, using the lasso tool, polygon tool for straight edges, and eraser.

Source

Move the color layer down, and move the black and white version up. Use the soft light selection on this layer. You can see that it blends the black and white image into the color. All of these layer effects can drastically alter the background image effect. Each brings a different effect to the table. Experiment with these! Note that I added a white layer to the bottom. This allows me to see the changes in transparency easily. If I do not do that, I will see the Photoshop default checkerboard pattern. Use the opacity control on the layer to lessen the amount of background you want to show.

Source

There are variations of this. You can reverse this process to get a different effect. That is, make the color layer the soft light and put it between the two images. You can adjust these layers to achieve various levels of intensity in color. Note how much different the background looks when reversing the order of layers.

Source

To finish the effect I go to my main color image and choose from the top menu bar Layer/Layer Style and select Outer Glow to add an outer glow. You can experiment with different levels. Be aware that when you add this effect, it will show any of the background that you may have missed. Go back and check. Even a small group of pixels will be affected by the glow effect.

Source

You can change the background color easily, if you change your mind and don’t like your first choice, as I have done.

Source

This particular piece went on a brochure, printed on a 4 color offset press. Make sure you save the final to CMYK if you go to print.

Once you have separated the main image out, you can also change the background image. The choices are endless!

Source

Comments

    0 of 8192 characters used
    Post Comment

    • phuongthyle profile image

      Lê Thị Phương Thy 

      10 months ago from Vietnam

      Thank you for your tutorial. It's amazing.

    • profile image

      p n thapa 

      6 years ago

      very good

    • profile image

      geniegino 

      6 years ago

      hi i love the tutorial and you say you have more to post i am only a beginner and have a nice pic of myself and my daughter but i don't like the back ground is there a way to cut it out

      cheers

      geniegino

    • CCamoroso profile image

      CCamoroso 

      6 years ago from California

      Thank you. This is the tutorial I needed to read today :) Photoshop is amazing ...

    • dappledesigns profile image

      dappledesigns 

      6 years ago from In Limbo between New England and the Midwest

      excellent hub! I love when people can look past the background they are given and think up a more interesting solution.

    • trecords0 profile image

      trecords0 

      7 years ago from DeLand, Florida

      Hey TTC12, this was a great read as I have been experimenting with the same sort of things. I don't know how much you pay to use the photos, but I'm pretty sure there's a clause in copyright law that states another persons photo can become yours by altering it a certain number of steps. 7 comes to mind, but I don't remember exactly right now. I'll send you an email of a couple of examples of my work just for fun. Tim.

    • TTC12 profile imageAUTHOR

      TTC12 

      7 years ago

      Thanks! This was fun tutorial to write. I have a few more

      that I am working on.

    • The Odd Spartan profile image

      Christopher Rago 

      7 years ago from Hamilton, NJ

      Nice tutorial. The instructions are direct and to the point. Up/awesome.

    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://hubpages.com/privacy-policy#gdpr

    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)