Jump to content


Photo

White Background Removal - Preserve Transparency - 2 steps!


29 replies to this topic

#1 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:7

Posted 05 June 2010 - 03:17 PM

Have you ever had an image with text that you wanted to put on the web, but it looked weird on your blue background? Maybe it looked something like this:

Posted Image

Well, we can make it look like this:

Posted Image

Notice how some transparency is preserved and how it blends in with the background.


You will need to download ONE plugin, Alpha Mask:

Alpha Mask


Well, first you open your image:

Posted Image



Step one, Select All (Ctrl-A) and Copy (Ctrl-C).



Step two, Effects > Alpha Mask with the following settings*:

Mask File - Choose which file to use as a mask. Here, we won't be choosing an image, but rather using the image on our clipboard.

Invert Mask ✓ - This inverts the color of your mask. Remember white is kept and black is discarded.

Mix Alpha ✓ - This ensures that transparency is kept (that is why the shadow blends in with the background)

Paste From Clipboard ✓ - Rather than using a pre-saved image, the plugin will use whatever you have on your clipboard, which is, in this case, the image.

Posted Image


OPTIONAL: Duplicate the layer and merge down for a darker shadow. See this post for some more tips. (Thanks Sarkut!)

I encourage you to read all of the comments for alternative ways to do this.

Also, set the logo to Multiply blend mode for a darker shadow.


The result:

Posted Image


#tut725

*Thank you for cutting down my tut to two steps, pipp92.

**Not too simple, is it? (Mods)



Edited by csm725, 26 June 2010 - 06:45 PM.

  • 1

#2 Sarkut

Sarkut
  • Competition Hosts
  • 3,206 posts
  • Reputation:4

Posted 05 June 2010 - 04:26 PM

Posted Image

So, anyway, where can I find this John's Pie Gallery?

Must have pie! :)
  • 0

Posted Image


#3 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:7

Posted 05 June 2010 - 05:29 PM

Funny...
:lol:
  • 0

#4 chrisco97

chrisco97
  • Competition Hosts
  • 2,797 posts
  • LocationUnknown
  • Reputation:2

Posted 05 June 2010 - 06:51 PM

Nice tutorial, will help a ton of new users!
  • 0

#5 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:7

Posted 05 June 2010 - 06:54 PM

Thanks!
  • 0

#6 pipp92

pipp92
  • Members
  • 1,298 posts
  • Reputation:2

Posted 05 June 2010 - 07:38 PM

you don't have to invert the colors, just check the invert mask box in the alpha mask plugin ;)
  • 0

#7 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:7

Posted 05 June 2010 - 07:43 PM

Always good to teach users another tip. Added in to the tut.
  • 0

#8 Sarkut

Sarkut
  • Competition Hosts
  • 3,206 posts
  • Reputation:4

Posted 05 June 2010 - 08:11 PM

More tips.

When done set blend mode to Multiply.

This will give a shadow that is a black shade of the background color,
rather than a whitish gray tone.

Duplicate layers for a darker shadow.
  • 0

Posted Image


#9 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:7

Posted 05 June 2010 - 10:41 PM

Added.
  • 0

#10 Sarkut

Sarkut
  • Competition Hosts
  • 3,206 posts
  • Reputation:4

Posted 05 June 2010 - 11:03 PM

You could change the title to "One-Step".

Use the Grim Color Reaper plugin, set to white.
Reduce Color Tolerance to around .60
  • 0

Posted Image


#11 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:7

Posted 05 June 2010 - 11:04 PM

I could, but I want users to download Alpha Mask and learn it.
  • 0

#12 Sarkut

Sarkut
  • Competition Hosts
  • 3,206 posts
  • Reputation:4

Posted 05 June 2010 - 11:08 PM

Yes. Getting people started using Alpha Mask is a worthy endeavor.

Should I remove my post re: GCR plugin?
  • 0

Posted Image


#13 csm725

csm725
  • Competition Hosts
  • 2,176 posts
  • Locationcsm725.com
  • Reputation:7

Posted 05 June 2010 - 11:44 PM

No, I would like for users to see alternative ways to doing this.
  • 0

#14 Ivan

Ivan
  • Newbies
  • 1 posts
  • Reputation:0

Posted 22 July 2011 - 11:34 AM

No, I would like for users to see alternative ways to doing this.


Hi Everybody,
I am a complete novice and my question might sound silly.
I am trying to make a desktop icon. And I get it with transparent background using both of the suggested here methods.
The problem is that I can see two lines from the canvas. The lower and right side of the canvas can be seen as two tiny black lines.
I will appreciate any suggestion.
  • 0

#15 XsiteproTemplates

XsiteproTemplates
  • Newbies
  • 2 posts
  • Reputation:0

Posted 29 October 2011 - 02:16 PM

pretty basic tutorial, but I KNOW its useful for a lot of people, thanks for sharing mate.

I will start creating a few of these my self here.
  • 0

#16 scotterill

scotterill
  • Newbies
  • 1 posts
  • Reputation:0

Posted 31 October 2011 - 05:28 PM

I downloaded the alpha mask, how do I get paint.net to access it?

I have signatures I need to drop onto letter head with background, so do not want white boxes!

Edited by scotterill, 31 October 2011 - 05:30 PM.

  • 0

#17 Ego Eram Reputo

Ego Eram Reputo

    2013 Proton Award Winner

  • Moderators
  • 7,472 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:543

Posted 31 October 2011 - 09:13 PM

first, read through the alpha mask thread: HERE. If you have questions on the plugin's usage, post in that thread.

If you're having trouble with installation, try this thread: http://forums.getpai...roubleshooting/
  • 0

#18 T6Ber

T6Ber
  • Newbies
  • 1 posts
  • Reputation:0

Posted 24 October 2012 - 06:35 PM

Hi, I'm very new to this but I tried this background removal with a photo and it didn't work. When I insert the photo into my document the white background is still there. What am I doing wrong?
Only I could mess up a 2 step process...

Tim
  • 0

#19 nitenurse79

nitenurse79
  • Members
  • 1,411 posts
  • LocationSweden
  • Reputation:234

Posted 24 October 2012 - 07:03 PM

Hi Tim, welcome to the forum :)

In order to retain the transparency you will need to save it as a .png file.
  • 0

BeachComp_zpsb90ec393.png

Sig battles won 17. Image battles won - 3.  2012 Signature of the year award winner.


#20 Copy Cat Master

Copy Cat Master
  • Members
  • 48 posts
  • Reputation:5

Posted 19 February 2013 - 05:59 PM

Wow...

 

Thank you so much, bro!.

 

Also, my Alpha mask do not have Paste from clipboard. So, my question is does it put any effect on it or it just do some minor changes?.


Edited by Copy Cat Master, 19 February 2013 - 06:12 PM.

  • 0