So, you're working on a project and instead of sending a transparent logo, your client
sends you a logo with a white background.
How do you remove the white background and make it transparent without any hassle or
any of those fringes that disturb us?
Well, the best way depends upon the situation that we're in.
So here we are on our first example with a white background and a black logo.
The best technique here is using color range.
So, let's go to Select and then Color Range.
Now, inside of that, you don't have sample any color, just inside of the Select drop
down menu, just click on that one, and choose shadows, which means black areas will now
be selected.
You can always choose Grayscale in here, right, and make sure Invert is unchecked.
So any area that is selected is white, any area that is not selected is black.
Bring the Range and Fuzziness all the way to the left hand side.
Now, let's zoom in and increase the Range slowly and gradually.
This is fine.
Now we can increase the Fuzziness to make the edges soft, just like that.
It's fine.
Once you're happy with this, just hit OK.
Now you have a selection.
Now this is all looking fine, all looking great, and you might 'Alright, so now I have
a selection.
All I have to do is to just click on the Mask button and it is transparent.'
Although that might look to be great.
However, if you have a dark background, it can create problems.
So if we create a Solid Color Adjustment layer and if we choose a dark color, something like
this, and place it behind it, have a look, around the edge we have these white fringes.
So that was not the right way to do it.
The right way to do it was when you have a selection, so right now we had this and we
had the selection after color range, so let me do that again for you.
First of all, go to Select and then Color Range and you choose the shadows, you set
the Fuzziness and the Range, make sure Invert is unchecked, Grayscale.
You hit OK.
You have the selection.
Instead of creating a Mask, just create a Solid Color Adjustment layer with black filled
inside the selection.
Why not do that?
It's a flat logo.
So click on the Adjustment layer icon and let's choose Solid Color and let's choose
black or whatever color you like.
Hit OK.
A Solid Color Adjustment layer with that as a mask is created.
And now you can just simply throw this off, you don't need this anymore.
Everything is now filled with black.
There is no chance of any white fringes.
So even if you create a dark background by creating a Solid Color Adjustment layer, choose
a dark color, hit OK and put it behind it, you see no white fringes at all.
So that is the way to go when you have a contrasting logo with that of the background.
So if the logo is black and the background is white, it will work, if the logo is white
background is black, that will work too.
You just have to go to the opposite direction or any color.
Just make sure it's contrasting with that background.
And also, if it has one color, it would work amazingly because you have to create a Solid
Color Adjustment layer with just that selection.
Now let's go to example number two.
This might sound a little complex.
You might think, 'Why not use the Magic Wand tool?'
You can of course, select the Magic Wand tool and maybe decrease the Tolerance to whatever
you like, maybe 25 and make a selection.
Yeah, it is selecting most of the outside but what about the D inside.
So if I create a Mask, we need to invert the Mask.
With the Mask selected, press Ctrl or Command + I.
See still the white areas are remaining.
You have to add these areas and then remove it.
Instead of all that hassle, let me show you one more way to do this.
First of all unlock this layer just by clicking on the lock or just double click on the layer,
it will unlock it.
You create a new layer, choose a background of whatever color you like, I'm going to choose
a Solid Color Adjustment layer, and then let's choose something like dark gray or whatever
to like, right, or red and put it behind it.
Now, you double click on the right hand side of this, you zoom in and then you take the
slider of this layer from right to left.
Suddenly, the white background just deletes.
Now, the reason I put a red background, or you can even put a black background to see
the outlines even better, is that we need to make sure that all of these white lines
are removed.
So you need to take it even further to the point where all the white lines are removed.
This looks fine.
Hold the Alt or Option, click on the slider to break it apart and make sure everything
is going soft and nice, you see and hit OK.
Now it is transparent.
Now, once these are transparent, you can always save it as a PNG to keep the transparency.
Alright, so let's go to File - Export - Export As, you can choose PNG, just in the format
make sure it's PNG, it will be saved transparently so that when you drag and drop in this into
another image, it will have a transparent background.
I'm gonna hit cancel.
Let's move on to the third example.
Now this is an example where Blend If won't work, Color Range won't work.
Let me illustrate that to you.
So let's put a black background and unlock this layer and put it behind the logo.
If we double click on the right hand side of the layer, the Layer Style dialog box show
up, and then if you take this layer, this slider from the right to the left, this is
fine.
It's going all right.
If I take it to the left, it's all fine.
They're still white lines around it.
But if I take it further, have a look at it, the inside of the logo is going away.
Why?
Because the logo has a lot of colors and it also has bright colors.
We cannot use that technique.
We also cannot use Color Range.
If we hit cancel in here, go to Select and then Color Range and even if we choose, let's
say, Sampled Colors and then we sample the whites outside it, it's working pretty fine.
But if I go a little further than that, you're going to see all these things show up.
We don't want any of that.
So the only thing that's going to work here is the good old Magic Wand tool.
Some Photoshop people call it the Tragic Wand tool, but sometimes, it works.
So select the Magic Wand tool right there, the second one and now just make a selection
of the outside area.
We need to invert the selection by pressing Ctrl + Shift + I / Command + Shift + I.
Now, click on the Mask to create a mask and it does have a little bit of white outline.
No problem at all.
We can fix this.
One of the ways of fixing it is by increasing the Tolerance and then making the selection
again or the quick way is this - all we need to do is to just contract the selection, that's
it.
So hold the Ctrl or Command, click on the Mssk to make a selection around it, go to
Select - Modify and then Contract.
Let's contract it by 1 pixel.
There was a little bit of the fringe.
Hit OK.
Now it's a little inside.
Press Ctrl + Shift + I / Command + Shift + I to invert the selection.
Now the background is selected and fill the background with black inside of the mask.
So with the Mask selected, black as the foreground color, press Alt + Backspace or Option + Delete
on a Mac.
It's gone.
Press Ctrl or Command + D. It's all nice, looking all right.
I can just simply turn it off or delete it and save it as a PNG.
So that's how to remove white backgrounds very easily from logos or graphics in Photoshop.
It all depends upon the situation.
There are three major ways.
Number one - Color Range, Number two - Blend If and Number three - the good old Magic Wand
tool.
That was pretty much it for this video.
I hope this video helped you and if it did, make sure to give us a like and also don't
forget to subscribe and not just subscribe, ring the bell so that you, my friend, don't
miss any other future tip, trick or tutorial.
Thank you so much for watching.
I'll see you guys in my next one.
Till then, stay tuned and make sure that you keep creating.