How To Make Logo Background Transparent in Photoshop!

[@PhotoshopTrainingChannel]

Check out my *NEW PODCAST* Today's Creator ➡ www.youtube.com/@TodaysCreatorPod

[@welovesummernz]

In 2021 you'd think by now there would be a simpler way just to remove white from an image! Channels work for me, great stuff as always :)

[@PhotoshopTrainingChannel]

Sometimes the old methods work best 🤷

[@johnharbinger4637]

@@PhotoshopTrainingChannel lmao no, you can simply this method. Selection like you did from beginning from the channels section, then cut and past on new layer, delete bottom layer, save as png. All done🥳 I do this all the time. If you want crisper edges just contract selection invert selection and clear. ✌peace.

[@PhotoshopTrainingChannel]

John, cutting and pasting to a new layer is the same as masking the original. Probably better since you don't delete anything. If you accidentally missed something in the selection processes you would be in trouble if you delete the original layer. Contacting the selection would probably damage logos with smaller fine detail or gradients. If your method works for you and your projects, then great! I just chose to show something that would work for most logos in most circumstances.

[@stevecoulthard8060]

Colour range! Time is money if you make your living out of this!

[@TerranigmaQuintet]

Just use Blend If, easy as pie.

[@afpwebworks]

Brillliant! Only 547 steps I should be able to remember all that.

[@PhotoshopTrainingChannel]

It's really 5 steps... 1. Find the channel with most contrast and duplicate it. 2. On Apply Image set to Multiply (repeat this step if need be) 3. Load Channel duplicate as a selection 4. Apply it as a Mask. 5. If you have white edges, then load mask as a selection and create Solid Fills.

[@StreetStories-ca]

Finally, someone who gets to the point and is competent. Wanting more!

[@acasualcritic8759]

It's been a while but I believe you can just save it as a PNG with Transparency. Maybe use the Magic Wand Tool to clear the white background before hand. I'd just make sure to create the design/logo using the pen tool or free-form pen tool to create vector based graphics If you don't have Ai. Of course, ideally, I prefer to use Ai (Illustrator) for logos, etc., so to scale to whatever size within Ai then save in the above file format mentioned for quick use for an ad or whatever. There's typically more than one way to do things in Adobe apps, so I say do which ever works for you. Interesting video still. :)

[@mvs6380]

I really love being reminded of the concept of using channels to help with selection. Back in 2003 I took a photography class which most of the class was heavily reliant on photoshop and our teacher introduced using channels for better selection, and better color correction (the auto stuff we didn’t have before). Over the years I forgot about this since I don’t use PS too much. Great tutorial to remind me of how important channels window is and it’s capabilities. Thank you for this tutorial.

[@PhotoshopTrainingChannel]

You're welcome! At the end of the day, channels are selections. Might as well start with them when possible.

[@cmillerx41]

This is so much more complicated then it should be.

[@zappy_ne]

Than*

[@rowelle]

Yeah. Way too many steps. This was annoying.

[@garyclement2888]

Very good. You are a good teacher and seems to cover every step so I can understand - that's all most people need. Great job.

[@donhendricks3190]

I'm pretty sure that my editing skills improvements can all be traced back to your tutorials! Thanks so much!

[@MaxGamerFun]

What you could’ve done is just select the magic eraser and click on the white part of the image. If that doesn’t work, then just select the logo part of the image by using object selection or something then set an overlay to make it black, then use the magic eraser again.

[@MaxGamerFun]

And If there are white edges on the picture just do a stroke and set the opacity to 0 and the thing to Inside and increase the size until the white edges are gone

[@One.Zero.One101]

Oh my God you are a GENIUS!!!!!. That was quick and easy. Although I didn't understand your second comment. What do you mean by "Just do a stroke" and "The thing to Inside and increase the size"?

[@MelloBelloPhotoStudio]

For the first time i came across someone is making sense on this subject

[@ForgottenDetails]

Bless you! I've been trying many, many channels with various methods but none worked. I finally found the answer here! Soo cool.

[@McMillanProfessionals]

Thank you so much for this! This is a subject I have been needing help with recently with my new clients. I love this channel!

[@spider853]

Select -> Color range, white, mask, in case of fringing modify mask, shrink edges, done. The channel method and duplicate rebuild seems overkill, also it expands the logo which might be undesirable

[@PhotoshopTrainingChannel]

A couple points, Adrian. Could Color Range work in this specific case? Probably. However, I decided to show a technique that would work in more situations than this specific one. People watching will not have this same exact problem. In my opinion, Color Range creates more jagged and white edges. Especially in logos with more intricate detail or gradients. You mentioned that using the channel method "expands the logo" and could be undesirable. I would argue that shrinking the edges causes more of an undesirable change. Again, especially in logos with a lot of fine details or gradients. Thanks for your comment!

