Remove the White Background From Line Art in Adobe Photoshop

Подписаться 1,5 млн

Просмотров 181 тыс.

50% 1

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

Опубликовано:

10 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 154

@haleybarngrover Год назад

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!

@p_eabean 5 лет назад

The tutorial starts at 2:00

@finnbar004 3 года назад

king

@mcsilustrador 3 года назад

THANKYOU!

@davidau2045 3 года назад

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

@cklai350 4 года назад

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

@keiracopeland4721 4 года назад

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 2 года назад

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

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

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

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

@devinbrice991 4 года назад

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

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

Glad you liked it!

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

@mrsnapoly 3 года назад

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

@M00nlord Год назад

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

@envatotuts Год назад

Glad it helped!

@MattMaGunDee 2 года назад

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

@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

@madisonbaker4663 7 месяцев назад

hands down my favorite method, thank you!!

@-beee- 5 месяцев назад

Keep coming back to this. Thank you!

@Emeehhh 2 года назад

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!

@envatotuts 2 года назад

Wonderful!

@chokeromance 2 года назад

Thank you for this, I've been searching for a way to get rid of the white and the tricky little bits it leaves behind for ages!

@envatotuts 2 года назад

You are so welcome!

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

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

@OscarGtheGreat 2 года назад

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

@yashar-el 4 года назад

What about removing background from illustrations with color?

@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! :)

@anjali_zombie Год назад

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

@PATRICKCOSTA25122000 2 года назад

Helped me a lot with a college project.

@pblazevic7638 2 года назад

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

@saintak 4 года назад

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

@envatotuts 4 года назад

Glad it helped!

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

@wasist124 2 месяца назад

Very easy and to the point, thank you!!!

@benjamino5 3 года назад

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

@aceplaybill 4 года назад

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

@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

@lachlanstacey6300 Год назад

saved my uni score for this semester. Cheers!

@user-cn5ul7ri4f Год назад

so sick. this helps me so much!

@bonzodog67lizardking15 4 года назад

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 Год назад

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!

@lazychief69 2 года назад

you saved my work omg THANK YOU SO MUCH 😩👌

@malithanuradha3333 3 года назад

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

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

@user-et2nx7ou7o 2 года назад

WOW finally I can do this Thank you

@envatotuts 2 года назад

Have fun

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

@ybb220 2 месяца назад

Thank you thank you thank you very very much!

@FelixEarth 2 года назад

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

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

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

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.

@amogusballs 2 года назад

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

@nternetrat Год назад

YASSS amazing tutorial thank youu

@envatotuts Год назад

Glad you liked it!!

@BlayekStar 2 года назад

Thank you so much! It has made my edits so much faster!

@moriahbbcmusicministry9921 2 года назад

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

@aaron.hudacky 4 года назад

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

@effervescence5 2 года назад

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?

@mari43862 2 года назад

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

@1amb_t33th 3 месяца назад

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

@conniehipshire7928 Год назад

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

@envatotuts Год назад

Glad it helped!

@kimberlyheath1855 3 года назад

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

@joycecotton1041 5 лет назад

I can get it all the way to line art with transparent background, The Control + shift+ I hint worked great. However when I place it on another page with colored background, I can see the square box around my line art and it's slightly gray, i would like to just have the line art with no bounding box. Am I doing something wrong?

@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

@rafaelcoelho3063 2 года назад

thanks, great video

@FictagiousDaveSavage Год назад

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

@kristenmerola6846 3 года назад

exactly what I needed thank you SO much

@conradruizph Год назад

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

@envatotuts Год назад

Glad it helped!

@jamesbauer2105 5 лет назад

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

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

@esimamedova5406 2 года назад

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

@Tao_of_sifu 2 года назад

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

@joaopedromirandaart4494 3 года назад

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

@SS-qm4up 5 лет назад

THANK YOU! i was looking for a way to get a PNG out of a drawing. T_T and i would like to suggest darkening the artwork and expanding inverted selection in about 2-3 pixels using select ---> modify--> expand before copying the alpha channel, to get the most of the drawing.

@catherinmella7501 2 года назад

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

@TheArtofKAS 2 года назад

THANK YOU!!!!!!!!

@downtowntrain2319 3 года назад

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

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 2 года назад

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

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

@christopherstefanac8990 3 года назад

This has been really helpful, thank you :D

@i.c.m.m6969 3 года назад

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 2 года назад

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

@jakestuck8903 2 года назад

Same issue...

@juliedh97 3 года назад

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

@samzarazararam 4 года назад

Thank you, so straight forward!!

@mayursatardekar6974 Год назад

Thanks

@oxSoNyAxo 3 года назад

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

@williamstone1536 5 лет назад

God Bless you! Thank you for sharing your knowledge!

@adi_tal 3 года назад

Amazingggg thanks

@superwalnuts2855 3 года назад

thanks!

@sapianolessons Год назад

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.

@denislavpetrov7723 Год назад

Thanks!

@envatotuts Год назад

Welcome!

@overlordmega 4 года назад

So amazing! Thank you!!!!!!

@Alejandrodhz 5 лет назад

Amazing, Thank you.

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