Remove White Background from Logos in Photoshop (Fast & Easy!)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ก.ย. 2024

ความคิดเห็น • 387

  • @bexigallio
    @bexigallio 3 ปีที่แล้ว +34

    A great tutorial, however the title is misleading as it's so much more than removing the white background. It's also separating colours into easily editable layers. Which is why it feels like a long-winded way to remove a white background. Jesus Ramirez is a Photoshop legend!

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +2

      Rebecca, you're right about that. I could have attached the mask to the original logo and called it a day. I figured that also showing that separating colors would be useful 🤷‍♂️

    • @bexigallio
      @bexigallio 3 ปีที่แล้ว +3

      @@PhotoshopTrainingChannel It is very useful. Especially for textile designers who have to colour separate pattern designs into spot colours :-) (Although I think a lot of them use Illustrator)

    • @charissawest472
      @charissawest472 2 ปีที่แล้ว +2

      Where can I get a tutorial on this simpler version? I get so lost on this after the 4-minute mark--it goes so fast there are somehow steps I'm missing. I need a step-by-step for every little step, and much slower so I don't miss things.

    • @damieshoot7546
      @damieshoot7546 ปีที่แล้ว

      I couldn't even remove the white background... How's this easy?!

  • @ValdairLeonardo
    @ValdairLeonardo 3 ปีที่แล้ว +14

    That trick to combine channels is amazing. I never thought about it. Thank you so much, Jesús!

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +1

      You're welcome, Valdair!

    • @michaelballinger6419
      @michaelballinger6419 3 ปีที่แล้ว

      Yeah big time, that was cool... I normally combine channels using calculations, that way you can set a blending mode as well, very handy for making masks.

  • @vatasy
    @vatasy 3 ปีที่แล้ว +5

    Never fail to impress, always learning something new on your channel. Great work!

  • @alphinsebastian6039
    @alphinsebastian6039 3 ปีที่แล้ว +6

    I don't think you should ask whether we learned something or not ...we always learns from you 😁😁😁

  • @Mighty746
    @Mighty746 3 ปีที่แล้ว

    Didn't complete the steps, but it was resolved.
    Thanks million times

  • @dontgetnastybro
    @dontgetnastybro 3 ปีที่แล้ว +1

    Easily explained as usual Jesus, many thanks.

  • @emubabu4873
    @emubabu4873 2 ปีที่แล้ว

    I’ve been watching his videos for so long. He always used the hardest or advance method of doing anything. He amazing though.

  • @Srm19660304
    @Srm19660304 3 ปีที่แล้ว +2

    Love your tutorials thank you, clear and concise but question, please is there anyway we could slow down your speaking speed?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +1

      I'll try to speak slower in the future. But you can slow the video down from the TH-cam controls if you like.

  • @ChristiaanRoest79
    @ChristiaanRoest79 3 ปีที่แล้ว +3

    Awsome technique! You really are a photoshop professor Jesus. Thanks for sharing. During lockdown i followed hundred or hours of photoshop pro tutorials about masking, adjustment layers, blend if (all zones), color range and luminosity masking. Its easier for me to follow these tutorials now. Love it.

  • @Mihiran_Edirimanna
    @Mihiran_Edirimanna ปีที่แล้ว

    people don't understand how valuable this tutorial is

  • @anisexpert4604
    @anisexpert4604 3 ปีที่แล้ว

    brother this is the cleanest way i ever saw

  • @edit_by_tony
    @edit_by_tony 3 ปีที่แล้ว +1

    As always you do it elegantly and explain it in easy to follow steps, thank you.
    To those who comment and say it's not how I would do it because it's to complicated or I would do it in Illustrator, why are you watching if you know so much then start your own channel and share your knowledge.

  • @fetymann
    @fetymann 3 ปีที่แล้ว +6

    This is very helpful, way better than playing with the tolerance of the magic wand or color range. What I really want to see next is converting this to a vector image so it can be scaled up for large print.

  • @feliciastudiesandthrives5646
    @feliciastudiesandthrives5646 2 ปีที่แล้ว +1

    This was VERY VERY VERY VERY HELPFUL!!! THANK YOU!

  • @albyluchko6030
    @albyluchko6030 3 ปีที่แล้ว +8

    What if the colors aren't completely separate like this logo? I only have two colors: a yellow and a black. The black is basically serving as an artistic outline over the yellow. So, I can't easily just paint over the black to leave only the yellow. Maybe there's a separate way to isolate the black stuff and then layer it over the yellow?

  • @bilaljani7041
    @bilaljani7041 3 ปีที่แล้ว +1

    U nail it man 👨 absolutely thumbs up.. Short, well explained and informative.. Love u BOSS

  • @ayato___
    @ayato___ 2 ปีที่แล้ว +2

    I tried so many other guides but this was the easiest and the most effective! I managed to make a pretty cool logo for a friend of mine, thanks so much!

  • @TylerStanczak
    @TylerStanczak 3 ปีที่แล้ว +9

    Really awesome tutorial! Love editing in photoshop :)

  • @mentoridealschoolamjadhoss8282
    @mentoridealschoolamjadhoss8282 3 ปีที่แล้ว

    You are the boss of Photoshop. We want serial training of Photoshop. Please make serial videos of Photoshop.

  • @preebo2
    @preebo2 3 ปีที่แล้ว +2

    The Black and White version gave me a cleaner vector in Illustrator. Great tutorial. Thanks.

  • @Waares
    @Waares 2 ปีที่แล้ว +1

    Great tutorial! There's only one question left: What does the Banana tool do?

  • @imflashman5557
    @imflashman5557 3 ปีที่แล้ว

    Soooo many steps!!! Unreal!

  • @PrimalEdge
    @PrimalEdge 3 ปีที่แล้ว +1

    Awesome tutorial!! Happy New Year!!!

  • @javedakhter2564
    @javedakhter2564 3 ปีที่แล้ว

    subscribed and clicked on bell icon after watching this video, many thanks, please, for sharing

  • @sunilchristian3430
    @sunilchristian3430 ปีที่แล้ว

    Thank you!

  • @vijayavula6159
    @vijayavula6159 3 หลายเดือนก่อน

    Your Tutorial, It's Really Awesome!

  • @MassimoRough
    @MassimoRough 3 ปีที่แล้ว +61

    And here I am, clicking white area with magic wand and hitting delete key.

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +7

      In some cases that can work. Lol but the edges will need work.

    • @mukesh13024
      @mukesh13024 3 ปีที่แล้ว +6

      @@PhotoshopTrainingChannel just copy the layer and adjust level to make it black. use magic wand and delete white background. it work every time.

    • @SumitKumar-de3et
      @SumitKumar-de3et 3 ปีที่แล้ว +5

      @@mukesh13024 You can't make the edges perfect by doing this if your image is of low quality

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +5

      Also, if your logo has a gradient that fades to white this method will not work at all. But the channels one will.

    • @globalmovies4171
      @globalmovies4171 3 ปีที่แล้ว

      Can you make one for me 🙏 please ..I don't have laptop and pc ...

  • @Tom_Nego
    @Tom_Nego 3 ปีที่แล้ว

    I would like to be a master in photoshop and I guess that this is possible with Jesus's classes!! Thanks a lot!! Love ya!

  • @manchomelvis8152
    @manchomelvis8152 8 หลายเดือนก่อน

    Thank you very much...I have been looking forward to learn this.. and I got every step 😊😊

  • @ps-jfb
    @ps-jfb 3 ปีที่แล้ว +1

    WOW ! I'm speechless. This is so good

  • @WindowOfFantasy
    @WindowOfFantasy 2 ปีที่แล้ว

    I use select > color range
    but this way is solve cleaning way of edges !!! amazing !!!
    thank you so so so much for sharing

  • @Tashosugar18
    @Tashosugar18 7 หลายเดือนก่อน

    I got so confuse at "Adding Color To The Logo". When you started separating the colors you did an example with gray over the branch; things weren't clear as to how you added all the other colors? So I select a color, press ctrl, and click on the layer mask to load it as a selection; then I made a new [solid layer] color filled on top of the clicked layer and with a brush tool I paint with black over layer mask things that shouldn't be the selected color. Currently trying but its not coming out quite the way you have it. perhaps more examples would help. Thank you so much for the video.

  • @sheilawood5471
    @sheilawood5471 2 ปีที่แล้ว

    Great exercise. I'll be looking for more on find tuning alpha channels. Thanks

  • @its_zehri
    @its_zehri 3 ปีที่แล้ว +1

    You Are just Amazing ... this tutorial will help me alot ... tHnkew man💖

  • @dunnymonster
    @dunnymonster 3 ปีที่แล้ว +1

    Brilliant method 👍

  • @judithguenther2239
    @judithguenther2239 3 ปีที่แล้ว +4

    I am always amazed by what you show us (I do have to watch multiple times before it soaks in because you use tools that I'm not used to) but I learn so much when I watch. Thank you.

    • @PixiLoveOfficial
      @PixiLoveOfficial 2 ปีที่แล้ว

      How to Remove White Background in Photoshop th-cam.com/video/zWasuxFOaQo/w-d-xo.html 😍

  • @fouadvisuals1245
    @fouadvisuals1245 3 ปีที่แล้ว +3

    Straight to the point, that's why i love your tutorials, thank you very much

  • @ArinoLR
    @ArinoLR 3 ปีที่แล้ว +2

    Beautiful work bro 🔥

  • @matthewwagnermusic8649
    @matthewwagnermusic8649 2 ปีที่แล้ว

    Sheesh, you go so fast. Couldn't keep up.

  • @shitalchaudhari3165
    @shitalchaudhari3165 3 ปีที่แล้ว +1

    Thank you so much ! This saved me a lot of time working with magic wand, saved this video for reference !

  • @BROSHEND
    @BROSHEND 3 ปีที่แล้ว +2

    I like it bro. Thanks. I'll try in my tutorial video.

  • @sacredcrossstudio998
    @sacredcrossstudio998 ปีที่แล้ว

    Thanks bro! You saved my work hahaha

  • @fawadfaisal3650
    @fawadfaisal3650 ปีที่แล้ว

    perfect explanation man love it

  • @JovianAbdulali
    @JovianAbdulali 2 ปีที่แล้ว

    Thanks for breaking this down and making it easy to understand😄👍

  • @jpillay72
    @jpillay72 3 ปีที่แล้ว +1

    enjoyed watching this video

  • @rekaraokewithfriends
    @rekaraokewithfriends 2 ปีที่แล้ว

    You are awesome!

  • @Mr31formula
    @Mr31formula 3 ปีที่แล้ว +1

    That was fantastic. That just turn a 70 year old light bulb on. Thank you very much!

  • @SirImran
    @SirImran ปีที่แล้ว

    Your Content is Very Meaningful & Magnificent Your Thought Marvellous Just Fabulous Video.

  • @NGUNOW
    @NGUNOW 5 หลายเดือนก่อน

    HOLYYYYYYYYYYYYYY YOU ARE GOLDEN!

  • @hiroshi248
    @hiroshi248 3 ปีที่แล้ว

    Thank you! It took me so much time to find a proper tutorial to properly remove the background of icon type image!

  • @photophix7426
    @photophix7426 3 ปีที่แล้ว

    You are amazing! I just love to watch your videos! Thanks!

  • @khanhlynguyen3197
    @khanhlynguyen3197 2 ปีที่แล้ว

    Wow! Incredible tutorial. Thank you so much.

  • @Berserg_
    @Berserg_ 11 หลายเดือนก่อน

    мужик, спасибо. я еще больше запутался)

  • @renniesseaside7776
    @renniesseaside7776 2 ปีที่แล้ว

    thankyou, all worked well as i followed the instructions but you didn't address the jagged edges that occur in a jpeg image - how to get rid of these please.

  • @faizzubhat4586
    @faizzubhat4586 3 ปีที่แล้ว +1

    I love this tutorial 😘 ♥
    (How to download photoshop please make a video on TH-cam)

    • @faizzubhat4586
      @faizzubhat4586 3 ปีที่แล้ว +1

      How to download photoshop Please make a video

  • @mohamedskafi1658
    @mohamedskafi1658 3 ปีที่แล้ว +2

    I love your videos, and every time I watch your videos I learn something new! I am not a professional designer and I just started exploring photoshop recently. I am in nowhere to judge, but I think this is not the easiest way to remove the white background. For me, I would use the color range selection method. This will be the first thing I use!

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +2

      Color range could work. But it requires much more fine tuning. The edges are already well defined by the channels. Just take advantage of them.

    • @DigitalDesignsbyPJ
      @DigitalDesignsbyPJ 3 ปีที่แล้ว +1

      Yes I literally was doing this and happened to see this video pop in and it left white edges around the letters doing it that way. I'm looking forward to trying it with channels.

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว

      @@DigitalDesignsbyPJ I hope it helps!

  • @gopimk3122
    @gopimk3122 3 ปีที่แล้ว

    2021 fantastic gift

  • @OORVOKKI
    @OORVOKKI 3 ปีที่แล้ว

    Ecellent! I have fogotten how to aply channels. You are a great teacher.I want to back and make videos! I am only so terrible unsure .

  • @MetaphoricalSol
    @MetaphoricalSol 9 หลายเดือนก่อน

    Thank you, sir! This was an excellent tutorial. It was so easy to follow!

  • @richardstalter5461
    @richardstalter5461 3 ปีที่แล้ว +1

    Assuming you did not need to isolate the individual colors, once you had the mask created couldn't you also just use that mask to remove the background from a copy of the original image? And I assume you would also smooth the jagged edges, correct?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +1

      That would work fine, Richard. In some cases you might need to contract the mask to avoid edge halos. But it should work.

  • @lok2565
    @lok2565 3 ปีที่แล้ว +1

    wait - how did you get the pixelated edges to smooth/crisp edges?

  • @Vivi_Steebert_Unscripted
    @Vivi_Steebert_Unscripted ปีที่แล้ว

    It's very helpful but little long process but I liked it

  • @armstrex2116
    @armstrex2116 3 ปีที่แล้ว +1

    Great tutorial but why couldnt we use blend if to remove the white background

  • @ACooL12as
    @ACooL12as ปีที่แล้ว

    thank you.

  • @aliusamaedits4559
    @aliusamaedits4559 3 ปีที่แล้ว +1

    Thanks you

  •  ปีที่แล้ว

    Thanks a lot

  • @jintidotori
    @jintidotori ปีที่แล้ว

    Best tutorial ! thanks

  • @mostafasoofy2594
    @mostafasoofy2594 3 ปีที่แล้ว +1

    Awesome, Thank u so much

  • @josiahmccall7811
    @josiahmccall7811 2 ปีที่แล้ว

    Great video! I love this channel!

  • @MineralwasserSommelier
    @MineralwasserSommelier 3 ปีที่แล้ว +1

    My biggest Problem at the moment is to know which technique i have to use because for example , there are many different ways to cut out an image , what technique should I use to change colors and if i go deeper in that it feels like there are like 10 different ways to change hair color or 10 different ways to change a specific color. At the moment its hard for me to determine which technique is in this special situation the best to use. Got any tipps?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +2

      😂 The one that comes to mind first! j/k It's hard. Sometimes is trial-and-error. Or you have experience with a certain type of image and you can anticipate problems and decide on a technique that will solve those issues. Other times it depends on the output.
      For example, if it's an Instagram photo you could decide on techniques that are less precise but faster to complete since IG will not benefit from the extra detail.
      Other times it could depend on the work environment. For example, in this tutorial, I could have used the selection to mask the original logo, and it would have looked OK. But I was pretending that I was in a work environment where I had colleagues that were also using the file (thus the labeling), and a potential client who would ask for changes (thus the solid color fill layers). It all comes with experience.
      For now, I would say to focus on understanding how a technique works and to learn the principles behind it. Hopefully, you will be able to apply those principles to problems when you come across them.

    • @MineralwasserSommelier
      @MineralwasserSommelier 3 ปีที่แล้ว +1

      @@PhotoshopTrainingChannel thanks for your answer, it helped me. I will do as you suggested and yeah you are right most of it is experience 👍😁

  • @TheStartobecome
    @TheStartobecome 2 ปีที่แล้ว

    Hi! Thank you for this tutorial! I like very much that logo. Is it possible to buy it or use it?

  • @bl5752
    @bl5752 2 ปีที่แล้ว

    Not good for simple stuff you have to do, but very informative. Not sure why this is the first google result.

  • @DasSaffe
    @DasSaffe 3 ปีที่แล้ว +1

    Could you do a tutorial on how you would flatten the pixelated logo? like, is there an easy way in photoshop to make it smoother? Or are you forced to "redraw" it in illustrator?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +1

      Without re-creating it the next option would be to use the Neural filters to remove jpeg compression artifacts

    • @DasSaffe
      @DasSaffe 3 ปีที่แล้ว

      @@PhotoshopTrainingChannel and would the re-creation of such a logo be easier for you with that given JPG/PNG as a base, or would be start from the scratch? What I'm trying to get to is: lets assume the logo looks promising so far and the client needs this as a vector-image for reasons. can you simply "overdraw" the shapes. Thank you

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +1

      Depends on the logo and the file you have.
      If you have a hi-res jpeg and the logo is fairly simple without text you can probably get away with Illustrator's Image Trace.
      If you're working with a low-res logo and a lot of text you might have to trace parts of with the pen tool and use the same/similar font to recreate the text.
      I hope this helps

  • @rajanaveed8936
    @rajanaveed8936 3 ปีที่แล้ว +3

    sir i like your tutriols but this time i think this is a very long setup for selection

  • @tookafla8107
    @tookafla8107 3 ปีที่แล้ว +2

    This tutorial is all over the place

  • @dmimosa75
    @dmimosa75 2 ปีที่แล้ว +4

    My only complaint is that he speeds through the last few steps. He starts out nice and slow and easy to follow.

    • @charissawest472
      @charissawest472 2 ปีที่แล้ว +1

      Yes! I need a much slower version of this video with the steps broken down even more after the 4-minute mark. It goes so fast I missed steps and I have no idea where I went wrong.

  • @kasamkumbhar3588
    @kasamkumbhar3588 3 ปีที่แล้ว

    Thanks 👍 you 💞 too

  • @Jay_ohema
    @Jay_ohema 2 ปีที่แล้ว

    Wow, that was easy to follow. I learned a lot. You got my subscription. Hope to Learn more

  • @Rabbittomaru
    @Rabbittomaru 3 ปีที่แล้ว +1

    As always, you always explained it *VERY WELL AND THROUGH*
    I learned a lot from your channel.
    Thank you so much, Sir 😊

  • @cactusjack2264
    @cactusjack2264 6 หลายเดือนก่อน

    How exactly did this make the background transparent?

  • @randolphdigber9614
    @randolphdigber9614 3 ปีที่แล้ว

    This is very helpful...thank you

  • @IanBarefoot-r9h
    @IanBarefoot-r9h 5 หลายเดือนก่อน

    I'm missing the icon to create a new solid color fill layer at the bottom right.

  • @vidmaster7
    @vidmaster7 2 ปีที่แล้ว

    This is excellent. I was looking for something else but watched the entire video and will keep it in mind the next time I need to do that. I also Subscribed. Thank you.

  • @AliKamal4
    @AliKamal4 3 ปีที่แล้ว

    Absolutely Great Job... Really Appreciated your work... Thumbs Up JR 👍

  • @anabuenobr
    @anabuenobr 2 หลายเดือนก่อน

    thanks!

  • @mayavichy4987
    @mayavichy4987 3 ปีที่แล้ว

    Loved the technique, it’s new to me, but short and to the point!
    Please do more Copycat Wednesday as well!

  • @richards1243
    @richards1243 3 ปีที่แล้ว +10

    Could you do it by just using the select color tool and then just deleting out the white. I mean not the cleanest way but would be a "Neanderthal" quick way no?

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว +3

      Definitely a quick way, but not the cleanest as you say. The edges will not look very good.

  • @GerminezEdiage
    @GerminezEdiage 3 ปีที่แล้ว

    Amazing! Wanted to know how to do this for a very long time. Thanks

  • @JonathanAyers
    @JonathanAyers 3 ปีที่แล้ว

    Always appreciate your content!

  • @TheGREATdEEPs
    @TheGREATdEEPs ปีที่แล้ว

    Thanks

  • @oliquin-roo3420
    @oliquin-roo3420 3 ปีที่แล้ว

    Thanks for the video. Anyway you could make a video on the best method to enlarge the logo or add effects?

  • @jefortsabit
    @jefortsabit ปีที่แล้ว

    How about with very complex color mixture?

  • @rohitnikalje409
    @rohitnikalje409 3 ปีที่แล้ว

    This is the best tutorial .. helped me a lot. A billion Thank you

  • @Steven.v1062
    @Steven.v1062 3 ปีที่แล้ว +1

    Thanks again

  • @arpadhejja734
    @arpadhejja734 3 ปีที่แล้ว

    Happy New Year ! Jesus, thanks...

  • @obsidian741
    @obsidian741 3 ปีที่แล้ว +1

    Hey Jesus, I think using the color range and expand selection can help modify the mask of those solid color layers quickly instead of using brush tool to paint on the areas

    • @PhotoshopTrainingChannel
      @PhotoshopTrainingChannel  3 ปีที่แล้ว

      Yeah, after making the initial channel pull, you could use color range and expand the selection. That would work.

  • @ngodinhhoang
    @ngodinhhoang 2 ปีที่แล้ว

    Thank you very much !

  • @DEATHMETALCYCLE
    @DEATHMETALCYCLE 9 หลายเดือนก่อน +1

    video starts at 1:02

  • @eddietimbal48
    @eddietimbal48 3 ปีที่แล้ว

    chucho eres el mejor profe bendiciones

  • @mahdigholami1529
    @mahdigholami1529 3 ปีที่แล้ว

    Great! This was amzaing!! Thank u man