[@spider853]

@@PhotoshopTrainingChannel Hey thanks for the reply, but there is one issue with channels too, as in this video the example had all color ranges, people might get logos with flat red, green or blue colors and they might get confused as they can't find a channel that represent the full logo, so I guess each technique has their own place. Anyway big fan of your channel, just felt a bit odd watching all these steps in this video 👍

[@PhotoshopTrainingChannel]

Definitely! Thank you for commenting!

[@theafricanpetrolhead]

There's no option for "merged" on my side. It shows "background" only... Am I missing something?

[@deathrain2296]

You have to make a new layer from the beginning

[@Agrus_Kadeen]

Why not: add alpha channel > magic wand each white part > delete the selected white parts?

[@IrrationalGamer]

Explain in details please?

[@PhotoshopTrainingChannel]

Magic Wand could work in some cases. But generally speaking, it gives you more jagged edges. Also, if the logo has a gradient it will not capture it correctly. This method gives you better edges and will also keep a gradient in a logo.

[@FunDumb]

Fringing has me on the fritz nearly every time. I'd rather just open this image in illustrator and trace it. Expand my selection and just use a vector.

[@blacklightdrew]

Good point also the pen tool could be used in Photoshop since the logo has a hard edge. Another thing is the graphic designer should be exporting the logo that they made in Illustrator as a raster format with transparency such as a PNG to begin with.

[@PhotoshopTrainingChannel]

If you can get better results in another app, then great! Why not?

[@haroonakram6862]

the file as png is the most helpful tip!

[@Mozonami]

Evan tiktok your are my role model keep Going I'll love you

[@PhotoshopTrainingChannel]

Thank you!

[@ahmetturk3858]

Thank you very much sir. Greetings from Turkey.

[@PhotoshopTrainingChannel]

You're welcome, Ahmet!

[@fl0pes]

In this logo, using blend if - current layer’s slider would work very fast, right??

[@PhotoshopTrainingChannel]

In this logo, it could definitely work. It always depends

[@jaimee.campuzanot.2702]

Thank you Jesús, I hope you are better!!!

[@PhotoshopTrainingChannel]

Thank you, Jaime! Much better!

[@jorgem18]

Thank you Jesus... 🤔, Jesús lol'. ..'Channels ' are an often overlooked aspect of PS but longer after seeing today's very useful & insightful tutorial... ¡Gracias!

[@PhotoshopTrainingChannel]

You're welcome, Jorge!

[@PharaohFontain]

Hello I dont see a "merge" option on the apply image panel, what I see is "Background"

[@deathrain2296]

You have to make a new layer from the beginning

[@MONASH-GO]

You just gained a subscriber, thank you so much💃💃💃💃💃💃

[@bedd444]

Can't believe we are in 2023 and Still have to go through all that the remove a black or White background.

[@SingleHook]

Thank you so much for your lesson Sir..

[@MajorGamePC]

Not like but Love these series, Thank you soO0o much for all these lessons. On my test the IMAGE/Apply Image.. was greyed out and it was because I changed the background copy (the image) to a smart object

[@llmasiky]

thank you AGAIN!!! you are the MAN- Hassan

[@rgarlinyc]

Aha, I see - thanks JR!

[@PhotoshopTrainingChannel]

You're welcome, R Garlin!

[@cunhabom]

Phew, I thought I was turned down to be part of your facebook because of my skin color. It's been three years since your youtube channel has been useful to me, as a subscriber to the channel, which I thought could be part of your Facebook community as well. only no, I was refused.

[@PhotoshopTrainingChannel]

Feel free to contact me through my website. I don't know why the mods refused you. We can sort it out. Thank you!

[@CharlonClarke]

definitely a life saver, thank you!

[@PhotoshopTrainingChannel]

You're welcome!

[@emanjewels7588]

Great methods. Thanks Can you please kindly show How can i remove the Logo white backgrounds. Thanks

[@KenToney]

Yea this is more than I expected but the best way

[@swatikothari4257]

I have created this PSD file but How can I save this transparent background in photoshop cs5

[@ChrisCabe]

This is excellent! Exactly what I was looking for. Thanks for sharing!

[@mikkelsenconsulting743]

This was such a great tutorial. It was clear and easy to follow. You saved me big time! Mahalo!

[@TBKGOLDY]

How about Select, color range, and select white and mask? Does wonders for me.

[@PhotoshopTrainingChannel]

In this specific case it might work just fine. The channels method would definitely work best with logos with more intricate detail and gradients.

[@justfollowme3372]

You are a legend bro

[@nicoletteklopfer8458]

This was VERY helpful, thank you so much!

