• 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 Tools & Techniques » Remove White Background from Logos in Photoshop

Remove White Background from Logos in Photoshop

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

Posted In: Photoshop Tools & Techniques | Watch on YouTube

Learn to remove white background from Logos in Photoshop using channels and Apply Image!

This simple technique will help you make backgrounds transparent in just a few minutes using Channels and Apply Image.

Table of contents

  • Duplicate The Channel with Most Contrast
  • Fine Tune the Channel
  • Create a Selection from The Mask
  • Create a Solid Color Fill Based on The Selection
  • Sample Image

Duplicate The Channel with Most Contrast

To easily remove white background from Logos in Photoshop you can use channels.

With channels you can create selections, and since the background is white it creates a well defined edge with the logo making easy to select.

Start by analyzing your logo in the Channels panel. Look for the channel that has the most contrast between the background and the logo.

Once you determine which channel has the most contrast duplicate it by dragging it into the New Channel icon.

In this example, no one channel has a complete advantage over another.

With the Red channel, everything looks great except for the orange design in the center.

With the Blue channel everything looks great except for the text.

If you have a similar issue, then follow the next step for best results.

Use The Apply Image to Combine Channels

If no channel has more contrast than another, then duplicate the best channel of the three. In this example, I duplicated the blue channel because, for the most part, the logo has a lot of contrast against the white background, except for the text.

Then look for the channel that compliments the missing pieces from your selected channel. In this case, the Red channel has a lot of contrast in the text.

To merge these channels together, select the Blue channel copy, and go into Image > Apply Image. From here, select the Red Channel from the Channels dropdown.

Then Change the blending mode to Multiply to darken the image.

Then Press Ok.

Notice that the duplicate channel now has a logo that is almost black!

Fine Tune the Channel

Now you can use the Levels adjustment (Image > Adjustments > Levels) to fine-tune the channel.

Move the black point slider to the right to make the dark pixels black, and the white point slider to make the bright pixels white.

Doing so will create sharper edges and remove the JPEG Compression.

Create a Selection from The Mask

Now that you have a black and white version of the logo, make sure to invert the channel. Press Ctrl I/Command I to invert.

The background should now be black and the logo white.

Hold Ctrl/Command and click on the duplicate channel thumbnail to load it as a selection.

Create a Solid Color Fill Based on The Selection

With the selection active go into the new layer icon and select the Color Fill layer.

From the Color picker select black and press OK.

This will give you a black and white version of your logo without a white background!

Adding Color To The Logo

To add the color to the Logo, first, enable the logo selection again by ctrl/command clicking on the Solid Color Fill Layer Mask icon.

Then select the Eyedropper tool, and select one of the color from the original logo. Like the dark gray from the tree branches.

Next, create another color fill layer. It will automatically select the color you clicked on and you can press OK without adjusting the color.

From the Toolbar, select the Brush Tool and paint with black on the layer mask in areas that should not have the dark gray color.

Repeat this process on all the other color to get the final result!

This is one of the best methods to remove the white background from Logos in Photoshop!

Sample Image

Download tutorial image here.

If you enjoyed this tutorial, make sure to follow PTC on YouTube! And if you create something using this tutorial, then share it on social media with the hashtag #PTCvids for a chance to get featured!

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:

  • Photoshop Blending ModesBlending Modes Explained – The Complete Guide to Photoshop Blend Modes
  • Creating Atmospheric Perspective For Better Composites In Photoshop
  • 60 Minutes of Photoshop Tips & Tricks (Presentation Recording)

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

  •  
    How To Remove a Background In Photoshop [For Beginners!]...
    L
    62 Shares
  •  
    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

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