Shop Mobile More Submit  Join Login
Flat Shading Tutorial by chicinlicin Flat Shading Tutorial by chicinlicin
this tutorial goes with my gradient shading tutorial...i made them into two different tutorials to keep them shorter...though if you can do basic flat shading already you could just go straight to the other tutorial...

yeah...i don't really like making tutorials since i'm terrible at explaining things...unless i'm talking one on one with someone and they're paying enough attention to understand what the hell i'm saying :XD:

oh yes, and sorry about the many many mistakes i've made in this :dummy:

Gradient Shading Tutorial: [link]
Add a Comment:
muslacrima Featured By Owner Jan 14, 2011
I completely forgot about the fact that in Photoshop you can expand the selection... that will come in handy...
Yay for no more edge cleaning! *rejoices*
chicinlicin Featured By Owner Jan 16, 2011   Filmographer
hehe :XD:
it is very handy, saved me a lot of time once i figured out you could do that :meow:
woo party~:dummy:
muslacrima Featured By Owner Jan 17, 2011
*joins the party* :dummy:
monkeynohito Featured By Owner Jan 13, 2011
That's how you do lazy flats, haha. I was actually thinking of doing a tutorial about this, but you've done a much better job.

A much easier way to get rid of all the transparent jaggies though is to run threshold filter on a copy of the lineart and set really low. You still have to fill in some gaps if there are any, but you have to do that with your selection methods anyhow.

By the way, professional flats shouldn't be on the lineart at all, that's why people set a lineart layer above the flat layer and set it to multiply. You can still do this with a fill method and just set the seed fill to sample multiple layers. Mainly, you don't want any black or white under the lines at all though, the borders of colors need to be flush against each other. So the face would be all one big blob of color flush with a big blob of color for the hair. blur and brush sampling can pick up white or black regions even if they aren't selected and it does effect the line quality when resizing and reproducing. Your tutorial here is good for someone's personal digital work, but look up proper methods if you're ever looking to pick up work as a flatter.
chicinlicin Featured By Owner Jan 13, 2011   Filmographer
i prefer using a different method in photoshop ^^; the SAI one is how i do stuff in livestreams. you could do a better job, i suck at explaining things...

threshold filter? sorry, i probably know what that is but not by the name...or i'm just really it something in the filters list? if it is then it's not on my copy of photoshop since i'm using an old version. oh wait i found it, i don't really see how that helps though, all it did was make my lineart white.

but the flat colours aren't on the lineart, i find it stupid when people say to put flats on the lineart since it either adds white gaps everywhere or completely ruins the linework. i dislike the multiply method as well, but i guess that's because i like to colour my lineart and having it set to multiply causes lines to appear under the lineart, but when i did traditional lineart i used multiply. i do understand the colour blobs though, i should probably do all the flat fills by hand since sometimes when i zoom out there are gaps. this tutorial was meant as a very basic and quick way of doing flat shading, not anything fancy. i use a completely different method to this(my layers are arranged that way though), it's more similar to the method i used when i first started doing digital art.
monkeynohito Featured By Owner Jan 14, 2011
Ah, ok. You actually explained pretty well and your adept at a few more digital techniques than I am. I hope I didn't come across like I was trying to talk down to you at all. This is a nice tutorial, I just wanted to talk shop a bit.

I actually use GIMP instead of Photoshop, but Threshold should work the same...ok yeah, here you go: [link] By the way, you can also do it with layers too by putting a white layer up top and setting that to dodge blend mode. This tends to end up pretty crappy looking and it won't work right if there are colors below. It can help in specific instances while working on stuff though. But yeah, once you get the Threshold filter down, you'll be able to fine-tune the B&W lineart better.

The main thing about the multiply method is to cut down on resource usage and keep an untouched copy of the lineart up top. Decent flats will keep anti-aliasing from screwing things up, but multiply on an alpha-less layer works better than transparency too.

Don't stop what you're doing unless you're having problems that could be solved doing it another way though. Doing the flats by hand is tedious, but it could help with those gaps you mentioned, that's why I started doing it that way.
DialBM Featured By Owner Jan 12, 2011  Hobbyist Digital Artist
Oh Clipping group, I wasn't aware of that, thanks c:
chicinlicin Featured By Owner Jan 13, 2011   Filmographer
clipping group is quite useful :meow: yay i was kinda helpful :dummy: sorta...
Add a Comment:


Submitted on
January 12, 2011
Image Size
1,024 KB


48 (who?)