[@discoverwithxander7509]

thank you so much i learn a lot from your each video please keep it

[@PhotoshopTrainingChannel]

You're welcome, Xander!

[@chinmayasinghrawat4622]

This was to the point and simplistic. Thanks!

[@IrrationalGamer]

Is this a vector?

[@PhotoshopTrainingChannel]

No. The original image was a jpg and the result is still pixels

[@IrrationalGamer]

@@PhotoshopTrainingChannel but it can be exported to svg or eps right?

[@PhotoshopTrainingChannel]

You could save them that way. But they would not be vectors. You would need to trace it with vectors if that's what you wanted

[@JeffGloverArts]

Thank you! I always have that fringing problem! This helps!

[@PhotoshopTrainingChannel]

You're welcome, Jeff!

[@chalam777]

Wow, excellent👏

[@PhotoshopTrainingChannel]

Thank you, SIMHAM!

[@sfrancfrancnrm8640]

Most of the arguments are about dealing with the logo dealt here, the point they are missing is to learn the right techniques.

[@PhotoshopTrainingChannel]

Basically all techniques described could work under the right circumstances (even this example). I chose to explain a technique that would work in examples with more intricate detail or gradients.

[@NinoKurdiani]

Thank you

[@HighEndRetouch1]

Great stuff as always ❤️❤️🔥🔥

[@eventsvdeographytelceanmihai]

Great Job!

[@PhotoshopTrainingChannel]

Thank you, Art FxDesigner!

[@shiloc009]

My Layers dropbox in the Apply Image window does not give me the option for "Merged", Just "Background"

[@MrrvTV-ix5gn]

To simplify.... use magicwand then select the white, then right click, then select similar then delete... done

[@PhotoshopTrainingChannel]

Magic wand gets you more jagged edges. And you have to set the Tolerance appropriately. And by just deleting your probably going to get white edges. But if it works for you, no problem.

[@red122]

A vwey very very helpful video

[@kloworseipiangin]

Nice video.👍❤

[@karimahmadi115]

An excellent tutorial full of interesting points🏅🏅👍

[@PhotoshopTrainingChannel]

Glad you think so!

[@craigcompoliphotography1235]

Great video!

[@curtismiller-robus486]

Ok, so I have used this video 3 times for 3 different logos I needed to use for a flyer. Although I did manage to end up with a transparent logo each time, the steps are not identical. They don't match up to what he's doing in the video. For example, I have to load my image to work with, then I have to create a new layer or I can't merge them with "apply image". He seems to merge them no problem without doing that. Merge is not an option unless I do this. Secondly, I can not Alt+backspace - I get "can not fill because the target layer is hidden" every time. Other steps also don't seem to work the same as his - I have identical program system (using PS from the cloud) but they just don't match up. Maybe it's my settings? Would love feedback!

[@Arifkhan786]

Thank you so much it really helped me

[@amazingsoftwaretutorial4103]

😍😍😍😍😍😍😍😍😍😍😍amazing tutorial

[@imheretonukedukes]

Logos where white is not a key color you could easily remove the white bg from the blend if menu.

[@PhotoshopTrainingChannel]

Yeah, blend if could work in a situation like this

[@HayioEzung]

If the background is black?

[@1917finches]

How about in gradient logos?

[@LasVegasMagicFriends]

Thank You!

[@aayanaayan1013]

Amazing❤

[@PhotoshopTrainingChannel]

Thank you, Aayan!

[@gaurav20024]

Very difficult as some design are very small to select and clean. Need some easy techniques.

[@dutmala]

If you gonna do something with a logo it should be a vector, and if not than you should make it one, i know this is just an example but vectors are in my opinion a better way to work

[@PhotoshopTrainingChannel]

They are. In some cases, all you need is just a transparent background. Doing this would be far less time-consuming than recreating (tracing) a vector.

[@dutmala]

@@PhotoshopTrainingChannel that's true, but for an real logo rarely the case, in that case the tracing is worth the effort, because it can safe alot of work in the future 😉

[@PhotoshopTrainingChannel]

If your client is paying you to do it, then definitely! Trace away!

[@sinoreal7655]

Your export options differs from mine why ?

[@bluelotusluv]

Hi, I'm trying to do this with a black logo/white background but the black text remains in the channels color (Blue or Red). I am able to remove the background but the text is no longer black :/

[@MySpace662]

A very good tip

[@blueshineindia]

I need a make video simple way to remove the background

[@friendsofthebotanicgardens5933]

what if merged isn't an option? it's just saying background for me

[@deathrain2296]

You have to make a new layer from the beginning

[@amanitamuscaria5863]

2:00 Yes, yes we are, goodbye and thank you.

[@jackie102005]

