HOME | DD

Published: 2011-05-15 03:51:54 +0000 UTC; Views: 34358; Favourites: 293; Downloads: 847
Redirect to original
Description
A quick tutorial I did since the ones I found weren't too good.How to make lineart transparent, color the lines, and the picture. Hope this will help some people.
1/2
Part 1: [link]
Part 2: [link]
Related content
Comments: 58
DesKiy [2015-07-15 16:03:04 +0000 UTC]
Useful and hilarious at the same time. Good job
π: 0 β©: 0
MasterVule [2013-10-11 11:50:35 +0000 UTC]
Step 1.. done it before LOL Good tutorial.. funny and educative!
π: 0 β©: 0
SimonOrJ In reply to zabransky10 [2013-09-04 20:13:50 +0000 UTC]
You can, but the way to go about it is different. Β Once you outline your drawing, check the "Preserve Opacity" checkbox with correct layer chosen above Layers window.Β Then color in your thing!
π: 0 β©: 0
verulence [2013-01-02 11:30:28 +0000 UTC]
This was beautiful... I might have teared up a bit. Thank you!
π: 0 β©: 0
SeeNotC [2012-12-18 23:19:16 +0000 UTC]
But WHY memorize all those shortcuts when you can just put a clipping layer above it? This is like 10 extra steps.
π: 0 β©: 0
QTAvantGarde [2012-10-26 17:20:29 +0000 UTC]
Or just get SAI. Sai has a vector line colorizer, lol. Its like I cheat!
π: 0 β©: 1
Wolf-Spirit99 In reply to QTAvantGarde [2012-11-30 15:21:56 +0000 UTC]
wait really? how do you do the line colorizing on SAI?
π: 0 β©: 0
HoseAKM [2012-10-21 07:19:08 +0000 UTC]
Hey, I new to this Photoshop coloring thingy (I only know the basics of PS) and I want to try on this sketch that I did [link] , but I don't know what you mean by "digitalize it" or "make it black-on-white", would you mind to explain me that? Sorry for sounding like a noob.
π: 0 β©: 1
SeeNotC In reply to HoseAKM [2012-12-18 23:53:24 +0000 UTC]
Hey, I'm going to give you a for-dummies tutorial on coloring with Photoshop. Actually, I kinda got carried away and turned this into a full-on photoshop tutorial. I don't know if you still need it anymore, since I'm two months late to your comment, but I'm posting it anyway.
COLORING SHIT WITH SOLID FILLS
1) Open your picture in Photoshop.
2) On a NEW LAYER ABOVE THE PICTURE, trace the lineart with your favorite brush. Make sure all the loops are CLOSED, we want to magic-wand this shit later on.
3) Put a NEW LAYER BELOW the lineart and label it "color".
4) Switch to the magic wand by clicking the tool in the toolbar or by pressing W.
5) Click the area you want to color. It should all be selected by now.
6) If Photoshop works the same for you as it does for me, your selection should stop short of the lines. This is bad because it will leave annoying white lines after you do a solid fill with the paint bucket (try coloring with the paint-bucket without the magic wand and you'll see what I mean). You can fix this by clicking SELECT->MODIFY->EXPAND and putting the number of pixels you want to expand by, then pressing ENTER. I do this so much I've hotkeyed it to ctrl+alt+D.
7) Now that you've got your region selected, switch to the color layer (which should ALWAYS be BELOW the line layer). Don't worry, you won't lose your selection.
8) Pick the color you want. DON'T FUCK WITH OPACITY. NEVER FUCK WITH OPACITY. LEAVE OPACITY AT 100%. IF YOU FUCK WITH OPACITY YOU WILL REGRET IT LATER ON.
9) Switch to the paint bucket tool, either by clicking on it or pressing G.
10) Click anywhere inside your magic-wand selection and watch it instantly fill with color.
11) Repeat from step 4 until all areas are colored.
SHADING YOUR SOLID FILLS
1) On a new layer ABOVE THE COLOR LAYER but BELOW THE LINE LAYER, make a NEW LAYER and label it "shading".
2) Right-click the "shading" layer.
3) Click "create clipping mask". This makes it so that on the "shading" layer, you can ONLY color on things that HAVE BEEN COLORED on the layer immediately beneath it--i.e., the "color" layer. THIS IS A LOT MORE USEFUL THAN IT SEEMS RIGHT NOW, TRUST ME. Oh, and one more thing. Nothing on the clipping mask layer can have an opacity that is GREATER than the opacity on the layer immediately beneath it. DID I MENTION TO NEVER FUCK WITH OPACITY? THIS IS WHY.
4) You should see your "shading" layer jump a little to the left in the layer pane. THIS IS GOOD, THAT MEANS THE CLIPPING MASK WORKED.
5) Add shading.
PRO TIPS:
Change keyboard shortcuts by clicking EDIT->KEYBOARD SHORTCUTS. I recommend setting SELECT->MODIFY->EXPAND to something that's easy for you to remember. It WILL become your new best friend.
Easily change the line color of ALL THE THINGS by putting a clipping mask above your line layer and dropping a paint bucket on it.
Make new brushes! Open the brush menu by pressing B. Click "Brush". Fuck with the settings (don't worry, it resets to defaults as soon as you switch to a new brush). "Transfer" changes the amount of "paint" that comes off the brush. If your brush looks too dark, or if you want to do shading, make sure "transfer" is checked.
Save your new brushes! Click the little options menu in the brush pane (it has an upside-down triangle with some horizontal lines), click NEW BRUSH PRESET, type a cool name, and press enter.
REORGANIZE your new brushes! Click BRUSH PRESETS, then go to the options menu (it'll have different options now), click PRESET MANAGER, then move shit around until it looks organized. This will change the way brushes show up in your brush pane, which is useful. I put all my most useful brushes at the top. It's pretty boss. But be careful because YOU CAN DELETE SHIT IN THIS MENU, DON'T DELETE ANY BRUSHES YOU DON'T WANT TO DELETE! Like Photoshop default brushes, don't delete those, that would be retarded.
That's all I got. Note me if you have questions.
π: 0 β©: 1
HoseAKM In reply to SeeNotC [2013-12-02 01:05:32 +0000 UTC]
Thank you. This has been a really useful for-dummies tutorial and I really appreciate the time you took to do this and I am really sorry this response got so late.
π: 0 β©: 1
SeeNotC In reply to HoseAKM [2013-12-02 01:21:32 +0000 UTC]
I'd totally forgotten I'd written this. I'm just glad you read it!
π: 0 β©: 0
Epulson [2012-03-29 11:36:18 +0000 UTC]
Let's say I sketched something on paper with those blue pencil... then I put black ink on it with pen. Now I got nice black lineart with light blue background (so I saturated those blue pencil lines, making them disapper). Will this be compatible with this method? Is this only BLACK on WHITE? I'm asking because I got GIMP , but I don't know how to copy your method... but I'm inclined.
π: 0 β©: 0
BobTheSheriff [2012-03-06 01:51:50 +0000 UTC]
<--- "hmm, maybe I should get photoshop CS5"
-gets it
"how the hell do I do this"
π: 0 β©: 0
CresentBladedBrony [2011-10-03 15:33:15 +0000 UTC]
I found the narration in both parts funny as hell. XD
Thanks a ton for the help! Now, I'ma drawin' moar poni.
π: 0 β©: 0
bobobo878 [2011-07-01 02:12:20 +0000 UTC]
Oxidizing steel agriculture equipment? Why must I suffer?
π: 0 β©: 1
IamAllyBallyBee [2011-06-05 14:01:23 +0000 UTC]
How do get the background back to white?
π: 0 β©: 1
Apple-707 In reply to IamAllyBallyBee [2011-06-06 18:25:41 +0000 UTC]
Just delete whatever background you had before, add a new layer, put it on the bottom, and floodfill it with white.
π: 0 β©: 1
IamAllyBallyBee In reply to Apple-707 [2011-06-06 21:23:44 +0000 UTC]
Problem. Layers hate me as I have no idea how to use them, not matter how clear any tutorials are!
π: 0 β©: 0
GhostApples [2011-05-31 17:18:42 +0000 UTC]
Can this work for sketches? I'm guessing it can.
π: 0 β©: 2
Apple-707 In reply to GhostApples [2011-06-02 12:12:00 +0000 UTC]
Sure thing! I advise using a lighter brush, though, it will add to the "sketchy" style more. Same with shading. No hard lines.
π: 0 β©: 0
GhostApples In reply to GhostApples [2011-05-31 17:19:55 +0000 UTC]
Darn, sorry, ignore that you mentioned sketches in the tut.
π: 0 β©: 0
AtomicGreymon [2011-05-16 08:42:01 +0000 UTC]
This works on CS3 in basically the same way as CS5, I take it? These kind of basic features don't seem to change much between versions.
π: 0 β©: 1
Apple-707 In reply to AtomicGreymon [2011-05-16 11:04:53 +0000 UTC]
They should, many people prefer older versions of Photoshop because the feauters are more convenient for them. The selection/brush/pen tools are essentially the same as in older Creative Suites, they should work perfectly with this tutorial. Same with layers and clipping masks. Give it a try, and if something is different for you, try to find a different method.
π: 0 β©: 0
Apple-707 In reply to DragonStrider [2011-05-15 21:50:20 +0000 UTC]
You can still use the second method and just paintbucket it. Also, the Pen tool and the Polygonal lasso tools work perfectly well with mice. Give them a try and find the method that suits you the best.
I used to color with a mouse for months.
π: 0 β©: 1
DragonStrider In reply to Apple-707 [2011-05-15 21:52:56 +0000 UTC]
But if I use paintbucket wont the all the outlines become one color?
π: 0 β©: 1
Apple-707 In reply to DragonStrider [2011-05-16 11:07:09 +0000 UTC]
You use the paintbucket tool on a DIFFERNET layer, which is BELOW the lineart. This way, you will have separate colors for the filled in body, head, etc, and the lineart.
Hope this helps some!
π: 0 β©: 1
DragonStrider In reply to Apple-707 [2011-05-16 12:49:38 +0000 UTC]
It does a bit,but man do I need MORE help
π: 0 β©: 1
Apple-707 In reply to DragonStrider [2011-05-16 19:01:40 +0000 UTC]
The best way to learn is practicing, and then practice some more, and if you are finished, start practicing again.
Trust me, it's the only way, online tutorials may be good guide lines but you ain't gonna learn shit from them if you don't practice enough. Good luck bro!
π: 0 β©: 1
DragonStrider In reply to Apple-707 [2011-05-16 20:10:43 +0000 UTC]
Yeah,thats kinda true,and tnx
π: 0 β©: 1
MintyLavender [2011-05-15 13:03:31 +0000 UTC]
Thanks. I wish I had enough money for photoshop, so I'll just be sitting here in my Photostudio corner....
π: 0 β©: 1
Apple-707 In reply to MintyLavender [2011-05-15 13:19:10 +0000 UTC]
You can download the entire Adobe Master Collection from their site for free, 30 day trial. You can also replace your hosts file so the program won't check for activation. You may also use a keygen. Of course, this is illegal and you shouldn't do it.
>that's all I have to say
π: 0 β©: 0
DGruwier [2011-05-15 11:54:24 +0000 UTC]
Awesome tutorial! But for the next time, there's an easier and better way to make the background transparent though.. Instead of selecting everything with the magic wand tool, go into the channels panel (in the tab just above the layers panel), ctrl+click the thumbnail of the top channel (selects everything that is white in the image) and invert the selection (so you now have everything that is black selected). Now just create a new layer and go alt+backspace to fill it . Not really a big deal though, you can do a fine job with the magic wand tool
π: 0 β©: 2
| Next =>