How To Make Logo Background Transparent in Photoshop!

Поделиться
HTML-код
  • Опубликовано: 5 янв 2025

Комментарии • 185

  • @PhotoshopTrainingChannel
    @PhotoshopTrainingChannel  Год назад +1

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

  • @welovesummernz
    @welovesummernz 3 года назад +30

    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
      @PhotoshopTrainingChannel  3 года назад +5

      Sometimes the old methods work best 🤷

    • @johnharbinger4637
      @johnharbinger4637 3 года назад +6

      @@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
      @PhotoshopTrainingChannel  3 года назад +4

      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
      @stevecoulthard8060 3 года назад +2

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

    • @TerranigmaQuintet
      @TerranigmaQuintet 5 месяцев назад

      Just use Blend If, easy as pie.

  • @StreetStories-ca
    @StreetStories-ca Год назад

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

  • @afpwebworks
    @afpwebworks 3 года назад +6

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +2

      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.

  • @MONASH-GO
    @MONASH-GO Год назад

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

  • @ForgottenDetails
    @ForgottenDetails Год назад

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

  • @garyclement2888
    @garyclement2888 Год назад +2

    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.

  • @chalam777
    @chalam777 3 года назад +1

    Wow, excellent👏

  • @eventsvdeographytelceanmihai
    @eventsvdeographytelceanmihai 3 года назад +1

    Great Job!

  • @llmasiky
    @llmasiky Год назад

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

  • @acasualcritic8759
    @acasualcritic8759 3 года назад +13

    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. :)

  • @justfollowme3372
    @justfollowme3372 3 года назад

    You are a legend bro

  • @ahmetturk3858
    @ahmetturk3858 3 года назад

    Thank you very much sir. Greetings from Turkey.

  • @panaproducts3988
    @panaproducts3988 3 месяца назад

    I followed the steps on the newest Sept 2024 PS version...and it worked well! Thanks!

  • @haroonakram6862
    @haroonakram6862 2 года назад

    the file as png is the most helpful tip!

  • @kloworseipiangin
    @kloworseipiangin 3 года назад

    Nice video.👍❤

  • @amazingsoftwaretutorial4103
    @amazingsoftwaretutorial4103 3 года назад

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

  • @Mozonami
    @Mozonami 3 года назад +1

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

  • @donhendricks3190
    @donhendricks3190 3 года назад

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

  • @craigcompoliphotography1235
    @craigcompoliphotography1235 Год назад

    Great video!

  • @McMillanProfessionals
    @McMillanProfessionals 3 года назад +1

    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!

  • @HighEndRetouch1
    @HighEndRetouch1 3 года назад

    Great stuff as always ❤️❤️🔥🔥

  • @SingleHook
    @SingleHook 8 месяцев назад

    Thank you so much for your lesson Sir..

  • @red122
    @red122 2 года назад

    A vwey very very helpful video

  • @nicoletteklopfer8458
    @nicoletteklopfer8458 Год назад

    This was VERY helpful, thank you so much!

  • @aayanaayan1013
    @aayanaayan1013 3 года назад +1

    Amazing❤

  • @MySpace662
    @MySpace662 3 года назад

    A very good tip

  • @rgarlinyc
    @rgarlinyc 3 года назад +1

    Aha, I see - thanks JR!

  • @LasVegasMagicFriends
    @LasVegasMagicFriends Год назад

    Thank You!

  • @MelloBelloPhotoStudio
    @MelloBelloPhotoStudio 7 месяцев назад

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

  • @goldenfalcon5130
    @goldenfalcon5130 3 года назад

    Amazing video I really like it

  • @CharlonClarke
    @CharlonClarke 3 года назад +1

    definitely a life saver, thank you!

  • @discoverwithxander7509
    @discoverwithxander7509 3 года назад

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

  • @mvs6380
    @mvs6380 3 года назад +4

    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
      @PhotoshopTrainingChannel  3 года назад +1

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

  • @fl0pes
    @fl0pes 3 года назад +3

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

  • @ChrisCabe
    @ChrisCabe 2 года назад

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

  • @Arifkhan786
    @Arifkhan786 2 года назад

    Thank you so much it really helped me

  • @jorgem18
    @jorgem18 3 года назад +1

    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!

  • @cmillerx41
    @cmillerx41 3 года назад +30

    This is so much more complicated then it should be.

    • @zappy_ne
      @zappy_ne 2 года назад

      Than*

    • @rowelle
      @rowelle Год назад

      Yeah. Way too many steps. This was annoying.

  • @karimahmadi115
    @karimahmadi115 3 года назад

    An excellent tutorial full of interesting points🏅🏅👍

  • @mostafasoofy2594
    @mostafasoofy2594 3 года назад

    Great, thanks

  • @MajorGamePC
    @MajorGamePC 2 года назад

    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

  • @JeffGloverArts
    @JeffGloverArts 3 года назад

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

  • @mikkelsenconsulting743
    @mikkelsenconsulting743 2 года назад

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

  • @ognirg9999
    @ognirg9999 3 года назад

    That's great.. thanks

  • @chinmayasinghrawat4622
    @chinmayasinghrawat4622 2 года назад

    This was to the point and simplistic. Thanks!

  • @emanjewels7588
    @emanjewels7588 Год назад

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

  • @theafricanpetrolhead
    @theafricanpetrolhead 2 года назад +3

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

    • @deathrain2296
      @deathrain2296 8 месяцев назад

      You have to make a new layer from the beginning

  • @Tashosugar18
    @Tashosugar18 11 месяцев назад

    Thak you so much.

  • @jaimee.campuzanot.2702
    @jaimee.campuzanot.2702 3 года назад +1

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

  • @NinoKurdiani
    @NinoKurdiani Год назад

    Thank you

  • @MaxGamerFun
    @MaxGamerFun 3 года назад +5

    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
      @MaxGamerFun 3 года назад

      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
      @One.Zero.One101 2 года назад +1

      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"?

  • @IrrationalGamer
    @IrrationalGamer 3 года назад +1

    Is this a vector?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

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

    • @IrrationalGamer
      @IrrationalGamer 3 года назад

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +1

      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

  • @bedd444
    @bedd444 Год назад

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

  • @PharaohFontain
    @PharaohFontain 10 месяцев назад +1

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

    • @deathrain2296
      @deathrain2296 8 месяцев назад

      You have to make a new layer from the beginning

  • @swatikothari4257
    @swatikothari4257 Год назад

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

  • @KenToney
    @KenToney 3 года назад

    Yea this is more than I expected but the best way

  • @TBKGOLDY
    @TBKGOLDY 3 года назад +1

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

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

  • @spider853
    @spider853 3 года назад +7

    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
      @PhotoshopTrainingChannel  3 года назад +1

      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
      @spider853 3 года назад +1

      @@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
      @PhotoshopTrainingChannel  3 года назад +1

      Definitely! Thank you for commenting!

  • @jc2409
    @jc2409 3 года назад

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

      Message me through my website!

    • @jc2409
      @jc2409 3 года назад

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

  • @jessiegibson9023
    @jessiegibson9023 3 года назад

    Thanks

  • @Agrus_Kadeen
    @Agrus_Kadeen 3 года назад +4

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

    • @IrrationalGamer
      @IrrationalGamer 3 года назад

      Explain in details please?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +1

      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.

  • @shiloc009
    @shiloc009 Год назад

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

  • @HayioEzung
    @HayioEzung 6 месяцев назад

    If the background is black?

  • @FunDumb
    @FunDumb 3 года назад +6

    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
      @blacklightdrew 3 года назад

      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
      @PhotoshopTrainingChannel  3 года назад +1

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

  • @bluelotusluv
    @bluelotusluv 3 года назад

    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 :/

  • @curtismiller-robus486
    @curtismiller-robus486 2 года назад

    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!

  • @NarendraSingh90000
    @NarendraSingh90000 3 года назад +1

    How to remove watermark on face images?

  • @sinoreal7655
    @sinoreal7655 Год назад

    Your export options differs from mine why ?

  • @blueshineindia
    @blueshineindia 3 года назад

    I need a make video simple way to remove the background

  • @sfrancfrancnrm8640
    @sfrancfrancnrm8640 3 года назад

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

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

  • @friendsofthebotanicgardens5933
    @friendsofthebotanicgardens5933 2 года назад +1

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

    • @deathrain2296
      @deathrain2296 8 месяцев назад

      You have to make a new layer from the beginning

  • @MrrvTV-ix5gn
    @MrrvTV-ix5gn 3 года назад

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

      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.

  • @imheretonukedukes
    @imheretonukedukes 3 года назад

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

  • @Akshay-pe4fp
    @Akshay-pe4fp 2 года назад

    I cant submit logo showing file doesn't exist

  • @alexsattler7589
    @alexsattler7589 Год назад

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

  • @amanitamuscaria5863
    @amanitamuscaria5863 2 года назад

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

  • @sfrancfrancnrm8640
    @sfrancfrancnrm8640 3 года назад +1

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

      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.

  • @its.imran.
    @its.imran. 3 года назад

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

  • @jackie102005
    @jackie102005 2 года назад

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

  • @dutmala
    @dutmala 3 года назад +1

    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
      @PhotoshopTrainingChannel  3 года назад

      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
      @dutmala 3 года назад +1

      @@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
      @PhotoshopTrainingChannel  3 года назад +1

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

  • @blueshineindia
    @blueshineindia 3 года назад

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

  • @mariamriaz1695
    @mariamriaz1695 3 года назад

    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

  • @gaurav20024
    @gaurav20024 4 месяца назад

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

  • @71-shivansh37
    @71-shivansh37 3 года назад

    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
      @PhotoshopTrainingChannel  3 года назад

      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.

  • @blueshineindia
    @blueshineindia 3 года назад

    please make a video with some more logo

  • @Avery123Connor
    @Avery123Connor 4 месяца назад

    i cant press on my channels

  • @sevenseven31
    @sevenseven31 3 года назад

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

      What would be a better example in your opinion?

    • @sevenseven31
      @sevenseven31 3 года назад

      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

  • @wentviral439
    @wentviral439 3 года назад

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад

      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.

  • @inthetrencheswithcas1762
    @inthetrencheswithcas1762 2 года назад

    I am now even more confused

  • @RRTiT
    @RRTiT Год назад

    😉🤩

  • @pieciek
    @pieciek 3 года назад

    Wand and eraser or background eraser is faster ;)

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +1

      "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.

  • @MissLisaBabyx
    @MissLisaBabyx 3 года назад +1

    I learned this my self years ago in gimp haha

  • @Shiomusic
    @Shiomusic 10 месяцев назад

    mate i am fucking confused as fuck i have more than one color any link where there is more than one i dont get anything???

  • @johnnyg2983
    @johnnyg2983 Год назад

    It's like your speaking a foreign language

  • @Hektor1020
    @Hektor1020 3 года назад

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

  • @ljdelacruz2985
    @ljdelacruz2985 Год назад

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

  • @wedoplayer
    @wedoplayer 3 года назад

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

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 года назад +1

      "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

  • @emanjewels7588
    @emanjewels7588 Год назад

    in photoshop 7.0

  • @interestingvideosmail5033
    @interestingvideosmail5033 3 года назад

    Just magic erase the white thing and save it as PNG