I wish you would slow down a bit when I am looking at what I need to select.

[@alexsattler7589]

When I remove a channel my whole image becomes a different color it doesn’t change my contrast. What do I do then?

[@mariamriaz1695]

Sir it's a request.... please make the video about after the removal of image background, the size of image remains same...like 10 MB image size remains 10 MB after removal of background....thank you..... please, please, please sir

[@goldenfalcon5130]

Amazing video I really like it

[@PhotoshopTrainingChannel]

I'm glad you like it

[@NarendraSingh-oi1dd]

How to remove watermark on face images?

[@Akshay-pe4fp]

I cant submit logo showing file doesn't exist

[@Tashosugar18]

Thak you so much.

[@wentviral439]

I just use a backgroud eraser the defringe to one pixel done

[@PhotoshopTrainingChannel]

The Background Eraser Tool will most likely give you edges that are more jagged. In logos with more intricate detail and gradients the BG Eraser would have a lot of difficulties.

[@blueshineindia]

Also, I need some images for practice those you are doing

[@ognirg9999]

That's great.. thanks

[@PhotoshopTrainingChannel]

You're welcome!

[@jc2409]

Hi Jesus, i bought one of your composition training but i cant open on my mac. Any ideas?

[@PhotoshopTrainingChannel]

Message me through my website!

[@jc2409]

@@PhotoshopTrainingChannel i did. Will waiting for your response. Thanks

[@mostafasoofy2594]

Great, thanks

[@PhotoshopTrainingChannel]

You are welcome!

[@71-shivansh37]

Easy way 1. Select 2. colour range 3. Tap on white colour then ok 4. Go to edit and clear Best and easy way.

[@PhotoshopTrainingChannel]

I do know about "best"...maybe "easy." The method you describe might work on this image. but I would argue you would get more jagged edges. Also, in a logo with gradient this method definitely wouldn't work. Also, this method doesn't address the white outlines you would most likely get.

[@sfrancfrancnrm8640]

The downloading link of logo worked here is not given, kindly add it. Tks.

[@PhotoshopTrainingChannel]

Fixed the logo link: photoshoptrainingchannel.com/how-to-make-logo-background-transparent-in-photoshop/

[@jessiegibson9023]

Thanks

[@PhotoshopTrainingChannel]

You're welcome, Jessie!

[@its.imran.]

Why magic wand and Color range tool have in PS😶🙄

[@Avery123Connor]

i cant press on my channels

[@blueshineindia]

please make a video with some more logo

[@MissLisaBabyx]

I learned this my self years ago in gimp haha

[@PhotoshopTrainingChannel]

👍🙂 As long as you learn!

[@sevenseven31]

i think is not a good example to see the power of this feature and you make it more complex

[@PhotoshopTrainingChannel]

What would be a better example in your opinion?

[@sevenseven31]

I saw this method before in older version of photoshop it using to cut a hair from the difficult background selection, but now you can use select subject in the latest version of Photoshop and your work is done

[@Hektor1020]

Magic erase tool--------sample from white----------BG-------click-------done...... Ty...

[@pieciek]

Wand and eraser or background eraser is faster ;)

[@PhotoshopTrainingChannel]

"Faster" maybe. But not better. The edges with most of those tools would be much more jagged and it will not capture logos with gradients properly. This method will give you better edges and capture gradients.

[@ljdelacruz2985]

its complicated because this is only 2 colors and no circle outside the main logo

[@emanjewels7588]

in photoshop 7.0

[@johnnyg2983]

It's like your speaking a foreign language

[@RRTiT]

😉🤩

[@bySterling]

Oh my gosh the one time I don’t agree w our beloved Jesus, just Select eye dropper white Delete, Done Curious why our PS super hero bro prefers such crazy complex way to do?

[@PhotoshopTrainingChannel]

What you describe will probably give you more jagged edges and definitely more fringing. I chose to show a technique that would work with more than just this logo. If you had a logo with a lot of intricate fine detail or gradients that fade to transparent the Magic Want / Eyedropper wouldn't do that good of a job. Also, deleting is usually something you don't want to do. If you later on realize you accidentally missed a piece of the logo during the selection process you would have a difficult time bringing it back. Thanks for the comment, TheWebStylist!

[@interestingvideosmail5033]

Just magic erase the white thing and save it as PNG

[@PhotoshopTrainingChannel]

Magic erase doesn't work well with gradients or intricate details

[@wedoplayer]

Why not: select "Color Range"? Isn't that 3000 times easier?

[@PhotoshopTrainingChannel]

"Easier" maybe. But not better. It will leave you with more jagged edges, and if the logo has a gradient then it would look much worse. Using this method will give you sharper edges and allow you to create gradients if need be