Best Way To Remove White Background From Logos

Best Way To Remove White Background From Logos

So, you're working on a project and insteadof sending a transparent logo, your client sends you a logo with a white background. How do you remove the white background andmake it transparent without any hassle or any of those fringes that disturb us? Well, the best way depends upon the situationthat we're in. So here we are on our first example with awhite 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 sampleany color, just inside of the Select drop down menu, just click on that one, and chooseshadows, 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, anyarea that is not selected is black. Bring the Range and Fuzziness all the wayto the left hand side.

 Now, let's zoom in and increase the Rangeslowly and gradually. This is fine. Now we can increase the Fuzziness to makethe 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 lookinggreat, and you might 'Alright, so now I have a selection. All I have to do is to just click on the Maskbutton and it is transparent.' Although that might look to be great. However, if you have a dark background, itcan create problems.
 So if we create a Solid Color Adjustment layerand 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 aselection, so right now we had this and we had the selection after color range, so letme do that again for you. First of all, go to Select and then ColorRange and you choose the shadows, you set the Fuzziness and the Range, make sure Invertis unchecked, Grayscale. You hit OK. You have the selection. Instead of creating a Mask, just create aSolid 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 andlet's choose Solid Color and let's choose black or whatever color you like. Hit OK. A Solid Color Adjustment layer with that asa 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 bycreating 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 contrastinglogo with that of the background. So if the logo is black and the backgroundis white, it will work, if the logo is white background is black, that will work too. You just have to go to the opposite directionor any color. Just make sure it's contrasting with thatbackground. And also, if it has one color, it would workamazingly 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 Wandtool?' You can of course, select the Magic Wand tooland maybe decrease the Tolerance to whatever you like, maybe 25 and make a selection. Yeah, it is selecting most of the outsidebut what about the D inside. So if I create a Mask, we need to invert theMask. With the Mask selected, press Ctrl or Command+ I. See still the white areas are remaining. You have to add these areas and then removeit. Instead of all that hassle, let me show youone more way to do this. First of all unlock this layer just by clickingon the lock or just double click on the layer, it will unlock it. You create a new layer, choose a backgroundof whatever color you like, I'm going to choose a Solid Color Adjustment layer, and then let'schoose something like dark gray or whatever to like, right, or red and put it behind it. Now, you double click on the right hand sideof 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, oryou can even put a black background to see the outlines even better, is that we needto make sure that all of these white lines are removed. So you need to take it even further to thepoint where all the white lines are removed. This looks fine. Hold the Alt or Option, click on the sliderto 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 alwayssave it as a PNG to keep the transparency. Alright, so let's go to File - Export - ExportAs, you can choose PNG, just in the format make sure it's PNG, it will be saved transparentlyso that when you drag and drop in this into another image, it will have a transparentbackground. I'm gonna hit cancel. Let's move on to the third example. Now this is an example where Blend If won'twork, Color Range won't work. Let me illustrate that to you. So let's put a black background and unlockthis layer and put it behind the logo.

 If we double click on the right hand sideof the layer, the Layer Style dialog box show up, and then if you take this layer, thisslider 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 italso has bright colors.

 We cannot use that technique. We also cannot use Color Range. If we hit cancel in here, go to Select andthen Color Range and even if we choose, let's say, Sampled Colors and then we sample thewhites outside it, it's working pretty fine. But if I go a little further than that, you'regoing to see all these things show up. We don't want any of that. So the only thing that's going to work hereis the good old Magic Wand tool. Some Photoshop people call it the Tragic Wandtool, 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 pressingCtrl + Shift + I / Command + Shift + I. Now, click on the Mask to create a mask andit 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 increasingthe Tolerance and then making the selection again or the quick way is this - all we needto do is to just contract the selection, that's it. So hold the Ctrl or Command, click on theMssk 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 thebackground with black inside of the mask. So with the Mask selected, black as the foregroundcolor, 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 itand save it as a PNG. So that's how to remove white backgroundsvery easily from logos or graphics in Photoshop. It all depends upon the situation. There are three major ways. Number one - Color Range, Number two - BlendIf 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 youkeep creating. 

Post a Comment