How To Remove A White Background In Illustrator CC
Вставка
- Опубліковано 1 лип 2021
- Learn how to remove a white background or make it transparent in Illustrator CC in this simple tutorial.
The beauty of vectorizing and then expanding a flat PNG or JPG in Adobe Illustrator, is that it allows you to make changes to the individual components of the image.
In this simple tutorial, we'll use a simple process involving:
- Image trace
- Direct selection
Now, you can bring flat artwork to life and do far more with it, by removing its white background.
If you found this tutorial helpful, please subscribe to the channel, turn on notifications, like the video, and let me know in the comments of any future tutorials you would like to see.
Always loved this simple little trick. Hope it helps you!
I did it but the lines around the illustrator got raggedy or jagged, no longer fine. Edit: I don't know if it was better, but it worked for me in Photshop using properties remove background. However, of course, it's PNG, not AI anymore, unfortunately.
This is THE BEST video for removing a background that I have seen! It’s easily explained, appropriate pauses, and great directions! 🎉 THANK YOU
So helpful! I appreciate how quickly you cut to the chase, make things super clear, concise, and simple. Thank you!
Really glad you found the tutorial helpful Erika!
This is the first video for removing a background in Illustrator that helped me. Thank you! 😀
So glad you found it helpful Chris!
Yeah this was a huge help
Dude. If I saw this video before going through google, I woulda saved a couple hours of researching and trial and error. Super easy and to the point! Great video! Thank you!!!!!
So happy you found it helpful!
Short, to the point and clear. Thank you coach!
I have struggled with getting the background of a very complex logo transparent for years and this just solved it in less than a minute
Dude!!! You have no idea how many videos I've watched and couldn’t get it. Thank you for information bro!🙌🏾🙌🏾
You are so welcome fella, really glad it helped you out!
a million thumbs up for this video, thanks for keeping it quick and to the point. Exactly what i needed!
You are more than welcome Betty, thanks for the kind words!
Dude I could hug you right now, you just saved me from a lot of grief!, thanks man!
I've been there mate! So glad it helped you out
This is so cool.. I'm enjoying playing with it so much!! MORE!! Love it DALE!
Glad you found it helpful Maura
This is the very tutorial what I was searching for. Yor have done really a tremendous job Bro...
Appreicate the kind words, thank you!
Great job man. Really came in handy. 💪🏾👏🏾
Thank you so much for the tutorial.
It worked perfectly fine.
dude thank you so much this program is so godawful and these tutorials are the only way to make it useable
Amazingly helpful, concise and appreciated!
Glad it was helpful!
Thank you so much for this, it seems to be the only clear and simple tutorial about how to do this. Really appreciate it.
Kind words, glad it helped you out
Very, very well done! Thanks!
Thanks for being fast and sane and music-less. My sanity thanks you.
I leave the music for rush hour and Saturday night 😉
This is exactly what I need. Very helpful video, thanks
Thank you! This helped me tremendously.
Thank you for making the video! It was so easy to follow and short! I really appreciate it!
😃
Glad it was helpful Carole!
the only video i found helpful on this subject...thank you!
Very helpful and quick! I never could've figured this out myself.
Honestly, it's suprising what you can learn just by messing around in these programs. So much good stuff on UA-cam too.
I like your tutorials because they save life
Thanks and keep on with short minutes
You're welcome Francois, thanks for the feedback
Finally . Cheers mate.. the best video on UA-cam
Keep em' comin' and thanks for all of the help!!
Will do!
simple, easy, quick, great
Thank you so much for sharing this! It was super helpful 😄
You're welcome Donna
very helpful. short and simple. thank you.
Glad it was helpful Abdullah
Still works for illustrator 2023
Great tutorial
Super quick & easy thank you!
Glad you found it helpful!
Thank you for the video it's exactly what I needed, now I do have a question, after I removed all the white background and the small little details around the background it left some of the letters uneven around the letters and numbers how can i fix that?
Thanks,
This video is so helpful, you make it very easy to learn how to do it.
So glad you found it helpful Laura!
I am trying to convert my files from photoshop into illustrator and for some reason they do not appear layered at all. When I try to use this method it removes any effects I had on my ps design and gives it a more vectored look. By any chance is there a way to remove the background from images like that without illustrator changing any of the effects of your design?
Appreciate you for this; neat, informative, concise tutorial. Thanks
This is great! Saved me lots of time!
Glad it helped you out Tatiana
OMG!!! YOU REALLY HELP ME A LOT!! THANK YOU!!!!
WOW - so helpful, thanks. And all this without using photoshop - searching for this so long :-))
Glad it was helpful Andrea
deserved a like, fast and precise
Cheers!
That was so precise
I love it
So glad you found it helpful!
Thank you, you are time saver.
thank you!! so helpful
You are the goat thank you for clutching up for my uni assignment
Best of luck fella with the assignment. I remember those days, up on Photoshop at 4am hours before the deadline!
Had to remove the white in a QR code, worked perfect!
Great stuff Amanda, glad it worked
Thank you! Very helpful. I remove background (png file) then image trace. I would like to change from solid line to stroke line. What steps should I do in Illustrators?
In the image trace panel click the advanced options, then under the create option check 'strokes' instead of 'fills'
Thank you so much that was so helpful ❤️
Glad you got what you needed Abeer
Your are my life saver!!
Perfect! Thanks so much sir.
You're welcome Edward, glad it could help you out
Thank you so much for the tutorial.
You're very welcome Huzaifa
thank you. You have solved my problem.
Thank you, Thank you , thank you...life saver.
It worked oh my goodness thank you this video ROCKS! YOU ROCK! liked and subscribed...
Nothing like that feeling of finally cracking the problem, right Erin? Glad it helped you out!
Thank you so much you’ve saved my hard work.😅👌
You are very welcome Kirti, glad the tutorial was helpful!
Thanks! Very useful!!
Glad you found it helpful Caryazira
Thank you, thank you, thank you. I've been doing some corporate video work and (as usual) the logos supplied are um, not quite what I need for AE and this helped soooo much. *LIKE*
So glad this helped!
Thank you brother u saved my time
Thanks very much.
Extremely helpful cheers dude.
Glad to hear it!
Helped alottt thank you man !!!
You're welcome
Thanks for this. But something I can't figure out is, what if I also want to remove the white in the bee's wings to keep that transparent?
Simply thanks❤️
You're welcome Ali
Good video. Thank you for sharing this video.❤️❤️❤️
So Helpful.! And esay 😊❤
thankyou so much u saved my life
i have a logo that have white text and black background but when i delete the white text, it just reveals the black background and not become transparent
hats off wallah I can't
put into words how much you helped me 🤩
Glad it did you a solid!
it's really helpful
Thank you so much and love the tutorial.. :)♥♥♥ Finally I have done it in Illustrator!!!! Cool..!!!! :D ♥♥ But after clicking 'trace' on "Image Trace" the image looking like some sort of pixelised..how can i change that?? please reply..
THANK YOU
best video out thr ! kudos !
Appreciate the love, thank you!
you saved my life
thank uh...this helps me alot
You're welcome Abdul
Legend!
Glad it helped you out fella
woww....... thanks man
thank you , i did it in 30 sec
Love to hear this Mike, I always try to keep things simple and to the point
you say use direct select and then 'backspace' but I am on a mac.... so what do I press to remove the white?
Press the delete key, top right often underneath the power button
@@designwithdale When I do this it deletes the entire image. How do I only delete the white?
@@erinbrenner6897 Object > Expand and Object > Expand Appearance
Is this the same process when you have a PDF? If so, I must be missing a step because I am not able to simply cut out a shape from a PDF. Nothing else is on it. And there is no option to expand appearance. When I follow the steps, there is a path created on the shape but no ability to move each individual piece now or delete
Rasterize the PDF first by using the selection tool to select everything then go to Object > Rasterize - from there, you'll have a flattened image that you can go forward and image trace, complete the other steps etc
Failing that, save the PDF as a JPG/PNG via Photoshop or Illustrator, then File > Place in that image instead - these methods should sort you out, let me know how you get on (hard to know sometimes as there's so many versions of Illustrator and not all of them do the same things)
After I have deleted all the background how can I move the image without just moving small parts of it? (Sorry if I have followed a step wrong)
Highlight everything with the selection tool and group it together using right click > group or cmd/ctrl + g - that should work. You could also use the pathfinder to merge the segements together, but that may mess up colour selections and other things, so proceed with caution.
@@designwithdale thank you!!!
It won’t let me choose Expand from my object menu. I have the object selected, any idea on why that might be the case?
I got it. I needed to do Object > Expand Appearance and then do Object > Expand
Leaving this in case anyone else runs into the same problem
I did everything step by step just like you explain it but it does not work for me.Whenever I select image trace then expand it ,It just does not look like the original quality,it makes it look like a drawing ,any tips for that?
same
Love u!
Wow!!! nice man
Cheers Rasim!
I'm a newbie in illustrator. one of the key step, you said, box space. what is box space when you remove the white background?
Quick question, every time I get to the step of using my Direct Selection tool, clicking the white background and selecting either Delete or Backspace my whole picture deletes, like every single time! I don’t know what I am doing wrong but it is driving me nuts!! Help!! Lol
Object > Expand and/or Object > Expand Appearance. You may need to do it a few times before the image breaks down, depending on its complexity.
I had the same problem, after you click the direct selection tool click off of the image so that it’s not highlighted then hit expand, this will allow you to remove the background without deleting the entire image. Hope this helps
Thanks bro
Will stay tuned to your channal! Cheers!
Thanks for the support Alexandre
Hello, my image is already a vector therefore did not need to trace. However the expand option is not available for me, it is greyed out. Any tips please?
It's already expanded. Go in with direct selection tool and you should be able to select the white background
Great video
Glad you enjoyed it
i love it
Cheers Roger
thank you so much, I will stop fooling around trying to remove backgrounds in photoshop !!!
Both methods work a treat, but if you can get a vector out of an image that's such a bonus in my eyes. Glad you found it helpful Bryce.
Thank you very much bro
Any time fella!
amazing
respect
Can you please tell is this work for any background or just white colour background.kindly guide.thanks 😊
As long as the background is a simple solid color this technique will work the same. It can also work with a more complex background, however, you will then need to spend more time removing specific shapes and areas.
What do you do if it doesnt come out clear as the original with parts missing and warped
Try in Photoshop - I've got a video for it: ua-cam.com/video/Jqpsm3pOhn0/v-deo.html
Do we have to vectorize the image first before we can remove the background?
You do, yes. If this doesn't work for you, try instead in Photoshop. I have a video for it: ua-cam.com/video/Jqpsm3pOhn0/v-deo.html
How do I get the white background back ?
Thanks my friend
You are very welcome!
Nice tutorial
Appreciate the comment, thank you