HOME | DD

Published: 2010-09-27 20:30:28 +0000 UTC; Views: 6225; Favourites: 73; Downloads: 66
Redirect to original
Description
FULL VIEW PLEASE!
Huge file is huuuuuge!
Welcome to my first tutorial!
This was made using Photoshop CS2, but other programs that work with layers such as SAI also have these features! (They're just located in different spots. )
Don't have a program that uses layers, but you want one?
Try GIMP ! It's free and functions like Photoshop!
Different Programs
SAI Version!
GIMP Version!
FAQ
Q. But what about line art that has a non-white background color?
A. From *lila-may-qt :
"If the background has a different colour, but there isn't black (or isn't any that interrupts the lineart you want) you can go into "Select" "Colour Range" and click on the lineart (or on the black so that the black colour is selected. You may also want to toggle the fuzziness option to take more or less of the surrounding area).
Once the window disappears and the area is selected, click on the "Select" menu again and click on "Select Inverse." The tool will refresh the selection, so now everything BUT the black is selected.
Simply click your delete button It'll clear the area and should leave you with your lines.
Keep in mind they won't be super crisp (as if you drew them yourself) but it's always an option! Credits!
Tutorial and coloring by me,
Line art with the white background: [link] by *Dark-Fox-spirit EDIT: This person no longer uses this account. You can find them here: *BubbleMutt , but they have not re-uploaded the line art yet. ><
Transparent line art: [link] by =Lysnat Please note that to use this, you MUST save it to your computer first, THEN open it in your program! If you just try to copy and paste it into your program, you'll get a big black image. >.o
Related content
Comments: 45
Nickle4aPickle In reply to warriorwolf2011 [2011-11-26 18:25:19 +0000 UTC]
As stated in the big red letters at the very top of the tutorial, this was not made for Paint. I personally do not use Paint (in my opinion, I think it's the worst art program ever invented). I suggest you download GIMP - it's free. I do not know much about how GIMP works, but there are plenty of tutorials here on dA. ^__^ Also, in the artist's comments, I've linked to a GIMP tutorial my friend made on this subject.
Good luck!
👍: 0 ⏩: 1
warriorwolf2011 In reply to Nickle4aPickle [2011-11-26 19:04:11 +0000 UTC]
thanks, but I'm not looking to download.. Thanks for the advice, though!
👍: 0 ⏩: 0
xX-bluemoon-Xx [2011-06-03 23:51:49 +0000 UTC]
If you have your lines on a different layer from the backdrop, you can use the bucket tool, providing your lines aren't super-duper thin. Select the area, the go to selection>modify>expand and your selection expands a however many pixels you choose. If you fill it in on a layer below your lines, viola! easy-peasy, high quality.
👍: 0 ⏩: 1
Nickle4aPickle In reply to xX-bluemoon-Xx [2011-06-04 04:54:08 +0000 UTC]
This could still require erasing anything that goes outside the lines if the lines are not a consistent width, which is very common. So in a lot of cases, it still requires the user to learn how to manipulate the mouse effectively to erase the excess color (or fill in small spaces that didn't quite get reached).
👍: 0 ⏩: 1
xX-bluemoon-Xx In reply to Nickle4aPickle [2011-06-04 11:30:33 +0000 UTC]
True. Actually, if I use line-arts I paint over them xD Make it look like I didn't use line-art. (Of course I give credit though) I always like things to look original, even if they're not.
👍: 0 ⏩: 1
Nickle4aPickle In reply to xX-bluemoon-Xx [2011-06-05 03:13:31 +0000 UTC]
That's neat and good for you for having that much talent. (I'm not being sarcastic, I mean it.
) But this tutorial was meant for beginners who don't have such skill yet.
👍: 0 ⏩: 0
Nickle4aPickle In reply to charky123 [2011-04-27 23:15:14 +0000 UTC]
For sharing these techniques? Yeah, no prob!
👍: 0 ⏩: 1
xXFishzRevengeXx [2011-03-21 03:10:15 +0000 UTC]
I have been using photoshop for years and I didn't know this o.o I feel like an idiot OTL
👍: 0 ⏩: 1
Nickle4aPickle In reply to xXFishzRevengeXx [2011-03-21 04:28:12 +0000 UTC]
I didn't realize it for a long time as well. It's OK! ^__^
Now you are enlightened!
👍: 0 ⏩: 1
JaponicaChan [2010-11-23 09:05:39 +0000 UTC]
You should include the threshold filter, to make ms paint compatible lineart.
👍: 0 ⏩: 1
Nickle4aPickle In reply to JaponicaChan [2010-11-24 06:37:22 +0000 UTC]
That too is a more advanced technique, and this tutorial is specifically for people who are just beginning to use Photoshop.
But thank you anyways!
👍: 0 ⏩: 1
JaponicaChan In reply to Nickle4aPickle [2010-11-24 09:07:45 +0000 UTC]
I could make a tutorial on it if you want.
👍: 0 ⏩: 1
Nickle4aPickle In reply to JaponicaChan [2010-11-24 17:42:45 +0000 UTC]
Knock yourself out! XD
👍: 0 ⏩: 0
PrincessTokyoMoon [2010-09-28 19:56:17 +0000 UTC]
Man thats a smart idea (using multiply).
How could I not think of that!! Thanks!
👍: 0 ⏩: 1
Nickle4aPickle In reply to PrincessTokyoMoon [2010-09-28 20:05:06 +0000 UTC]
I heard that tip from someone else (can't remember who, unfortunately), and figured it'd make a good tutorial.
No prob!
👍: 0 ⏩: 0
JadedIceStorm [2010-09-28 16:20:48 +0000 UTC]
I have paint.net and use it for my lineart, does it work the same as PS? I am going to fave this piece and was jsut wondering.
👍: 0 ⏩: 1
Nickle4aPickle In reply to JadedIceStorm [2010-09-28 17:49:13 +0000 UTC]
I have no idea - I've never used that before. >< I'm sorry!
👍: 0 ⏩: 1
JadedIceStorm In reply to Nickle4aPickle [2010-09-28 19:10:23 +0000 UTC]
Oh yo uare fine. I think I am going ot go ahead and try this tut out for paint.net and see results.
👍: 0 ⏩: 1
Felfreak [2010-09-28 12:47:51 +0000 UTC]
you can also fix the lineart and then use the bucket.
👍: 0 ⏩: 1
Nickle4aPickle In reply to Felfreak [2010-09-28 17:50:50 +0000 UTC]
What do you mean by "fix the line art?"
👍: 0 ⏩: 1
Felfreak In reply to Nickle4aPickle [2010-09-28 18:55:51 +0000 UTC]
Get rid of the anti-aliasing thingy.
👍: 0 ⏩: 1
Nickle4aPickle In reply to Felfreak [2010-09-28 18:59:07 +0000 UTC]
That takes a lot of careful work with the eraser, or involves re-tracing the lines. ><
This tutorial was aimed at beginners, ones who don't have much skill yet. Altering the lines like that would be a bit too advanced, I'd think.
Thanks though~
👍: 0 ⏩: 1
Felfreak In reply to Nickle4aPickle [2010-09-28 19:06:04 +0000 UTC]
Oh no, not at all.
I can't rememberthe exact path, but you just need to go in "threshold", meddle a bit with the black/grey/white values, and when you're done it's anti-aliased
👍: 0 ⏩: 1
Nickle4aPickle In reply to Felfreak [2010-09-28 19:13:55 +0000 UTC]
Still, an advanced technique. But thank you.
👍: 0 ⏩: 1
hixdei-love [2010-09-28 07:08:52 +0000 UTC]
there is a way to remove coloured backgrounds without useing multiply
👍: 0 ⏩: 1
Nickle4aPickle In reply to hixdei-love [2010-09-28 17:50:30 +0000 UTC]
I'm sure there are other ways, but I've found that this is an easy way for beginners to learn; most of the people I deal with are beginners.
👍: 0 ⏩: 1
lila-may-qt [2010-09-28 06:52:07 +0000 UTC]
If the background has a different colour, but there isn't black (or isn't any that interrupts the lineart you want) you can go into "Select" "Colour Range" and click on the lineart (or on the black so that the black colour is selected. You may also want to toggle the fuzziness option to take more or less of the surrounding area).
Once the window disappears and the area is selected, click on the "Select" menu again and click on "Select Inverse". The tool will refresh the selection, so now everything BUT the black is selected.
Simply click your delete button It'll clear the area and should leave you with your lines.
Keep in mind they won't be super crisp (as if you drew them yourself) but it's always an option!
👍: 0 ⏩: 1
Nickle4aPickle In reply to lila-may-qt [2010-09-28 17:48:17 +0000 UTC]
Thank you for the tip. Do you mind if I copy and paste this into the FAQ section?
👍: 0 ⏩: 1
lila-may-qt In reply to Nickle4aPickle [2010-09-29 04:54:20 +0000 UTC]
Go for it You may want to re-word it so it jives better with your ability to describe stuff
👍: 0 ⏩: 0
Trish2 [2010-09-28 06:50:21 +0000 UTC]
On the line art has a different color: If you are comfortable enough with your brush tool you can create a new layer and trace the lines on top -- or you can use the pen tool to do that as well.
Or... to separate the background you can create a duplicate layer, then use the magic wand to select a portion of the background, then select layer> layer mask > hide selection. Then there will be a thumbnail next to the layer thumb. This is where your mask is. You hide by clicking on the thumbnail for the layer mask and painting with black, reveal again with white. This is non destructive editing. That way you can get rid of whatever you want from the image. Once that is done you can set the layer to multiply and off you go.
Hope that helps.
👍: 0 ⏩: 1
Nickle4aPickle In reply to Trish2 [2010-09-28 17:47:00 +0000 UTC]
Ah, the pen tool - I love it. It's what I use the most, actually. XD I just know that it's hard for beginners to get used to using.
I've been using Photoshop since 2003, and am very comfortable with it; I still had a hard time learning how to use it. XD Though I'm thinking I might include a link to the tutorial that showed me how to use it~
Layer masks are awesome. The only problem with that is the lines will become jagged because the bits on the edges of the lines that are supposed to be transparent won't be, they'll either be covered by the mask or they'll still have part of the background color in them.
I've learned the hard way that the magic wand tool is not the greatest on anti-aliased art. >< (Works great on pixel art, though! XD; )
👍: 0 ⏩: 1
Trish2 In reply to Nickle4aPickle [2010-09-28 23:51:30 +0000 UTC]
I love the pen tool too. It's also great for creating clipping masks.
In my suggestion I thought I made it clear that the magic wand is just to get you started selecting large areas. Guess that wasn't clear. You have to go in and clean it up with the brush. I use this technique at work all the time. Nice thing is that you can reveal and hide as you need to and the information is there unlike if you use the eraser tool and have gone too far in your history pallette to take a mistake back.
I started using Photoshop back in '95 when they first introduced layers and now I work with it practically all day, everyday. Today because of your tutorial I've been thinking of how I'd do a tutorial on the layer mask while I was at work... using layer masks.
Anyway nice tut.
👍: 0 ⏩: 1
Nickle4aPickle In reply to Trish2 [2010-09-29 01:12:40 +0000 UTC]
Ah, no, to me it sounded like you were saying using only the magic wand.
This tutorial is aimed at beginners, and I think doing it that way would be too difficult for them. >< But for someone more comfortable with the program, I'm sure it'd work fine.
You're so lucky to be able to use it at work! I can't find a job in the field. D:
Thanks~
👍: 0 ⏩: 0
deerstalkerpress [2010-09-28 06:13:48 +0000 UTC]
Oh my god. I see that same problem all the time and it annoys me to no end. Thank you for making this tutorial. I hope a lot of colorists see it and use it to their advantage.
👍: 0 ⏩: 1
Nickle4aPickle In reply to deerstalkerpress [2010-09-28 07:43:56 +0000 UTC]
Thanks so much! >w<
👍: 0 ⏩: 0
Nickle4aPickle In reply to Noryaw [2010-09-28 04:53:50 +0000 UTC]
I'm so glad it helps! ;w;
👍: 0 ⏩: 0