How To Remove A White Background In Illustrator CC

Sdílet
Vložit
  • čas přidán 1. 07. 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.

Komentáře • 256

  • @designwithdale
    @designwithdale  Před 3 lety +27

    Always loved this simple little trick. Hope it helps you!

    • @denniszenanywhere
      @denniszenanywhere Před rokem

      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.

  • @proudcurlgirl
    @proudcurlgirl Před 2 lety +20

    So helpful! I appreciate how quickly you cut to the chase, make things super clear, concise, and simple. Thank you!

    • @designwithdale
      @designwithdale  Před 2 lety

      Really glad you found the tutorial helpful Erika!

  • @fruitfulpurpose
    @fruitfulpurpose Před rokem +10

    This is THE BEST video for removing a background that I have seen! It’s easily explained, appropriate pauses, and great directions! 🎉 THANK YOU

  • @skizzleproductionskc
    @skizzleproductionskc Před 2 lety +6

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

  • @chrisnicholsonmiller3118
    @chrisnicholsonmiller3118 Před rokem +19

    This is the first video for removing a background in Illustrator that helped me. Thank you! 😀

  • @DesertFoc
    @DesertFoc Před 4 měsíci

    Short, to the point and clear. Thank you coach!

  • @user-wj2pe1kp2k
    @user-wj2pe1kp2k Před 4 měsíci

    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

  • @journeymanplayer7459
    @journeymanplayer7459 Před rokem +3

    Amazingly helpful, concise and appreciated!

  • @princewalter4525
    @princewalter4525 Před rokem +1

    Great job man. Really came in handy. 💪🏾👏🏾

  • @SpiritLedTV
    @SpiritLedTV Před 2 lety +1

    Dude!!! You have no idea how many videos I've watched and couldn’t get it. Thank you for information bro!🙌🏾🙌🏾

    • @designwithdale
      @designwithdale  Před 2 lety

      You are so welcome fella, really glad it helped you out!

  • @SyedRakibulHoque
    @SyedRakibulHoque Před 4 měsíci +1

    This is the very tutorial what I was searching for. Yor have done really a tremendous job Bro...

  • @MauraSciullo
    @MauraSciullo Před rokem +1

    This is so cool.. I'm enjoying playing with it so much!! MORE!! Love it DALE!

  • @peterwork7111
    @peterwork7111 Před rokem

    Very, very well done! Thanks!

  • @bettylou1030
    @bettylou1030 Před 9 měsíci

    a million thumbs up for this video, thanks for keeping it quick and to the point. Exactly what i needed!

    • @designwithdale
      @designwithdale  Před 9 měsíci

      You are more than welcome Betty, thanks for the kind words!

  • @thechosenjuan8776
    @thechosenjuan8776 Před 12 dny

    dude thank you so much this program is so godawful and these tutorials are the only way to make it useable

  • @maherasabnamadiba76
    @maherasabnamadiba76 Před rokem

    Thank you so much for the tutorial.
    It worked perfectly fine.

  • @CPHYSO
    @CPHYSO Před 2 lety

    Dude I could hug you right now, you just saved me from a lot of grief!, thanks man!

    • @designwithdale
      @designwithdale  Před 2 lety +1

      I've been there mate! So glad it helped you out

  • @davesharp9656
    @davesharp9656 Před rokem +1

    Thanks for being fast and sane and music-less. My sanity thanks you.

    • @designwithdale
      @designwithdale  Před 9 měsíci

      I leave the music for rush hour and Saturday night 😉

  • @CaliforniaVegan805
    @CaliforniaVegan805 Před rokem

    Very helpful and quick! I never could've figured this out myself.

    • @designwithdale
      @designwithdale  Před 9 měsíci

      Honestly, it's suprising what you can learn just by messing around in these programs. So much good stuff on CZcams too.

  • @abdullahash23
    @abdullahash23 Před 2 lety +4

    very helpful. short and simple. thank you.

  • @vegetarianninja
    @vegetarianninja Před 7 měsíci

    Thank you so much for this, it seems to be the only clear and simple tutorial about how to do this. Really appreciate it.

  • @stickyvicky2238
    @stickyvicky2238 Před rokem

    This is exactly what I need. Very helpful video, thanks

  • @carole_beastmode
    @carole_beastmode Před 10 měsíci

    Thank you for making the video! It was so easy to follow and short! I really appreciate it!
    😃

  • @noahmueller7379
    @noahmueller7379 Před rokem

    Thank you! This helped me tremendously.

  • @BloodDiamoond
    @BloodDiamoond Před 2 lety

    Super quick & easy thank you!

  • @donxmore
    @donxmore Před rokem +2

    Thank you so much for sharing this! It was super helpful 😄

  • @rouge.cherrie
    @rouge.cherrie Před rokem

    simple, easy, quick, great

  • @klark8klark895
    @klark8klark895 Před rokem +1

    Keep em' comin' and thanks for all of the help!!

  • @ErnieNegrete-kt6uj
    @ErnieNegrete-kt6uj Před rokem

    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,

  • @Anna1802
    @Anna1802 Před 5 měsíci

    the only video i found helpful on this subject...thank you!

  • @-rr-4172
    @-rr-4172 Před 3 měsíci

    Appreciate you for this; neat, informative, concise tutorial. Thanks

  • @francoiskinomy9893
    @francoiskinomy9893 Před 2 lety

    I like your tutorials because they save life
    Thanks and keep on with short minutes

  • @CAMphotMedia01
    @CAMphotMedia01 Před rokem +1

    That was so precise
    I love it

  • @lauradavies4772
    @lauradavies4772 Před 2 lety

    This video is so helpful, you make it very easy to learn how to do it.

  • @AnthonyRamtulla
    @AnthonyRamtulla Před rokem

    Still works for illustrator 2023
    Great tutorial

  • @sarisac3455
    @sarisac3455 Před 2 lety +2

    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?

    • @designwithdale
      @designwithdale  Před 2 lety

      In the image trace panel click the advanced options, then under the create option check 'strokes' instead of 'fills'

  • @tatianaalinemohler9051

    This is great! Saved me lots of time!

  • @vickypadre5532
    @vickypadre5532 Před rokem

    OMG!!! YOU REALLY HELP ME A LOT!! THANK YOU!!!!

  • @galibmahim9544
    @galibmahim9544 Před 2 měsíci

    Thank you, you are time saver.

  • @Darthmer0
    @Darthmer0 Před rokem

    deserved a like, fast and precise

  • @abeertagreda337
    @abeertagreda337 Před 2 lety +1

    Thank you so much that was so helpful ❤️

  • @SurrenderCrew
    @SurrenderCrew Před rokem

    Finally . Cheers mate.. the best video on CZcams

  • @caryazira8897
    @caryazira8897 Před 2 lety

    Thanks! Very useful!!

  • @giqfox
    @giqfox Před rokem

    thank you!! so helpful

  • @TM-lf6os
    @TM-lf6os Před 2 lety

    Perfect! Thanks so much sir.

    • @designwithdale
      @designwithdale  Před 2 lety

      You're welcome Edward, glad it could help you out

  • @rodgersalm4494
    @rodgersalm4494 Před 7 měsíci

    Thank you, Thank you , thank you...life saver.

  • @huzaifajunaed7785
    @huzaifajunaed7785 Před rokem +1

    Thank you so much for the tutorial.

  • @Glockenfee
    @Glockenfee Před 2 lety

    WOW - so helpful, thanks. And all this without using photoshop - searching for this so long :-))

  • @toghuja.741
    @toghuja.741 Před rokem +1

    Extremely helpful cheers dude.

  • @shahriyarkabirkayes5562
    @shahriyarkabirkayes5562 Před 8 měsíci

    woww....... thanks man

  • @luispatatas
    @luispatatas Před rokem

    Thanks very much.

  • @bandz3357
    @bandz3357 Před rokem

    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?

  • @nimankasandunil9289
    @nimankasandunil9289 Před rokem

    Good video. Thank you for sharing this video.❤️❤️❤️

  • @nw3878
    @nw3878 Před 9 měsíci

    You are the goat thank you for clutching up for my uni assignment

    • @designwithdale
      @designwithdale  Před 9 měsíci +1

      Best of luck fella with the assignment. I remember those days, up on Photoshop at 4am hours before the deadline!

  • @amnakamna531
    @amnakamna531 Před rokem +1

    Helped alottt thank you man !!!

  • @areeshabaloch8771
    @areeshabaloch8771 Před 6 měsíci

    So Helpful.! And esay 😊❤

  • @erinkost231
    @erinkost231 Před 9 měsíci

    It worked oh my goodness thank you this video ROCKS! YOU ROCK! liked and subscribed...

    • @designwithdale
      @designwithdale  Před 9 měsíci

      Nothing like that feeling of finally cracking the problem, right Erin? Glad it helped you out!

  • @2001Sunshine
    @2001Sunshine Před rokem +1

    Had to remove the white in a QR code, worked perfect!

  • @mr_perfect3290
    @mr_perfect3290 Před 5 měsíci

    Thank you brother u saved my time

  • @SmoothBlackness
    @SmoothBlackness Před rokem

    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*

  • @jessieparker5766
    @jessieparker5766 Před rokem

    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?

  • @esoirs6355
    @esoirs6355 Před rokem

    it's really helpful

  • @alijamarani8386
    @alijamarani8386 Před 2 lety

    Simply thanks❤️

  • @kirtisatyam4275
    @kirtisatyam4275 Před 2 lety

    Thank you so much you’ve saved my hard work.😅👌

    • @designwithdale
      @designwithdale  Před 2 lety

      You are very welcome Kirti, glad the tutorial was helpful!

  • @Zaki-cu2ii
    @Zaki-cu2ii Před rokem

    thank you. You have solved my problem.

  • @krishnav6244
    @krishnav6244 Před 6 měsíci

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

  • @saramonadi5611
    @saramonadi5611 Před 6 měsíci

    amazing

  • @Jaiho0227
    @Jaiho0227 Před rokem +1

    best video out thr ! kudos !

  • @ssmlee10
    @ssmlee10 Před 5 měsíci

    THANK YOU

  • @magnolliastefanie8252

    thankyou so much u saved my life

  • @mikail1261
    @mikail1261 Před rokem

    Love u!

  • @alexandregaspar2001
    @alexandregaspar2001 Před 2 lety

    Will stay tuned to your channal! Cheers!

  • @rasimoz548
    @rasimoz548 Před 2 lety

    Wow!!! nice man

  • @mariaeduardatiellet6966
    @mariaeduardatiellet6966 Před měsícem

    you saved my life

  • @charlieevans4542
    @charlieevans4542 Před 2 lety +1

    Legend!

  • @wordplaygraphicsembroidery9326
    @wordplaygraphicsembroidery9326 Před 11 měsíci +1

    Great video

  • @Short_factz
    @Short_factz Před rokem

    hats off wallah I can't
    put into words how much you helped me 🤩

  • @AbdulRauf-mt7dq
    @AbdulRauf-mt7dq Před rokem +1

    thank uh...this helps me alot

  • @rahatjahantaimo3102
    @rahatjahantaimo3102 Před měsícem

    Thanks bro

  • @TTC_NYC
    @TTC_NYC Před 2 měsíci

    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?

  • @adrianreyes3864
    @adrianreyes3864 Před rokem

    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

  • @mimigirl7
    @mimigirl7 Před 2 lety

    Super Helpful! Thank you

  • @basudeb_
    @basudeb_ Před 2 lety

    Love you bro

  • @rogerramos8750
    @rogerramos8750 Před 2 lety

    i love it

  • @delmor1
    @delmor1 Před 2 lety

    Nice tutorial

  • @Khak-e-Lasani
    @Khak-e-Lasani Před 2 lety

    Thank you very much bro

  • @katdeluca2826
    @katdeluca2826 Před 2 lety +1

    you say use direct select and then 'backspace' but I am on a mac.... so what do I press to remove the white?

    • @designwithdale
      @designwithdale  Před 2 lety +2

      Press the delete key, top right often underneath the power button

    • @erinbrenner6897
      @erinbrenner6897 Před 11 měsíci

      @@designwithdale When I do this it deletes the entire image. How do I only delete the white?

    • @designwithdale
      @designwithdale  Před 11 měsíci

      @@erinbrenner6897 Object > Expand and Object > Expand Appearance

  • @reillywadsworth
    @reillywadsworth Před 2 lety +2

    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

    • @designwithdale
      @designwithdale  Před 2 lety

      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

    • @designwithdale
      @designwithdale  Před 2 lety

      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)

  • @userdisabled99
    @userdisabled99 Před 10 měsíci

    Do we have to vectorize the image first before we can remove the background?

    • @designwithdale
      @designwithdale  Před 9 měsíci

      You do, yes. If this doesn't work for you, try instead in Photoshop. I have a video for it: czcams.com/video/Jqpsm3pOhn0/video.html

  • @kotylee3237
    @kotylee3237 Před rokem +1

    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?

    • @kotylee3237
      @kotylee3237 Před rokem +1

      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

  • @m.abdulbasit1854
    @m.abdulbasit1854 Před 4 měsíci

    thanks bro 🥰

  • @mtbv
    @mtbv Před 10 měsíci

    What do you do if it doesnt come out clear as the original with parts missing and warped

    • @designwithdale
      @designwithdale  Před 9 měsíci

      Try in Photoshop - I've got a video for it: czcams.com/video/Jqpsm3pOhn0/video.html

  • @Twiz_E
    @Twiz_E Před 2 lety

    Thanks my friend

  • @MakeUpShoppingMyLife
    @MakeUpShoppingMyLife Před 2 lety +2

    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)

    • @designwithdale
      @designwithdale  Před 2 lety +1

      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.

    • @MakeUpShoppingMyLife
      @MakeUpShoppingMyLife Před 2 lety

      @@designwithdale thank you!!!

  • @t1mbokilla
    @t1mbokilla Před rokem

    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?

    • @designwithdale
      @designwithdale  Před 9 měsíci

      It's already expanded. Go in with direct selection tool and you should be able to select the white background

  • @andinashllaku
    @andinashllaku Před rokem +1

    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?

  • @Sonia.000
    @Sonia.000 Před rokem +1

    Can you please tell is this work for any background or just white colour background.kindly guide.thanks 😊

    • @designwithdale
      @designwithdale  Před rokem

      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.

  • @mikearkeit2457
    @mikearkeit2457 Před rokem +1

    thank you , i did it in 30 sec

    • @designwithdale
      @designwithdale  Před rokem

      Love to hear this Mike, I always try to keep things simple and to the point

  • @missionhousechurchug
    @missionhousechurchug Před rokem

    Wow

  • @user-cr7nk4dz4l
    @user-cr7nk4dz4l Před rokem

    respect