Coloring a Graphic Novel – Part 2
on June 24, 2010 at 5:00 amPart 2 – How I use flats
When I first started making comics I was clueless about the coloring process. I would paint under my line art that was set to multiply but that was the extent of my knowledge. It always seemed like such mindless work to paint between the lines, to fill in the shapes, like I was doing what any kid could do in grade school. It took up so much precious time, but it had to be done before I could start adjusting the colors to my liking.
After learning about flatting, coloring a page became a quick and fun process. I can cut right to the part I enjoy and the part that needs my special attention.
If you goto GutterZombie.com, you can find all kinds of threads on how to color comics. That’s the forum where I learned about how to use flats. There are MANY ways to approach it and most of them involve putting your flats into channels. I’m not going to say that’s the right or wrong way but it’s not the way that works best for me. Here’s what I do.
First, I bring my flats layer into my file with my line art. I have my line art set to multiply and I put my flats below the lines so it looks like this.

HINT: If you are dragging in flats with the same dimensions as your line art, hold down the shift key as you drag in your file and it should automatically snap to your canvas and line up perfectly with your line art.
To make these colors easy to select, we need to select the magic wand tool.

Now that we have selected the magic wand, we need to adjust the tolerance down to between 3 and 5. This makes it only select the colors that are extremely close in range to the color we click on. If the tolerance is higher, more colors will be selected when we click on something, so keep it really low when using flats.

The second thing we need to look at is the box that says Anti-Alias. Anti-alias blends the edges of your selection to make it look nicer to the eye and less like an old video game. In most cases this is good to have checked, but for flats we need to turn it off so it doesn’t feather our selections. Every time you select something with Anti-alias, it slowly eats away more of your selections, so make sure it’s off.

Third, we need to look at the Contiguous check box. You might be switching this one back and forth as you work because it changes your selection from just selecting the same colors that are touching each other, to the same colors that aren’t. So with contiguous unchecked, if you select a skin color in one panel, it will also select the same skin colors in other panels even though they are not touching.

Now our magic wand settings are ready for using our flats.
The first thing I do with my new flats is adjust some of the colors if I know it will work better one way or another. For instance, I know that Sonja’s skin will always be the same color on the whole page so I’m going to select all the skin colors and make sure they are all the same. Or perhaps I want to darken one of the Victuals layers becasue I know he will be a different color in one panel. This is the time I do that.
Remember, we are still not coloring, only adjusting the flats for easy selection.
Now that we have our flats the way we want, duplicate it.

I rename the duplicate, Colors, and move it below the flats layer.

Now select the flats layer again and slide the opacity to “0″ so that the layer is completely invisible.

Now lock it so you can’t accidentally start painting on it.

Now the fun begins, but it takes some getting use to.
Before I adjust individual parts, I first click on the color layer and hit Apple+U(Mac) or Ctrl+U(PC) for Hue/Saturation.

I usually pull down the saturation to start with so everything is not so colorful. Just a personal preference. It will look something like this.

Now we can start adjusting specific parts. Start with the big, obvious colors, like the sky. So lets click on our flats layer and with the magic wand, click on the sky. You will notice that even though the flats are invisible and locked, we can still select from it. (Isn’t that cool!)

All the sky should have been selected and nothing else. Now click on your color layer and hit Apple+L(Mac) or Ctrl+L(PC) to bring up Levels. Adjust the sky to white and hit OK.


Congratulations! You have officially painted your sky white with very little effort.
Now go back to the flats layer and select something else. Go back to the color layer and use Hue/Saturation or Levels again to adjust it to your desired color. Slide around the Hue sliders until you are happy with the color and hit OK. If you can’t get the color you are looking for then click the colorize check box in Hue/Saturation and try it again.

Another command that I use quite a bit is Apple+B(Mac) or Ctrl+B(PC) for color balance. This makes it easy to add just a little more red or blue or whatever to a selection.

You are well on your way to coloring your page using flats and guess what, if you were simply coloring these pages without textures in a style like “Hell Boy”, imagine how fast you could do it. Here is a little recap of the Hot Keys and what they are best for with this kind of technique.



Keep selecting colors from the flats layer and adjust the color layer. Repeat until you are satisfied with all your colors. Now you’re all done! You can also airbrush inside your selection as I did below with Sonja’s hand in the last frame.
Here’s what my page is starting to look like. I know you’re impressed.
I usually don’t go to far without adding some textures which affect how the final color looks, but I’ll get into that later, along with lighting and shadows.
So you thought coloring a comic was all about using the paint brush to fill in between the lines, eh? Well, I’m sorry to destroy your childhood dreams. Of course you could still do it that way after you select from your flats, but for me this approach is super easy, quick and fun.
Here are the upcoming topics I’ll be breaking down in future posts so make sure to bookmark or subscribe to reMINDblog so you don’t miss out on the good stuff.
_____________________________________________
Coloring a Graphic Novel Series (How I color reMIND)
Part 1 – Multiply and Flatting
Part 2 – How I use Flats (You are here)
Part 3 – Textures – Art Directing your Graphic Novel
Part 4 – Creating your own Texture Library
Part 5 – Adding Textures to your Flatted Page
Part 6 – Masking and Applying Gradients
Part 7 – Light Source and Shadows
Part 8 – Dialing it all Together







