Separate Line Art from Background - Photoshop Tutorial

Поділитися
Вставка
  • Опубліковано 3 жов 2024
  • ▶ Check out my gear on Kit: kit.com/tenhun
    Learn how to separate your drawing's line art from the background in photoshop with Seattle artist Ten Hundred.
    www.tenhundred...
    The steps to separate the line art in photoshop are:
    1. Unlock Layer
    2. Select All (Cmd+A)
    3. Cut (Cmd+X)
    4. Quick Mask (Q)
    5. Paste (Cmd+V)
    5. Quick Mask (Q)
    6. Invert Selection (Shift+CMD+I)
    7. Fill with black (Shift+F5)
    Ten Hundred instagram: @tenhun

КОМЕНТАРІ • 287

  • @Patrolles
    @Patrolles 4 роки тому +165

    2020 and still one of the best tutorials on this subject I've seen

    • @abuibrahimaln
      @abuibrahimaln 4 роки тому +2

      Incredible isn't it

    • @juliuSZcsgo
      @juliuSZcsgo 4 роки тому +2

      Just try image trace on illustrator with ignoring white.. so much more possibilities, never worry about resolutions and image quality, cuz your design is vector. Photoshop is only good for web, prove me wrong..

    • @schleimigerhelmling6763
      @schleimigerhelmling6763 4 роки тому +1

      @@juliuSZcsgo the only one tutorial that helps😊

    • @jonaadar
      @jonaadar Рік тому +1

      2023 and still holds up (:

  • @Nasiputut
    @Nasiputut 5 років тому +95

    I've watch ton and tons of digital painting tutorial from minutes to hours,but none of it has shown the simplest concept of removing the lineart from the drawings in Photoshop,and for that you have my thanks.

  • @12TRIBESWRLDWIDE
    @12TRIBESWRLDWIDE 4 роки тому +2

    You remind me of my digital arts teacher, SIMPLE, and STRAIGHT TO THE POINT! Thanks Ten

  • @kathyjessee8762
    @kathyjessee8762 4 роки тому +1

    This was very helpful! It was nice to watch someone actually teach you something without all the crap in between. You were very precise and to the point. Well done

  • @Pirates.27
    @Pirates.27 Рік тому +2

    Thank you so much for this well put, easy to learn, very quick technique that I will use all the time now! :) You literally kept my paper sketchbook as a usable tool for my comic!

  • @xHarpyx
    @xHarpyx 3 роки тому

    Your're the real MVP right here man. You made this so simple. I'mma start saving for that art class!!!

  • @mdalislam3174
    @mdalislam3174 2 роки тому

    Wowwwwwwwwwwwwww, this the the most helpful tutorial for line art work create. Thanksssssssssss a looooooooooooooooooooooooooooooooooooooott for sharing this video.

  • @sabrinaseacrist5308
    @sabrinaseacrist5308 4 місяці тому

    Bravo young man, keep up these tutorials!

  • @natenutron
    @natenutron Рік тому

    Good job. I've seen few ways do this, this being one. You did awesome explaining it.

  • @seiker9643
    @seiker9643 3 роки тому

    You are basically a God to me rn, thanks for this tutorial!

  • @anishdangol8502
    @anishdangol8502 2 роки тому

    Thank you very much man! Saved me a ton of time at work.

  • @TheChibiGingi
    @TheChibiGingi 4 роки тому +1

    You saved me from giving up on a piece I somehow screwed up with the lines... thank you. Thank you so much.

  • @Ayrcantada
    @Ayrcantada Рік тому

    This has been so immensely helpful in speeding up my pipeline and work flow! Thank you! :D

  • @MateuszSkutnik
    @MateuszSkutnik 5 років тому +2

    You sir, have changed my life with this tut. Thank you.

  • @strutto9
    @strutto9 Рік тому

    best clearest way

  • @godsrevolver13
    @godsrevolver13 2 роки тому

    thia videp has helped me so many times. thank you so much

  • @UYDesigns
    @UYDesigns 2 роки тому

    This was EXTREMELY helpful thank you!!!

  • @DanielParkinson-yx8bo
    @DanielParkinson-yx8bo Рік тому

    Fantastic tutorial, thank you.

  • @unseenhues
    @unseenhues 6 років тому +21

    Have been using this and your sped up coloring vid for months, fantastic stuff dude, also taught me a ton of keyboard shortcuts i didn't know which has sped up my process a lot. This method of getting lineart off a page is far superior to the method i had been using for years. Thank you for the rad tutorials, love your work!

    • @TenHundred
      @TenHundred  6 років тому +2

      That's super rad to hear! So glad this helped you out!

  • @joeep46
    @joeep46 4 роки тому

    Thanks for providing the notes. This video was very helpful.

  • @hoanglananh9662
    @hoanglananh9662 4 роки тому

    thks much for your video! I struggled for 3 days to find how to separate it! That' superb!

  • @Matovu.
    @Matovu. 3 роки тому +19

    2021 and still one of the best tutorials on this subject I've seen

    • @GUSLOL161
      @GUSLOL161 3 роки тому

      Yessss

    • @wokedisease4277
      @wokedisease4277 3 роки тому +2

      its seems you've got the copy paste key bindings down

  • @emilyrowton2185
    @emilyrowton2185 3 роки тому

    Thank you! Very helpful!

  • @mauriceh295
    @mauriceh295 3 роки тому

    Very Very Helpful 🙏🏾

  • @creativesamuraii
    @creativesamuraii 5 років тому

    Thanks for taking the time to talk about shortkeys those sped up my workflow so much , gracias Ten Hun ! @tenhundred

  • @Braavhart
    @Braavhart 3 роки тому

    Excellent!! This was clear and very helpful.

  • @guitar_keys
    @guitar_keys Рік тому

    thanks brother very helpful!

  • @maissa-mariageahchan9573
    @maissa-mariageahchan9573 4 роки тому

    Thank you ! your method is perfect!

  • @ivanpirante8548
    @ivanpirante8548 4 роки тому

    Nice tutorial it really helps me a lot. Greetings here from Philippines

  • @Mahdi_Badjelmane
    @Mahdi_Badjelmane 4 роки тому

    Life saver
    Thank you

  • @hummingsoulcreative
    @hummingsoulcreative 5 років тому +1

    Perfect! So helpful --- thanks for sharing!

  • @OFFTOROADVLOG
    @OFFTOROADVLOG 3 роки тому

    great help!

  • @jjfecik
    @jjfecik 5 років тому

    Such an AWESOME technique man!! Thank you for sharing!!!! 🙌

  • @DayDreamin56
    @DayDreamin56 5 років тому

    ive been trying to learn this , thankk you so much!!!!!!!

  • @Aston1971
    @Aston1971 4 роки тому

    Thx for your help!

  • @Steertanzer
    @Steertanzer 3 роки тому

    Thank you! 🙏❤️

  • @maxwellharmon4172
    @maxwellharmon4172 4 роки тому

    Still helping me in 2020!

  • @dan991987
    @dan991987 4 роки тому

    What a great tutorial! Thank you for this. You art is amazing.

  • @Korbol_
    @Korbol_ 7 місяців тому

    Thanks so much!

  • @ankitaaarya
    @ankitaaarya 4 роки тому

    this helped me a loottttt, thanks

  • @KIWImike69
    @KIWImike69 Рік тому

    Thank to 10Hun

  • @daftoad
    @daftoad 4 роки тому

    Very helpful, thanks!

  • @yaya8421
    @yaya8421 5 років тому +8

    I can do everything until it comes to Shift F5. Nothing happens 😩 Unsure what to do

    • @blahbleh8199
      @blahbleh8199 4 роки тому

      Same it is very frustrating and I have been trying to do this literally for a week

    • @cangaroojack
      @cangaroojack 4 роки тому

      Hello, probably i am too late, but i think that if you press ALT+BACKSPACE you'll fill whatever you have selected with whatever color you have picked!

    • @bonzodog67lizardking15
      @bonzodog67lizardking15 4 роки тому

      I am having the same problem. The "Inversion" and choose black comes out fine. It's that tricky step where the line "comes loose" and popping in a white "paper" layer behind it that's driving me crazy. I'm using a PC; any help would be appreciated!

    • @cangaroojack
      @cangaroojack 4 роки тому

      @@bonzodog67lizardking15 hello! Can you try to explain your problem a little better? If you could say the time stamp of the stop where you are having problem it would help me understand, I'm not the u0loader, but wanna help!

    • @bonzodog67lizardking15
      @bonzodog67lizardking15 4 роки тому

      @@cangaroojack Hi. Thanks. It's at 3:14. He's clearly done something that locks the isolated line art so it floats, and then he conjures a blank white layer. That seems to be the sticking point. Maybe it's a quick oversight as he is using an Apple machine and I am working with Windows.

  • @leviathania
    @leviathania Рік тому

    Awesome, thank you. I have only one problem left, if I colour the outline again it has become slightly transparent, any ideas how to avoid this?
    Edit: I just found out, if you just refill the selection again, the transpareny dissapears.

  • @dfinchermd
    @dfinchermd 3 роки тому

    Great resource but PSD file only? Cut option grayed out on unlocked jpeg or tiff. Is there a similar method for PDF?

  • @SketchUK
    @SketchUK 4 роки тому +2

    Probably the best technique I've seen in ages. Thanks for this amazing video. Love the artwork BTW.

  • @nayad__
    @nayad__ 4 роки тому

    thanks for saving me again

  • @AiEyeMain
    @AiEyeMain Рік тому +1

    Very helpful and cool illustration too! Thanks

  • @MrJeffersonmith
    @MrJeffersonmith 3 роки тому

    CNTRL D to deselect the line art after filling it.

  • @PeaceKeyArtistry
    @PeaceKeyArtistry 5 років тому +2

    you have no idea how much easier you have made my life. ive watched alot of digital art coloring tutorials and every artist will color this area in with a brush and for me it was alway so time consuming and tedious. you just made it so much easier . THANK YOU! BLESS YOU for sharing! i just subscribed!

  • @TheTurnturnturn
    @TheTurnturnturn 3 роки тому +2

    Awesome tutorial, simple and straight to the point. And writing out the steps in the video and in the description is SOOOO helpful and underrated. Subbed.

  • @DrTomoculus
    @DrTomoculus 5 місяців тому

    Thank you, this was really simple and was presented in a way that had me understanding what to do in under 3 minutes. Believe me, I've watched videos where 20 minutes in, you're still not sure what Ctrl + C does.

  • @MindCloud78
    @MindCloud78 4 роки тому

    What I do is... make sure your black and white image is leveled and sharp. Then hit "CTRL+ALT+2". It should select everything white then hit delete. Now you have just the line art. See if this helps.

  • @FriedEggSarnie
    @FriedEggSarnie 6 років тому

    Thanks so much for this ♥

  • @cuisineandtalk1336
    @cuisineandtalk1336 5 років тому

    Thank you so much !

  • @mac570
    @mac570 2 роки тому +1

    Just started using photoshop and creating stuff, been struggling a lot trying to find good guides on how to do stuff. But your the one dude, really clear and everything was well explained. Thanks man!

  • @01Nomadee
    @01Nomadee 4 роки тому

    thanksss

  • @Rhinoch8
    @Rhinoch8 3 роки тому +2

    One thing to mention that seems important, before starting the separation and for later also the coloring, it would be useful to go to a very high resolution as pixels get bleached out by playing with the contrast!

  • @Cobrass67
    @Cobrass67 4 роки тому

    is this possible without the quick mask? i have a very old copy of elements

  • @casara_yt
    @casara_yt 5 років тому

    nice

  • @LokeyeMC
    @LokeyeMC 4 роки тому +1

    You upgraded my skillz!!!! Thanks bro. I might even click on that xp-pen Artist 16 Pro Graphics Display link in your other coloring/shading video if I continue to feel inspired with this stuff. Thanks for being such a cool teacher!

  • @rebekahstolo9412
    @rebekahstolo9412 3 роки тому +1

    This is literally an S tier video- I cannot tell you the strife this will save me in the future!! Can't believe I only found this now tho lol

  • @peepzanimations9904
    @peepzanimations9904 5 років тому +4

    I have a question..
    So once u have the outline separated ..how do u het rid of those line dots around the ouline..and how do u go about adding to that line art once its separated?

    • @emmadilemma4177
      @emmadilemma4177 5 років тому

      yeah im having the same problem with mine

    • @gregorylim8409
      @gregorylim8409 5 років тому

      Go to Select -> Deselect at the top (Hotkey is Ctrl-D for the PC)

  • @benpedro80
    @benpedro80 5 років тому +2

    Thanks for the nice trick. Although i like to draw in Photoshop after i finished a art piece it felt like it wasn't mine anymore , have you ever had that feeling? I just use it now for color reference . Love your art keep it up , and thanks for showing your process

  • @alodraws2686
    @alodraws2686 3 роки тому

    2021 and I still use this when i forget how to put my line art into photoshop

  • @michalkrasnodebski8709
    @michalkrasnodebski8709 5 років тому +2

    shift f 5 dont work for me ;/

    • @nanielly5106
      @nanielly5106 5 років тому

      You can go on edit, there should be a fill option, click it and it will work, hopefully it helps you

  • @Creativehandnepal
    @Creativehandnepal 3 роки тому

    Thanks..........*****

  • @CarolJWright
    @CarolJWright 3 роки тому

    It took a few tries to grok this, but I finally did... the disappearing image when using the mask made my brain disappear for a moment. But follow the steps...and voila...now to see if I can play with these sorts of images in Indesign. I have been using photoshop for decades, really, and never HAD to do this before. ... photo retouching, yes, but not fool with simple line art . Doh. And only a few times had to use the pen tool. Now to upgrade my skillzzz... Thank you so much.

  • @FelixEarth
    @FelixEarth 3 роки тому

    Why Photoshop Elements removed the Quick Mask, why, why?? Anyone knows how to separate lineart with this program? I'm going crazy!

  • @teal2111
    @teal2111 5 років тому +3

    This helped me remember what I forgot. Thanks a ton!

  • @cookiedoe6068
    @cookiedoe6068 4 роки тому +1

    Do you know how many years I’ve been struggling with this?? Thank you!

  • @kriyalillytarot
    @kriyalillytarot 4 роки тому

    What is after Shift F5? My image is stuck with quick selection

  • @lilacui1222
    @lilacui1222 4 роки тому +1

    Dude i have been searching for this for daysssss u helped me alot! Ive been frustrated cusi got no idea how to select the line art

  • @wizzelhoart
    @wizzelhoart 6 років тому

    thanks I really needed this. I want to scan some of my hand drawn sketches for t-shirt designs and I needed to edit out the background for different colored shirts. Would I just need to save the project with the transparent background in order to print the image on shirts? also, would this be possible on gimp?

    • @TenHundred
      @TenHundred  6 років тому

      Yeah just save as transparent 300dpi file. I dont know anything about gimp.

  • @maciejem2977
    @maciejem2977 5 років тому +1

    Edit>Fill... (shift+F5)

  • @abdullahalfarras1001
    @abdullahalfarras1001 4 роки тому

    How can i fill white colour to the background

  • @eiriniparmenopoulou2514
    @eiriniparmenopoulou2514 3 роки тому

    Hello! When i choose the paint bucket tool to fill my sketch the colours doesn't appear right. I can only choose between bright red/blue/green/yellow/pink black and white. Does anybody knows why? great video and inspiring!

  • @missasyan
    @missasyan 4 роки тому +1

    This is so helpful, I've tried downloading preset actions for this, and though they had plenty of actions put in, it deleted a good part of the grey shading in manga panels.
    This one, you just record a few actions, and even some of the slight grey doesn't get removed and has the right opacity, it's really perfect--thank you so much.
    Very helpful, I am now going to have happy manga colouring times.

  • @juanhernandez7298
    @juanhernandez7298 3 роки тому

    The sweltering napkin oddly itch because bucket precisely save outside a youthful mouth. earthy, fascinated peer-to-peer

  • @haesu3786
    @haesu3786 2 роки тому

    summary notes for self:
    ctrl + a
    ctrl + x
    ctrl + shift + n
    q
    ctrl + v
    q
    ctrl + shift + i
    shift + f5

  • @JherekLazo
    @JherekLazo 2 роки тому

    When I paint, the whole drawing becomes black, no matter what color I choose

  • @pixelesstudios7030
    @pixelesstudios7030 2 роки тому

    Bro you just saved me $250 bucks they were trying to charge me for doing this.! Thanks a lot.

  • @miamaurovic1241
    @miamaurovic1241 5 років тому +1

    Thank you so much

  • @bonzodog67lizardking15
    @bonzodog67lizardking15 4 роки тому

    Ten Hundred, please help! I'm stuck at where the Line art doesn't float like yours did, and the step about popping in a white back drop. Any clarification would be great!

  • @magepunk1370
    @magepunk1370 4 роки тому

    Love your stuff... but man you forgot to mention creating new layer and swapping it with the background layer, took me a bit.

  • @kabalfaraz
    @kabalfaraz 2 роки тому

    Hi, I have been trying unsuccessfully to follow the instructions in the tutorial but for some reason the line art is not separating at the very end, Am I missing an important step that you failed to mention< i am good till the fill part of it, I deselect the line drawing and then try to move but nothing happens! Can you please help, thanks!

  • @joryoberg9943
    @joryoberg9943 6 місяців тому

    When I do this, my background still has a grey tinge that I am unable to get ride of. Does the original need to be super white to begin with?

  • @swagmechazomb1252
    @swagmechazomb1252 Рік тому

    I did everything exactly as you said but at this point 3:21 the white background from the lineart is not separated.

  • @Cards-gd3ei
    @Cards-gd3ei Рік тому

    I was following you until just after you filled the line art with black. You then were able to move the art around and I am not able to do that. I also can't see how you are dropping in the white background.

  • @moniquecherice1758
    @moniquecherice1758 2 роки тому

    does this work if the lines are WHITE and the BG is BLACK?

  • @STNMNinc
    @STNMNinc 5 років тому

    When I put in the white back ground it gives me the shadows and junk from before adjusting contrast

  • @cza5543
    @cza5543 2 роки тому

    keep trying it but it just doesnt work. i still have the marching ants after going through the steps over and over and the paint bucket keeps painting everything.

  • @patxyrusdeguzmana9148
    @patxyrusdeguzmana9148 3 роки тому

    why it doesn't fill in white background on new layer..pls help

  • @bearBdamned
    @bearBdamned 2 роки тому

    Does anyone have the link to the next video (coloring and shading) of this piece? I know he has another one, but I like the pacing of this a lot.

  • @walkingwolfsunrise
    @walkingwolfsunrise 5 років тому +1

    Just used these 2 vids with my own art. Thankyou Mr Hundred.

  • @quinnsnow1481
    @quinnsnow1481 3 роки тому

    I’m really fucking stoned but that was so sick

  • @KennyGsca
    @KennyGsca 5 років тому

    ..............OK Holy F'n Shit...THIS IS THE BEST LINE ART SEPARATION VIDEO ON UA-cam. WTH!!!!! seriously, the number videos for like 30 mins that do 100 steps. I JUST followed this and got it in one go!!!!. CLEAN line art separation in like 2 mins FLAT. THANK YOU TEN HUNDRED YOU ARE THE BEST DUDE!!!!!!!!!! CHAMP... "Give this Man a like and share, he deserves it!" legend

  • @TheDobby321
    @TheDobby321 8 місяців тому

    Thanks! Tried lots of ways, but this is the one that finally worked :)

  • @thegoatcompany2851
    @thegoatcompany2851 4 роки тому +1

    Thank you so much! This was very helpful even though it’s an old tutorial

  • @sandyfirestone4687
    @sandyfirestone4687 4 роки тому

    Is there a way to remove all gray and white shading from a black and white sketch?