Allison in Armor: Photoshop color tutorial

Okay, so 'tutorial' is overstating this a bit. There will be no 'set your brush to 45 percent opacity' in this post.  This is more like a quick tour of my thought process as I'm working, which I hope will be helpful to people with some photoshop skills who just aren't sure quite how this 'painting' thing works. When I get a good art idea, it tends to be because two previously unrelated ideas ran into each other.

In this case, a friend sent me a link to the winner of this year's The Longsword Competition At the World Invitational Tournament. In passing, my friend added that she would like to have a set of that armor for her very own.

Bingo bongo, time to draw my friend in medieval armor.

I had an armor reference, now I needed a pose reference. Enter google, and the nice people at The Medieval European Martial Arts Guild, who have large images of classical european martial forms linked to from their site.  I chose one of the forms, and got to work on a 'blueline' sketch.

Screen Shot 2013-08-31 at 1.33.55 PM

Doing the first sketch in blue makes it easier to pick out the lines I actually want in black later. Also at this stage I began collecting my pallet. Each major color needs at least three (dark, medium, light) constituent colors, although apparently my natural inclination is to choose four. Keep the number of shades to a minimum though, or you'll drive yourself nuts.

Screen Shot 2013-08-31 at 1.35.19 PM

With the black lines completed, I flipped the image horizontally, so that I can see the perspective and proportion mistakes I made in the original sketch.

Screen Shot 2013-08-31 at 2.16.53 PM

Egad. It's always worse than anticipated.

Once the perspective was suitably unfucked, I trimmed down some of the too thick lines and fixed the face up a bit.

Screen Shot 2013-08-31 at 3.16.37 PM

Then, it was time to flip her back the other way and lay down some colors pulled from my reference images. The first layer of color is at full opacity, just trying to vaguely cover large areas. Detail comes later.

Screen Shot 2013-08-31 at 3.28.14 PM

Now that I had color mostly in place, I needed to complicate it a bit. With a combo of the eyedropper tool and a fuzzy brush at half opacity I turned blocks of color into shades of color. Here it is about half-way along, top almost done but the bottom untouched.

Screen Shot 2013-08-31 at 4.09.21 PM

Not too shabby. I took away the lines for a second just to make sure it was going well.

Screen Shot 2013-08-31 at 5.13.35 PM

Then I put the lines back and trimmed the color to fit.

Screen Shot 2013-08-31 at 8.11.44 PM

Of course, it's at this point (too late) that I realize I've got a few lingering structural issues. The thigh armor plates leave an awkward gap under the belt, and the draping around the backside is... subtly wrong. Also the blade isn't consistent enough, and the skin needs some evening out.

Screen Shot 2013-08-31 at 11.06.29 PM

With that about done, it's time to start on the background. I thought putting her in a woodland would be nice. Also since I was planning on fuzzing it out, I thought woods would be recognizable without being too much detail. First, lay out the basic blocking, and put in a row of trunks.

Screen Shot 2013-09-01 at 3.12.40 PM

Aaand not enough trunks. So I just copied the layer and scaled it up to make a second closer row of trees at a higher saturation. Then I went and found the 'leaf' brush and went to town.

Stage 1:

Screen Shot 2013-09-01 at 3.13.14 PM

And Stage 2:

Screen Shot 2013-09-01 at 3.14.22 PM

And now enough guassian blur to make things look less obviously drawn in with a pre-set pen. Some blurring was done with a brush, so that nearer leaves will be marginally less fuzzy.

Screen Shot 2013-09-01 at 3.14.50 PM

Now for some style: cutting to a frame.

Screen Shot 2013-09-01 at 3.15.24 PM

Time for the really fun part. Texture! I went and found a metal texture, cut it to fit, and used the overlay function. It pumps up the contrast a bit too, which I kind of like.

Screen Shot 2013-09-01 at 6.42.32 PM

Texture for everyone!

Screen Shot 2013-09-01 at 6.53.08 PM

The background gets some texture too, just a little even canvassing to separate it yet further from the figure.

Screen Shot 2013-09-01 at 7.00.04 PM

Background needed a little more separation, so I desaturated it a bit. The last step is to add a bit of key light glow, which helps the figure become more three dimensional. Then it's time to stop fussing, and call it done.