WOW! this is some rosetta stone kinda stuff! haha. seriously though…totally awesome and helpful tutorial. =)
Yeah, once I figured this part out, my productivity shoot through the roof. Hope this answers some of your questions from last week too.
yeah basically, although i'm sure you make it seem easy. haha.
Awesome tutorial! It's easy to follow and it looks pretty simple. I'm going to give it a go. :)
Thanks! Let me know if you have any troubles with it or if something isn't clear enough. I can always add to it.
Very nice. Thank you for doing this. I have been wondering what gear do you use? Intuos, Cintiq or just clicking around with mouse?
I recently bought a small used Cintiq and it's great. But what's cool about this technique is you can do it with a mouse just as easily.
Later tutorials will need more than just a mouse though like when we start painting shadows and lighting. I also use the Cintiq for touching up my art after scanning it.
Ohhhh, excellent tip there with duplicating the flat layer and making it invisible to select. I'll have to try that, since recently I've been using a lot of textures on my flat layer and re-selecting is a painnnnnnnn.
I'm also going to have to try selecting areas to flat without anti-aliasing. I draw with really thick lineart, so I can get away with selecting>expanding by 1 px and it colors it in pretty cleanly. (I catch all the little "clear spaces" in sharp corners with a layer of black underneath, fufufu)
Good, concise instructions! I'm especially looking forward to your tuts on textures. Thanks for sharing.
Wow, your work is awesome and also your blog is. I'm not a native speaker and so I had a hard time getting through all that stuff you find on the internet. When you explain it, it sounds quite easy. I'll have a try on this :) Thanks!
You are officially my hero. Seriously. I’ve read some flatting tutorials, but I’ve never had it explained to me just what you do once a page is flatted. It looks like I’ve colored 20+ pages of my graphic novel the HARD way. This is going to speed up my process so much. Thanks man! Great tutorial and very well written!
Thanks! Yeah I used most of the adjustment techniques before I learned about flatting so most of that is just from years of trial and error with my own work. But once I learned flatting, I saw the potential but it took me a while to find the easiest way to use 'em. This came about as a result of reading lots of other people's difficult techniques and pulling the bits out that made the most sense to me, then applying what I already knew to that.
There are soooo many ways to achieve the same result that it gets confusing fast. Good luck with everything!
Wow, that’s a great tutorial. I can’t say that I’ve ever used that way to flat (I learned the Sweeny Hi-Fi way) but this is really interesting.
Have I said lately how cool it is that you post these tutorials/articles on top of everything else you do? XD
What's the Sweeny Hi-Fi way? Is there a link to it somewhere?
Yeah, the part about turning the flats invisible was the key for me. Someone suggested it in Gutterzombie someplace and it was the simplest approach that I've ever read about.
Glad you like the tutorials and all. It's really fun for me too…plus it's a good way to bring in new readers.
Mark Sweeny is how I learned as a flatter for Hi-Fi. http://www.mark-sweeney.com/Site-Pages/Tutorials/…
I use the transparent lock when I flat pages for The Dreamer because she likes the characters and backgrounds on their own separate layer.
Interesting take on flats. I love to see how different artists have different techniques.
The channels work best for quickly separating colours, but now that PS has the ability to handle multiple layers and adjustments, that method isn't really necessary. It's very old school but still works very well for many.
I'm all B+W for the time being, so I don't have to worry much about flats – except for flat blacks. LOL
amaziiing!!!…THANK YOU so much for sharing dude!! i've also tried coloring myself,,it ain't much of a technique in comparison to yours but i really like what im seeing so far with my own..except getting that shiny effect on the edges of my shapes..but nway your tips are very helpful indeed.
Wow, it's so abstract from any tecnique I ever scene…
I'm really grateful for this. It must have taken a lot of time and effort to create thsi tutorial. Lots of revelations in here!
John
I’m not an expert at Photoshop, or even proficient with it, so it is a very, VERY helpful and goodhearted thing to teach the skills you are learning while making a time-consuming GN. Big thanks!
(Question- I usually just click the ‘eye’ button next to layer to make it invisible- Does clicking that instead of setting the opacity to ’0′ screw it up someway or make it harder somehow? Preset thanks to anyone who will answer the Photoshop n00b!)
You’re right that just turning off the eye ball will do the same thing. The only reason I like turning down the opacity to 0 is to keep my file simple. If some layers need to be turned off and some on then later on when I have 30 layers (if it gets that complex) then you always need to remember what needs to be off and on. When you just turn the opacity to 0 you can keep all your layers visible and it’s a no brainer, which is good for me. haha.
But honestly, everyone has a way that works best for them so don’t let me change your flow if you prefer to just turn off the eye switch.
Aaah, I see. Thanks for helping!
Thank you so much. I never understood how Flattening worked or why I should do it. This is amazing!
I’m wondering why you need to select the area on the flat first, then select it again on the color layer before coloring it? What does selecting the flat layer section do if you are working on the color layer?