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

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

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

  • @ValdairLeonardo
    @ValdairLeonardo 3 года назад +15

    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.

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

    people don't understand how valuable this tutorial is

  • @bexigallio
    @bexigallio 3 года назад +35

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

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

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

  • @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

  • @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.

  • @shivamlohiya8655
    @shivamlohiya8655 3 года назад +111

    Too complicated

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

      If you want good results, you have to put in the work! 😉

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

      Try to pause the video while copying the steps.. U will enjoy it.. He delivers more knowledge in less time.. Believe me on that..

    • @macaroon147
      @macaroon147 2 года назад +5

      @@PhotoshopTrainingChannel You're making a simple process more complicated than it needs to be

    • @damieshoot7546
      @damieshoot7546 Год назад +3

      Very complicated... Plus no showing of how to make it transparent

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

      My adhd isn't even allowing me to finish the video 😒

  • @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.

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

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

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

    brother this is the cleanest way i ever saw

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

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

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

    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.

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

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

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

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

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

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

  • @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 RUclips controls if you like.

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

    Soooo many steps!!! Unreal!

  • @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 ...

  • @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 👍😁

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

    Awesome tutorial!! Happy New Year!!!

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

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

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

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

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

    perfect explanation man love it

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

    Brilliant method 👍

  • @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.

  • @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.

  • @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.

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

    Your Tutorial, It's Really Awesome!

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

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

  • @TylerStanczak
    @TylerStanczak 3 года назад +9

    Really awesome tutorial! Love editing in photoshop :)

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

    2021 fantastic gift

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

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

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

    Best tutorial ! thanks

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

    HOLYYYYYYYYYYYYYY YOU ARE GOLDEN!

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

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

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

    enjoyed watching this video

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

    Beautiful work bro 🔥

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

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

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

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

  • @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 .

  • @lyndar.4833
    @lyndar.4833 3 года назад

    I've been having this issue fooorrrr-ever - great tut..... - I know there is a way to select a color and make it another color - but I can't seem to find it - I don't want to hand pick the colors because sometimes it's very intricate pieces in the object - any quick tips?

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

      Feel free to share the image (or email through my website). The answer will depend on the situation.

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

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

  • @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!

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

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

  • @ps-jfb
    @ps-jfb 3 года назад +1

    WOW ! I'm speechless. This is so good

  • @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

  • @Mayur_Kedare
    @Mayur_Kedare 10 дней назад

    I followed the steps for a jpg image. I have photoshop 2024, after the invert channels and selection, I selected RGB composite, I had to manually deselect the Blue copy channel when I add a solid layer black, the background selection changed to black probably due to the channels layers, I mean the selection doesn't remain coloured as shown in the video @4:06. How to rectify this or move forward?

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

    Great video! I love this channel!

  • @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!

  • @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?

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

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

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

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

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

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

  • @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!

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

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

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

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

  • @Steven.v1062
    @Steven.v1062 3 года назад +1

    Thanks again

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

    Thank you very much !

  • @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.

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

    How easy would it then be to put a coloured image say like a colour splash image behind so it goes through the logo too?

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

      How to Remove White Background in Photoshop ruclips.net/video/zWasuxFOaQo/видео.html 😍

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

    Brilliant as always

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

    Awesome, Thank u so much

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

    Great! This was amzaing!! Thank u man

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

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

  • @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!

  • @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.

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

    Now if we need it to be a vector would it be best to pull into Illustrator or can it be done in Photoshop?

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

      If you want it to redo it, the best way would be Illustrator. But it could be done with vectors in Photoshop if you didn't have Illustrator.

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

    This is very helpful...thank you

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

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

  • @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.

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

    Thanks bro! You saved my work hahaha

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

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

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

    Top class tutorial as always👌

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

    Thank you!

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

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

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

    Wow! Incredible tutorial. Thank you so much.

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

    chucho eres el mejor profe bendiciones

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

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

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

    Very nice video. My one problem is whenever I would attempt to do the "paint" it did not work. It says that I must "rasterize" before proceeding. And I would do that, but it never would work like yours. Any tips?

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

    Always appreciate your content!

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

    Me Select white area with magic tool and invert the selection. Make new layer fill Color.. works great for me...

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

      That can work sometimes. In some cases, it does not work well on sharp corners or text.

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

    thanks. helped a lot!

  • @makeupbys.e.d4619
    @makeupbys.e.d4619 3 года назад

    This is perfect

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

    Would this work for logos with colours that have different gradients?

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

    This tutorial is all over the place

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

    understood great. thanks

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

    That was GREAT information - sure appreciate your style and skills.

  • @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?

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

    It was really awesome

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

    You are awesome!

  • @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.

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

    My logo is on a white background and is jpeg. I am having trouble with your steps in paths. Is this because the artwork is jpeg?
    All I want to do is get the transparent checker background so I can place the logo on any background. I I went back into my artwork and used the magnetic selection too and eraser...very time consuming and difficult to be exact. thank you

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

    Very nice 👍

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

    do you have any videos that show how to then layer the colors after this step?

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

    Happy New Year ! Jesus, thanks...

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

    Hi there, I am new to your channel and I like your vids a lot and they are seems very useful and one thing may I know what photoshop are you using?

  • @DEATHMETALCYCLE
    @DEATHMETALCYCLE 10 месяцев назад +2

    video starts at 1:02

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

    And here I am using background eraser tool and color range to delete the white background...
    Imma try this one, thank you, Mr. Ramirez! Btw, have you secure the BurgerTown? (Pun inserted 😀 )

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

    you are awesome what work space you are using as in{ essentials} or (photography)