Painting tutorial


#1

From start to finish. This tut will show how to steps on where to start, what to think of, etc… This tut is for Photshop CS.

  1. I usually start off with a quick sketch. Does not have to be tight at all since you are painting over it. Paint bucket the bg and draw on a seperate layer.
  2. I then determine light source and connect my shadows. This part is vital because this will set a solid mass and keep your eye focused on where light and shadows hit.
    http://img154.imageshack.us/img154/9418/tut15js.jpg
    3.I then block in the other side with a MIDTONE. Remember not to “pop” any highlights until the end. Why would you pop any highlight when you don’t have the mood set yet. It takes a shadow mass and a midtone mass to set up correctly.
  3. Where the midtones and darks intersect. I choose a color higher in saturation and build it as a blend.
    http://img141.imageshack.us/img141/4151/tut21yh.jpg
    5.Sagat is now all the same color. So let’s set some variation on him. Warm spots which include, nose, cheeks, ears, lips, legs, arms, hands, feet, should be bumped up in those areas using a warmer color.
  4. Cooler colors make areas turn so adding that in certain areas make the areas lay back a bit.
    http://img141.imageshack.us/img141/6091/tut32gi.jpg
  5. Ok now that we have set the basic mood, let’s pop some highlights. The highlights should stay tighter and should not diffuse and disperse widely all around. If so you will lose structure and your image will end up flat.
  6. And that is it! Once you have all the elements you need in a picture, you can go as far as you want with it. Blend it more if you want or leave it as is.
    http://img236.imageshack.us/img236/5097/tut46yc.jpg

Important notes following this tutorial:
Try to avoid zooming in when setting up colors. The screenshots I have taken is as far as I zoom in when starting a picture like this. You can zoom in and finish with fine detail later. Set up is the key.
I use the HSB slider so you dont have to use the color picker to bring up that color screen. Simply slide the arrows to adjust colors to your liking.
Hue - hue is the color
Saturation - saturation is how vivid you want your colors to be. Slide it to the left if you want it more greyed out.
Black - How dark you want your colors to be. Slide the arrow to the left for darker color and right for lighter colors.
Feel free to ask questions if you are interested.


#2

The pics in themselves explain alot. I really wanted to know how you went about starting, most of all. I think I’ll give this technique a whilr later today.

Forgot Sagat’s scar tho. :stuck_out_tongue:

Oh yeah, this is photoshop right? Looks like it.


#3

Good shit Man, I dig the approach alot. Would you mind going through the prosses of how you detrmine your color scheme?

http://img234.imageshack.us/img234/4528/yeah3ci.jpg

Thanx


#4

Hehe yeah I either forget his scar or his eyepatch half the time. I just updated it with a more detailed explantion.


#5

Ahh, makes like 10 times more sense to me now, man thanks. :tup:

You’re gonna laugh at me for this but I thought, when you painted from dark to light, I thought it meant painting the entire figure black… man, was way off.


#6

Man. This is Helluva helpful. Might experiment a few like this for a while to get the hang of things and then try it with my colored linework and thick inks later.

Working with your Darks first is a sin in Pavement art. No wonder I have so many saturation issues.

Cheers SFMC!!!

Also whats with the fleshy aura you added in the 5th pic? Is that just to tighten it up a tad? Or were you starting on a background?


#7

sfmc you should post up that clouds tut!


#8

Frick, man. This’s hard. What opacity did you have yours set on, Pete? 70-80? This’ll take aa bit to get use to, but I think I understand a bit more.

http://img.photobucket.com/albums/v637/kandoken/3s_remy.jpg

One major question… how do you setup up your shapes in sketching to be so well defined?

That’s one of my major weaknesses.
Crit strong. :slight_smile:


#9

Damn kando you are doing great! Very nice suttle value man. How do I set up shapes in sketching to be defined? I try to think like a graphic designer when starting out. Adark shape and a light shape. When you are done squint your eyes and you should see the same shapes you started out with.

I usually start out on 100 percent to ensure solid shapes. I’ll go 70 when finishing up and blending. Yeah cause if you have opacity on like 20 to 30, then it will take like 10 strokes to equal one 70 to 80 opacity brush stroke. Alot faster and it will boost your confidence in a 1 stroke painting. You will also feel yourself moving much faster. 1 hour paintings with 20 to 30. 15 to 20 minutes on 70 to 80.

http://img150.imageshack.us/img150/6678/3sremycopy0am.jpg

CP. The fleshy aura is just to pop the figure forward a bit. Nothing special.

Dfist - Skies take too long to paint and plus I don’t think anyone would really be interested in some clouds. We’ll focus on the figure for now.


#10

darned good tut SFMC. thanks for sharing, will give it shot :smiley:

HSB sliders are a great idea… never thought of using that. (The B in HSB stands for brightness, btw)

btw the eyepatch should be on his left eye, but it works fine for demo purposes.


#11

I knew b stood for something else besides black. Shows I don’t know jack about ps. haha.

Eyepatch on the other side? Is there a site that shows you all the technical details about what goes where as far as design goes? I think It would be a good time to learn since I never really payed attention to that.

Thx for looking guys.


#12

Great tutorial! Thanks for taking the time to do it. But an opacity of 70/80 just seems so wild to me. I can barely blend with anything above 60…


#13

not really, best choice is probably official art from http://www.sfgalleries.net/
and of course, the SF Eternal Challenge artbook :slight_smile:
Sprites are always iffy since they get flipped around a lot


#14

Was a tablet used in all the examples I see here? Or is this wizardry somehow possible with a mouse?


#15

When using a mouse you won’t capture the sense of lineweight and sensitivity a tablet can get. Can maybe be done in mouse but the results will not look the same.


#16

Gah, felt that one coming. Well then, where’s the thread that breaks down tablet recommendations based on price and performance? Or can we talk about that briefly here? The prices for those things can get awful steep.


#17

I think that should be left for another thread. Keep the hardware and tutorial talk separate.


#18

Sure. Do you mean open another thread in Fan Art or go straight to Tech Talk?


#19

It’s cool we can talk about that here. Just so you don’t make Rook angry, you can ask a question starting a new thread or one that exist already.

As far as brands there is one dominant company that sells the best tablets and that is wacom. www.wacom.com

I’ve never went with any other brand so I probably don’t know how great the others are.

Yeah they can be pretty pricey, but in the end it is worth it. Check out the site and I’m sure the site can break it down better than i can as far as what you want to do with it.


#20

Thanks, I’ll check that out and make another thread if need be. But one more question while we’re at it, what model tablet and the dimensions thereof do you personally use? Or at least what model and dimensions do you suggest for adequate art and rendering as seen here?