Remove the White Background From Line Art in Adobe Photoshop

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ก.ย. 2024
  • Line art drawings are used as a base for a digital painting or colored drawing. They're built, as the name suggests, from lines, and they should have lines only, without any background. When you draw the line art digitally, you can use a separate layer for this. But what if you used the Undo command one time too many and Photoshop, according to its weird habit, switched you to the background layer, and you didn't notice it until it was too late? Or what if you have drawn your line art traditionally, on a white sheet of paper, and now you need to remove it without redrawing the lines with a tablet? In this very short tutorial I'll show you two methods of getting the lines back-a popular one, and a professional one. If you don't have any line art to use at the moment, feel free to download the attachment and follow me. Or practice this tip using our helpful Drawing Stocks from Envato Market: graphicriver.n...
    Find the project files here: design.tutsplu...

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

  • @p_eabean
    @p_eabean 5 ปีที่แล้ว +103

    The tutorial starts at 2:00

  • @haleybarngrover
    @haleybarngrover ปีที่แล้ว +13

    I come back to this video every couple weeks when I (inevitably) forget a step or miss something and it doesn't turn out how I expected. Thank you for the amazing resource!

  • @keiracopeland4721
    @keiracopeland4721 4 ปีที่แล้ว +7

    I was an idiot and didn't make my background transparent before saving it as a png file. It was lineart and I planned on doing the coloring later. Before I went to bed, I decided to check on it because something felt wrong, and wrong it was. I couldn't color it anymore because the layers had merged, as I was warned they would be, but I had (wrongfully) assumed it would automatically be transparent. I spent three hours on this lineart and I felt like crying and my entire weekend ruined. Thanks to you, I'm now crying tears of joy, because all of my hard work hasn't gone to waste. Thank you, god, thank you so fucking much, I don't think I can properly convey how happy you've made me and how much time you saved me. I'm crying again while writing this comment. Thank you, thank you so much.

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

    oh gosh, I didn't realize how big of a difference this would make. thank you so much, you're a lifesaver!

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

    This is the most helpful thing Ive ever seen for photoshop. Thanks so much

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

    I needed to remove the black background from a cloud of white smoke, I just inverted the image first, then followed your tut and it worked great. I exported it as a png so I can use it in another application 🎉

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

    This was perfect. Thank you so much. Saved me so much time in cleaning up a lineart with solid white background.

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

    OMG THIS JUST SAVED MY WHOLE DRAWING THANK YOU SO MUCH!!! 😭😭

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

    This is like my 7th time coming back to this video. I wish I could like it twice. Thank you very much!

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

      Glad you liked it!

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

    I used a variation of these steps to capture a flowchart off of a gradient background that fuzzy select couldn't handle (Gimp 2.10.28). I'm by no means a graphic designer / artist, and your steps have just saved me hours of frustration. Thank you so much!

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

    I am eternally grateful for this video! I spent all day looking for this kind of tutorial. Thank you so much, makes my job 1000 times easier now. Much love

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

    Keep coming back to this. Thank you!

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

    This is such a useful video -- thank you. (Also, it's so clear and to the point -- I wish all tutorial videos were like that. ;))

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

    Should memorize this process but I prefer coming back to this vid always. Thank you 🙏🏿

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

    hands down my favorite method, thank you!!

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

    This worked so good! thank you so much and i love your voice!

  • @aceplaybill
    @aceplaybill 4 ปีที่แล้ว

    Where were you all these years??? Thank you so much!

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

    Helped me a lot with a college project.

  • @WilliamMcPherson-w4m
    @WilliamMcPherson-w4m ปีที่แล้ว

    so sick. this helps me so much!

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

    THANK YOU!!!! This has been the only useful video I've found.

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

    saved my uni score for this semester. Cheers!

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

    Thanks! This was very helpful! I had no idea that channels could do that

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

    THANK YOU SOO MUCH FOR THIS😭😭!!!💕💕💕 I HOPE YOU HAVE A NICE DAY!!

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

    Thank you very much.. 😀😀 It's very helpful to me..

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

    Thank you thank you thank you very very much!

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

    Thnkuuuuu so so much ...u really helped me out w it..I was really tensed but now there's a relief after watching this tutorial

  • @찬나-p2l
    @찬나-p2l 2 ปีที่แล้ว

    WOW finally I can do this Thank you

  • @yashar-el
    @yashar-el 4 ปีที่แล้ว +8

    What about removing background from illustrations with color?

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

      I reckon you shoudl try adding a mask to "remove the background". You'd have to look up a tut about selecting the subject and then placing a layer mask. This also means that the background is still there, just hidden, so in case you want to undo that, you can! :)

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

    thanks, great video

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

    YASSS amazing tutorial thank youu

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

      Glad you liked it!!

  • @1amb_t33th
    @1amb_t33th 4 หลายเดือนก่อน

    thank you so much ypu saved my life thank you very very much i love you be happy

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

    Thank you for this tutorial 🤩❤️❤️❤️❤️

  • @aaron.hudacky
    @aaron.hudacky 4 ปีที่แล้ว

    Thank you! This was really helpful.... much nicer than the "multiply" method.

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

    Thank you so much! It flawlessly worked like magic!!!

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

    This saved me HOURS!!! Thank you!!!!

  • @jamesbauer2105
    @jamesbauer2105 5 ปีที่แล้ว +1

    Incredibly helpful! clear and straightforward... Thank you very much for this!!

    • @bonzodog67lizardking15
      @bonzodog67lizardking15 4 ปีที่แล้ว

      James, I have run into a glitch. Despite making notes, and doing the steps carefully, my image is default grey-scale, and I'm not given the "don't flatten" box. Further, unlike her image which had a "background" in addition to the layer she was using, I can generate the stacked channels, but I only wind-up with one layer instead of three. Help??

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

    Perfection! Thank you! This video was just what I was looking for!

  • @bonzodog67lizardking15
    @bonzodog67lizardking15 4 ปีที่แล้ว +7

    This is easily the best approach I've seen yet, but I'm confused.
    When I open my image, it's already a default greyscale and I'm not given the "Don't flatten option."
    The other confusing bit (which may be related) is My image is all by itself. I have no (apparently) default "background" that goes with it. So as I follow the steps, the channels stack up nicely, but the layer stubbornly remains a single item.
    Help please!! :)

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

      If you set up a new file with the dimensions of your image, then add a new layer on top of the background, you can add your line art image on that new layer and follow along this tutorial from there. As for the "don't flatten option" that's an Adobe CC update I believe. My current Photoshop settings when I go through this now show 3 dialogue boxes: I chose "don't merge," "don't rasterize" and then "discard" colors. Everything else in the video above worked the same. Hope this helps!

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

    exactly what I needed thank you SO much

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

    This saved my work, thank you so much! ❤️

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

    This helped a lot. Thanks for such an useful video!

  • @overlordmega
    @overlordmega 4 ปีที่แล้ว

    So amazing! Thank you!!!!!!

  • @S-ivanov
    @S-ivanov 2 ปีที่แล้ว

    Amazing! Thank you :)

  • @dare964
    @dare964 4 ปีที่แล้ว

    This was so helpful! Thanks

  • @LearningSimplified
    @LearningSimplified 6 ปีที่แล้ว

    great technique!! It is indeed useful...

  • @joelhageman1903
    @joelhageman1903 4 ปีที่แล้ว

    Great stuff. I just want to say, you guys are saving me with this stuff. I can leave a comment and a like. Thanks much.

    • @envatotuts
      @envatotuts  4 ปีที่แล้ว +1

      Great to hear!

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

    You Absolute star thankyou!

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

    The line art layer still has grey around it. What if I want specifically the line art with 100% transparency around it. Like If I had started in photoshop with a backround layer and line art layer.

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

    Wow just spend 2 hours just to figure out I only had to click Multiply... XD Thanks for the tutorial!!

  • @rukhsar9858
    @rukhsar9858 4 ปีที่แล้ว

    Oh thank you so much ❤️❤️❤️

  • @HellsDonutHouse
    @HellsDonutHouse 5 ปีที่แล้ว

    A big help - thanks!

  • @fourquestions5484
    @fourquestions5484 4 ปีที่แล้ว

    Thank you for your info-VERY helpful!

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

    Unfortunately this doesn't work for Adobe Photoshop Elements since it doesn't have the Channels mixer...

  • @raajabalaajeps
    @raajabalaajeps 4 ปีที่แล้ว

    Thank you so much

  • @uttiyamodi2420
    @uttiyamodi2420 5 ปีที่แล้ว

    Thank you so much for your guidance.

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

    2:37 "Click load channel as selection, aa selection should appear on the picture"
    This doesn't happen. What do I do?
    Edit: Ok, I contrasted the original layer so that my line art was darker (it was light gray) and this selection step showed some of the lines were selected (not all) but when I used the paint bucket tool, all the lines were saved regardless. So, thank you o much, your tutorial worked for me too!

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

    You should have told me the layers beneath will all turn into grayscale. Now my color drawings on separate layers are all grayed and I don't think I can recover them.

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

    Tnx

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

    Perfect explanation! Is there a way to colorize the sketch though, as well as removing the background as you've done? So lets say, you want the line drawing of the pegasus to be red instead of black. I'm just getting back into photoshop, and a lot has changed. Hopefully this is something simple.

  • @Gubleti
    @Gubleti 5 ปีที่แล้ว

    helped me so much ♥

  • @Mierontie
    @Mierontie 5 ปีที่แล้ว

    Thank you so much!

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

    I make character animations and when I draw lines and export the image when it's colored its a few pixels of white behind my line art is there a way to prevent that?

  • @vazizu
    @vazizu 4 ปีที่แล้ว

    This is amazing, thanks a lot! :)

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

    I did everything that you explained, but the only thing is that my image is black (entirely)

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

    Спасибо

  • @i.c.m.m6969
    @i.c.m.m6969 3 ปีที่แล้ว +1

    Hi , Thank you for your great video, really helpful, I have a question,I have a line art but the background is not white , and although the result is transparent but there is like a shadow at the background, is there any way to get rid of it?

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

      I'm getting the exact same thing! Did you figure it out?

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

      Same issue...

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

    This is going to be a silly question but. Is there a way to do this using Paint Shop Pro 8?
    Yes. Seriously.

  • @DanielMartinez-ih3hq
    @DanielMartinez-ih3hq 2 ปีที่แล้ว

    Anyone know if there's any way of doing this on android? I'm sure theres new apps that can do it but can't find a way. I'm tired of using blend mode.
    Photoshop mobile does not have these options on video.

  • @hyperdimension587
    @hyperdimension587 4 ปีที่แล้ว

    My end result looks like its transparent but when I drag it over to another file or export it it has a very light grey background instead of being fully transparent

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

    Hi guys, has anyone's paste in the channels section appeared grey??

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

    This is a great tutorial! But I have noticed then when going back to RGB Mode the the separated line art layer becomes darker/thicker, so it's not quite the same as the original. I am doing it right? Is there a way to avoid this?

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

      This is the super simple way to turn a hand drawing into png line drawing. I learned it from another video, unfortunately I don't remember which one.
      0- make sure your background colors are ready - black should be at the bottom (or whatever color you want the lines to be) of the Default Foreground and Background icon
      1- select image in LAYERS tab (Ctrl + A) (make sure it's unlock)
      2- Go to CHANNELS tab > hold Ctrl & click RGB (will see "ants" outline)
      3- Go back to LAYERS tab > (image still has "ants") - Tool Bar / Select / Inverse (don't "deselect or anything yet)....
      4- Create a "new layer" > hold Ctrl & press "backspace" to fill color to lines. And Viola! It's done.
      You now have a png line image. Let me know how you did. Cheers!

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

      @@elizcringle6505 oh that's a handy way to do it without going into greyscale! However it still ends with the same issue for me; the line art is very very slightly darker/thicker. Not a big deal, but it's kind of odd.

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

      Ok I figured out how fix it so the line art does not come out slightly thicker edges:
      Follow all the step in the video so you have the line art selection ready to fill, but before you fill, go to "Layer" > "Select and Mask" and reduce "Shift Edge" by -10%, then hit OK and now fill your selection. Your line art should be more accurate.
      Note: I think older versions of Photoshop "Select and Mask" is also called "Refine Selection".

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

    God Bless you! Thank you for sharing your knowledge!

  • @otakubeast-bx8tu
    @otakubeast-bx8tu 5 ปีที่แล้ว

    Thank you so much! You're a lifesaver!

  • @phen-themoogle7651
    @phen-themoogle7651 4 ปีที่แล้ว

    I'm trying to do this but for pixel art...so confusing *cries*

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

    I had to go back a couple times to just understand what you were saying. It was too fast, and you spent a lot of time talking about why making the layer simply multiply wasn't enough.

  • @edenerpelding7866
    @edenerpelding7866 5 ปีที่แล้ว

    I still cant ever figure this out :(

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

    Yo this worked, now I know what to do when I am extracting art from sketchbook pro to PSD appreciate you and thanks 🥹

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

    I had to repeat the video over and over to understand what she is doing! she is too fast and do not highlight her steps clearly

  • @tamerpin7504
    @tamerpin7504 5 ปีที่แล้ว +13

    God im getting pissed off I dont know how to paste the freaking selection so I cant even get past the first part be more clear

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

      I know this is a year late but for anyone else having this problem, I made the same mistake. Your mistake is trying the quick method first and never changing the blend mode back from multiply to normal. This won't work if the layer you're copy pasting is still set to multiply.

    • @luisolguin3298
      @luisolguin3298 4 ปีที่แล้ว +1

      still not clear.

    • @spectrum6266
      @spectrum6266 4 ปีที่แล้ว +1

      @@luisolguin3298 Basicly what is said at the beginning isn't the tutorial. It's a common mistake people make. If you watch past 2:00 the tutorial begins.

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

      @@Version0111 she jumping from chanels to layers with out saying it. But yeah this tutorial is confusing :(

  • @norbertsaitos6741
    @norbertsaitos6741 4 ปีที่แล้ว

    The problem is that you don't show the comands with the pointer. For exemple, you say use "fill comand" but is nowhere....

    • @bodeaalex1142
      @bodeaalex1142 4 ปีที่แล้ว

      The key shortcuts for all commands are shown at the bottom of video.

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

    so unclear

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

    it fixed it, but now i can only draw in grayscale colors pls help cause i needed to do this for painting

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

    This used to work perfectly for me, but recently even when I fill my lines in with black they come out gray. Is anyone else having this problem?

  • @unfriendlykarma
    @unfriendlykarma 10 หลายเดือนก่อน

    thank you so freaking much, this was perfect, i struggled bc my "line art" is stippled and omg i was struggglinggggg

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

    When i copy and paste in channels, my alpha 1 channel remains black, it doesnt paste the white and black like yours did.

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

    that didnt work.. :( i can still see the paper in the background

  • @cklai350
    @cklai350 4 ปีที่แล้ว +1

    I accidentally overwrote a big project with merged layers and I am saved with this method. THANK YOU!!!!!!!!

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

    too much talking

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

    Is there a free version of this Photoshop anywhere?...SBN RESONATE

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

      No. Photoshop is a program you have to subscribe to get. If someone tries to give you a free copy, it's illegal.

  • @davidau2045
    @davidau2045 4 ปีที่แล้ว +1

    Been using Photoshop for 20 years and now I FINALLY understand hot to do this. Thank you!

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

    This video saved my life, thank you for making it!

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

    really helpful, thank you! you have my subscribe and like😁

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

    it doesn't let me fill it with the bucket

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

    Greet video, thx a lot. u r the best.

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

    Start from 2:06 minutes

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

    tOally lOst me at ctrl+v ctrl+d

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

    very useful and so well explained!!!
    I was looking for a way to remove the white background from the coloring pages i do when i need to relax and this helped me a lot! now there's no limit on what i want to color!

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

    THANK YOU!!!!!!!!

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

    Amazingggg thanks

  • @FergbyFive
    @FergbyFive 5 ปีที่แล้ว +1

    Starts at 2.02