HomeUser Control Panel (unavailable in archive)ForumsTutorialsArt GalleryResourcesMaps

Skinning Chainmail Tutorial

11-25-2006, 11:33 AM#1
Archian
Skinning Chainmail Tutorial - Using Photoshop
By Archian

Introduction
In this tutorial I will take a starting-point in teaching you how to make (medieval) chainmail armor for WC3 textures.

Tools Used
Photoshop CS2

Step 1: Workground
Open your skin in Photoshop (make sure it is a .TGA file).

Step 2: Area selection
Select the *Lasso Tool* Click image for larger version

Name:	lassotool.jpg
Views:	607
Size:	22.4 KB
ID:	16465 in the tool menu , and outline the part of the skin you wish to have chainmail (It's a good idea to keep a limit of what you're skinning).

Notice, that while using the Lasso tool, you can hold down the *Alt* button (on your keyboard) to make straight selection outlines.

Click image for larger version

Name:	1.jpg
Views:	37
Size:	75.5 KB
ID:	16454

Step 3: Base Color
Make the selected part of the skin black using the *Brush Tool* Click image for larger version

Name:	brushtool.jpg
Views:	607
Size:	22.3 KB
ID:	16462.

Click image for larger version

Name:	2.jpg
Views:	23
Size:	68.4 KB
ID:	16455

Step 4: Grey Circles
Select the Brush tool and make it have a *Master Diameter* of 9 px.
Then select a grey color for the Brush Tool in the *Color Picker* (double click on the *set foreground color*).
Then make small circles like shown bellow (click once for each circle):

Click image for larger version

Name:	3.jpg
Views:	110
Size:	76.9 KB
ID:	16456

Step 5: Chains
Select the Brush tool and make it have a master diameter of 5 px.
Then use a black color for the Brush Tool, and make small black circles inside the larger grey circles like shown bellow.

Click image for larger version

Name:	4.jpg
Views:	124
Size:	80.2 KB
ID:	16457

Step 6: Shadows
Select the *Burn Tool* Click image for larger version

Name:	burntool.jpg
Views:	594
Size:	22.3 KB
ID:	16463 in the tool menu, and set the master diameter to 9 px, Range: to *Midtones* with an Exposure of 30%
(you can decide aswell).
Then make some shadows at the "fitting" areas of the skin.

Click image for larger version

Name:	5.jpg
Views:	97
Size:	77.5 KB
ID:	16458

Step 7: Hightlights
Select the *Dodge Tool* Click image for larger version

Name:	dogdetool.jpg
Views:	593
Size:	22.0 KB
ID:	16464 (right click on the Burn Tool) and adjust the settings to; Brush: 9 px, Range: Midtones and Exposure: 40%.
Then start making some midtones.

Click image for larger version

Name:	6.jpg
Views:	71
Size:	76.8 KB
ID:	16459

After that you can use the Range: Highlights with a Brush of 5 px and Exposure of 20% to add some more highlights over the midtones.

Click image for larger version

Name:	7.jpg
Views:	90
Size:	81.8 KB
ID:	16460

Evaluate the UW
Then you can Zoom out and look at the result (on the UW).

Click image for larger version

Name:	8.jpg
Views:	230
Size:	102.1 KB
ID:	16461

Notice, that there's no chain intersects, but that doesn't matter since such a small detail wouldn't be noticable ingame and it gives the desired look anyway. Besides you can't really see if there's intersects or not.

Here's how the technique looks like in game at default camera view (look at the Beastmasters' upper arm)

Click image for larger version

Name:	skinprew.jpg
Views:	830
Size:	236.3 KB
ID:	17679

Comments and ideas for improval are most welcome.

Cheers,
~Archian.
Attached Images
File type: jpg1.jpg (75.5 KB)
File type: jpg2.jpg (68.4 KB)
File type: jpg3.jpg (76.9 KB)
File type: jpg4.jpg (80.2 KB)
File type: jpg5.jpg (77.5 KB)
File type: jpg6.jpg (76.8 KB)
File type: jpg7.jpg (81.8 KB)
File type: jpg8.jpg (102.1 KB)
File type: jpgbrushtool.jpg (22.3 KB)
File type: jpgburntool.jpg (22.3 KB)
File type: jpgdogdetool.jpg (22.0 KB)
File type: jpglassotool.jpg (22.4 KB)
File type: jpgskinprew.jpg (236.3 KB)
11-25-2006, 12:37 PM#2
Orc_Tamer
hmm... Interesting technique. Nice Job!
11-25-2006, 03:41 PM#3
Daelin
Looks really nice... I'm sure I'll see some nice skins in which this technique is included.

~Daelin
11-25-2006, 08:09 PM#4
kebabmeat
nice work! I've took a screenshot and put it into the model and here's the rusult:


With other words, pretty good!
11-26-2006, 12:03 AM#5
Orc_Tamer
Quote:
Originally Posted by kebabmeat
nice work! I've took a screenshot and put it into the model and here's the rusult:
Zoom (requires log in)

With other words, pretty good!

I can't seem to see the attachment

use
Code:
[Attach][/Attach]

Attachment 16525
11-26-2006, 07:56 AM#6
kebabmeat
fixed!
11-26-2006, 11:58 AM#7
inpox_2
as a noobskinner, i really like it!
11-26-2006, 07:58 PM#8
camel's_hump
It's a deccent tutorial, it pretty much gets the desired look, but there are a few things. Chainmail intersects, the circles connect. See here. Also ingame you won't be able to notice any of this ingame. Maybe if you made the links bigger, upped the contrast a lot, and really defined the individual links it would be more visible ingame.
11-29-2006, 12:20 AM#9
NiRVaNa_87
Include an ingame screenshot to see how it looks there... but i personally think that chainmails are useless in warcraft, you can barely see what it is from a far distance (just my opinion)
12-15-2006, 04:14 PM#10
PitzerMike
Oh yes, I'd love to see an ingame screenshot.
12-18-2006, 07:24 PM#11
ragingspeedhorn
Quote:
Originally Posted by NiRVaNa_87
Include an ingame screenshot to see how it looks there... but i personally think that chainmails are useless in warcraft, you can barely see what it is from a far distance (just my opinion)

From afar a bit useless I agree, but in cinematics and such it could prove very usefull
12-30-2006, 01:16 PM#12
PitzerMike
Yes, I approve.
05-18-2007, 09:46 AM#13
Arowanna
Whoohoo ^^

This tutorial is great! Thanks mate! ^^
+ Rep