Remove White Background from Logos in Photoshop (Fast & Easy!)
ฝัง
- เผยแพร่เมื่อ 16 พ.ค. 2024
- Remove the white background from Logos in Photoshop! This simple technique will help you make backgrounds transparent in just a few minutes using Channels and Apply Image.
🎯 SUBSCRIBE to get more amazing Photoshop tutorials!
► th-cam.com/users/photosho...
📘 INDEX - Remove White Background from Logos in Photoshop
00:00 - Introduction
01:00 - Analyze the RGB Channels
01:40 - Use The Apply Image to Combine Channels
02:42 - Fine Tune The Channels
03:23 - Make a Selection Out of the Channel Copy
03:56 - Create a Solid Color Fill Based on The Selection
04:21 - Adding Color To The Logo
05:38 - Name and Label Your Layers
6:27 - Final Thoughts
🔗 LINKS:
Tutorial Images
► photoshoptrainingchannel.com/...
Become an Adobe Stock Contributor:
► bit.ly/stock-contributor
PTC Newsletter:
► ptcvids.com/subscribe
Premium Tutorials:
► ptcvids.com/shop
Website:
► photoshoptrainingchannel.com
FOLLOW ON:
Instagram:
► / photoshoptrainingchannel
Facebook Group:
► ptcvids.com/group
CREDITS
● Stock Images provided by stock.adobe.com
● Stock Images provided by unsplash.com
● Photoshop video tutorials by Jesus Ramirez
#PhotoshopTutorial #Photoshop #PTCvids
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.
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.
Too complicated
If you want good results, you have to put in the work! 😉
Try to pause the video while copying the steps.. U will enjoy it.. He delivers more knowledge in less time.. Believe me on that..
@@PhotoshopTrainingChannel You're making a simple process more complicated than it needs to be
Very complicated... Plus no showing of how to make it transparent
My adhd isn't even allowing me to finish the video 😒
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!
That trick to combine channels is amazing. I never thought about it. Thank you so much, Jesús!
You're welcome, Valdair!
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.
The Black and White version gave me a cleaner vector in Illustrator. Great tutorial. Thanks.
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.
How to Remove White Background in Photoshop th-cam.com/video/zWasuxFOaQo/w-d-xo.html 😍
Thank you! It took me so much time to find a proper tutorial to properly remove the background of icon type image!
Straight to the point, that's why i love your tutorials, thank you very much
Thank you!
Thank you so much ! This saved me a lot of time working with magic wand, saved this video for reference !
Never fail to impress, always learning something new on your channel. Great work!
Thank you!
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!
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.
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.
@@DigitalDesignsbyPJ I hope it helps!
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.
Thank you, Tony! I'm glad you enjoyed it.
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!
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 🤷♂️
@@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)
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.
I couldn't even remove the white background... How's this easy?!
Could you also use the new Neural Filter to remove some aspects of the JPG compression artifacts prior to using this process?
Loved the technique, it’s new to me, but short and to the point!
Please do more Copycat Wednesday as well!
people don't understand how valuable this tutorial is
Didn't complete the steps, but it was resolved.
Thanks million times
do you have any videos that show how to then layer the colors after this step?
As always, you always explained it *VERY WELL AND THROUGH*
I learned a lot from your channel.
Thank you so much, Sir 😊
You're welcome, Angga!
Amazing! Wanted to know how to do this for a very long time. Thanks
Thanks for breaking this down and making it easy to understand😄👍
This was amazing. thank you!!!
Hey jesus, amazing tutorial as always love your skills. Just wanted an advice on how to bring back detail from extreme highlights and shadows.
Always appreciate your content!
This was a huge help! Thank you! :D
And here I am, clicking white area with magic wand and hitting delete key.
In some cases that can work. Lol but the edges will need work.
@@PhotoshopTrainingChannel just copy the layer and adjust level to make it black. use magic wand and delete white background. it work every time.
@@mukesh13024 You can't make the edges perfect by doing this if your image is of low quality
Also, if your logo has a gradient that fades to white this method will not work at all. But the channels one will.
Can you make one for me 🙏 please ..I don't have laptop and pc ...
Wow! Incredible tutorial. Thank you so much.
Thank you, sir! This was an excellent tutorial. It was so easy to follow!
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.
Genial! Buenisima técnica!
I don't think you should ask whether we learned something or not ...we always learns from you 😁😁😁
Thank you, Alphin!
Love your tutorials thank you, clear and concise but question, please is there anyway we could slow down your speaking speed?
I'll try to speak slower in the future. But you can slow the video down from the TH-cam controls if you like.
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?
Second that.
You are amazing! I just love to watch your videos! Thanks!
I use select > color range
but this way is solve cleaning way of edges !!! amazing !!!
thank you so so so much for sharing
Easily explained as usual Jesus, many thanks.
You're welcome, Juan!
Thanks for the video. Anyway you could make a video on the best method to enlarge the logo or add effects?
Great! you know how to explain, thanks!
This is the best tutorial .. helped me a lot. A billion Thank you
This is very helpful...thank you
Wow, that was easy to follow. I learned a lot. You got my subscription. Hope to Learn more
I love your tutorials and use them often. Can you recommend a tutorial or other instructions on how to then take this logo, smooth out the edges, and convert to vector? Or a hint as to what I should search for? I have Illustrator and I'm just concerned if I trace it the edges will be jagged. Maybe I'm wrong though.
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.
U nail it man 👨 absolutely thumbs up.. Short, well explained and informative.. Love u BOSS
Thank you!
brother this is the cleanest way i ever saw
Absolutely Great Job... Really Appreciated your work... Thumbs Up JR 👍
Brilliant as always
I’ve been watching his videos for so long. He always used the hardest or advance method of doing anything. He amazing though.
This was VERY VERY VERY VERY HELPFUL!!! THANK YOU!
You're welcome, Felicia Studies and Thrives!
WOW ! I'm speechless. This is so good
Thank you!
Thanks for the info! :)
Beautiful work bro 🔥
Thank you!
My only complaint is that he speeds through the last few steps. He starts out nice and slow and easy to follow.
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.
wait - how did you get the pixelated edges to smooth/crisp edges?
Top class tutorial as always👌
Thanks mate 🔥👍
You Are just Amazing ... this tutorial will help me alot ... tHnkew man💖
You're welcome!
Thank you Sense!!!
Hi! Thank you for this tutorial! I like very much that logo. Is it possible to buy it or use it?
Thank you very much...I have been looking forward to learn this.. and I got every step 😊😊
Soooo many steps!!! Unreal!
Great exercise. I'll be looking for more on find tuning alpha channels. Thanks
Really awesome tutorial! Love editing in photoshop :)
Thank you!
You are so good, I want you to be my teacher.
Why is Photoshop such an enigma code?
you are awesome what work space you are using as in{ essentials} or (photography)
Now if we need it to be a vector would it be best to pull into Illustrator or can it be done in Photoshop?
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.
Great Trick! Thanks!!
perfect explanation man love it
2021 fantastic gift
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?
Would this work for logos with colours that have different gradients?
such a consequence I did something similar to this today at work.
Cool!
мужик, спасибо. я еще больше запутался)
thanks. helped a lot!
HOLYYYYYYYYYYYYYY YOU ARE GOLDEN!
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!
Great! This was amzaing!! Thank u man
subscribed and clicked on bell icon after watching this video, many thanks, please, for sharing
Great help - thx. 🙏
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.
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 😀 )
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?
Feel free to share the image (or email through my website). The answer will depend on the situation.
chucho eres el mejor profe bendiciones
I like it bro. Thanks. I'll try in my tutorial video.
Thanks
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?
Without re-creating it the next option would be to use the Neural filters to remove jpeg compression artifacts
@@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
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
Great tutorial but why couldnt we use blend if to remove the white background
Your Content is Very Meaningful & Magnificent Your Thought Marvellous Just Fabulous Video.
Thanks bro! You saved my work hahaha
understood great. thanks
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?
Awesome tutorial!! Happy New Year!!!
Thank you, Primal Edge! Happy New Year
Thank you very much !
You are the boss of Photoshop. We want serial training of Photoshop. Please make serial videos of Photoshop.
Hi jesus, thank you for wonderful tutorial, obviously i learn new things as always. However, as a old subscriber, i go through comments before posting this query of mine and i saw one person already post but i am not satisfied with the answer he received.
so i want to say
1- if we use quick selection to select only white and select and mask.
2- there will be white edges on corner, so hide those white edges by using your other very informative tutorial.
isn't it worked?
Also this is the logo with limited color and flat design however there are some logo which are very detailed and have gradients so i am not sure we can apply this method on that kind of logo, also there are logos with very thin fonts, its not possible to do color part on those logos. can you please make another tutorial where you explore all these possible situations and tell us the possible solutions for different logo, if you do not mind this request.
Thank you!
It's very helpful but little long process but I liked it
That was fantastic. That just turn a 70 year old light bulb on. Thank you very much!
I'm glad you found it useful!
Brilliant method 👍
Thank you!
Best tutorial ! thanks