First of all, start with a sketch. Don't try to design a character as you paint, unless you are really advanced and probably not even then. Inked line art is fine.
Pick up the lines as a layer, and switch the layer type to multiply or Gel if you're in Painter. Turn the opacity way down so the lines aren't getting in the way of what you're doing.
These next steps can almost be done in any order. On a background layer put in flat colors, like you would if you were painting an animation cel. Keep the values fairly dark and even---even white surfaces should be a medium gray at this point. I'll usually have a color scheme in mind; in this case I used an analogous scheme (red/orange/yellow/brown)contrasted against a single "compliment" (the blue).
On a separate layer, paint the occlusion in. I'll talk more about occlusion some other time, but basically think of the cracks where the ambient light of the scene can't easily bounce into. I put a white background in so you could see it better. Don't be too heavy-handed or feel like you have to render out the entire scene this way!
Now, on a new layer, paint in a single light source. If this is a basic character rendering you probably want this lighting to be fairly neutral in color, but a simple warm/cool lighting scheme should be fine. I often start with hard edges on everything, like a cel-shaded image, and then I soften the edges where the form curves or I fade out any planes that are trending toward the terminator (I talked about this in another post). I painted in the lit areas with white but switched the layer type to "Overlay" so it would keep my colors.
Here is what the lighting layer and the occlusion layer look like when they're both visible on a blank background. See how sculptural it looks already?
Here's what those layers look like applied over the colors I painted earlier:
If you want any more lights in the scene, use a "Screen" layer, which acts as a true additive layer. And you can use other layers to tinker with the colors and texture in the scene.
Now you have a fairly good start to your painting and you're ready for the polishing phase. I'll save that part for another post though, later.











32 comments:
your mind is a beautiful thing, sam. thanks a ton for this!
These are very useful ideas to render the illustrations !!!, I already used them but the way is explained is very clear. I never thought about fading the plains and I think I will will use it from now on.
Thanks for your advices!!!!!
I've never seen this kind of painting method as in 3d. It works great. Very helpful tip.
Thanks a lot
this is soo cool .. 3d in 2d .
I think I'll keep this forever in my heart
Awesome Sam... Thank you!
Sam, you make the mysterious seem simple. Thanks for sharing. I look forward to trying this method out.
Wow, that looks like a cg model!! I have to try this. Really cool!
Awesome tutorial!
Soooo good. Thanks so much Sam (and all you Art Center experts)
Wow, the result is absolutely drop-dead beautiful!
Inspiring as hell!
Thanks for this Sam, it really helps. I love your way of thinking.
What a great explanation and result! Big thanks to Sam and all the Art Center team
how... how... how... to paint the oclusion part?!
How do you think those volumes in a 2D pic? Do you have a mental program that you control just putting the light where you want and the image is just ready?! ahaha
This was amazing, but now I have more questions than solutions, thanks for it! =D
I really want to know how to think in 3D...
Thanks everyone!
TonyTony: Don't worry, I'll do a separate post on occlusion.
Describing volume does require a bit of thinking in 3d, but once you're able to imagine the forms, figuring out where the light hits isn't difficult. See my previous posts for more on that subject.
shading is a big difficulty for me. thanks for this tutorial:)
so do we pay you or something?
Fantastic post, Sam, thanks so much! I'm going to go plug in my Wacom and get coloring!
An incredibly helpful post Sam, I just have a few quick questions for you, now that I'm trying to apply these techniques to a painting of my own.
Are using a 50% grey color with an airbrush for rendering the occlusion and the lighting? Or is it some other type of brush/color combo?
When you "apply" the layers to your color image in photoshop, are you using them as overlays? or screens?
Do you eventually get rid of the line work all together? Or is it always present even in the final image?
Thank you so much for this post, and the entire series you have been doing here at Art Center, as well as, on your personal blog.They have helped me tons in my own digital painting growth and I'm eagerly anticipating your future posts.
Thank you =]
-Steve
This is a really good post.
It's really useful seeing someone's thought process laid out clearly, and step by step.
Thanks very much for this :)
i´ve been waiting a long time for to see this, your process steps are very easy for understand, i like your process.
Demetre: Unfortunately the blog doesn't pay anything, but you could always buy my iphone app (that will give me a dollar). I wish I had more ways for people to give me money. Alas, for now you'll have to settle for getting it all free.
Steve: I use a dark color (almost black) for the occlusion, and a very bright color (near white) for the "Overlay" light layer.
The layers can stay as Overlays or Screens, either type will do. Overlay tends to saturate colors as it brighten them, but Screens usually desaturate colors. Screens are better for mixing two colors together, though.
I've answered your question about the lines in my next post.
beautiful stuff. I've really gotta try coloring like that. Thx for the process shots, really helpfull
I can't seem to get the layers right. What order do they go and what ones are Normal, which ones are overlay? Do you ever just paint with color, or do you always do flat color, then the other layers?
I think there is some confusion on the lighting layer being an "overlay" layer. I'm sure people are trying to get it to look the same as Sam has posted but when they remove the colors layer the lighting layer will not show anything on a white background.
Make a 50% gray background below the colors. Now when you switch off the colors you should see the lighting layer like Sam has posted.
I posted an example of what I think Sam had for layers on this tutorial over at my blog. Maybe it will help someone else. The lighting layer kind of screwed me up.
holy crap!
painting in the ambient occlusion as a first pass!
awesome! It's true haven't seen you put much painting up here in a while, but really sweet!
painters edmonton
painting contractor edmonton
Someone asked a question about the process of painting a character, so I'll take a stab at that one. There are many processes that each have their strengths, but for the sake of learning this is what I'd suggest.
Edmonton Painters
Painters Edmonton
This is an amazing post. Found quite good detailed sketches even the colours are brilliantly balanced. Thanks.
This is an amazing post about paintings. Found quite good detailed sketches even the colours are brilliantly balanced. Thanks.
Post a Comment