PDA

View Full Version : Basic skinning with photoshop.



satanea juda
07-14-2006, 02:26
PHOTOSHOP BASIC TIPS AND TECHNIQUES SKINNING GUIDE

Ok first off your going to need these.
Vercingetorix,PAK Extractor
http://www.twcenter.net/downloads/db/?mod=43
And this will allow you to view tga. files with windows.
http://www.nvidia.com/page/search.h...ords=dds+plugin

This is just a basic skinning guide, it will show you the tools and techniques used most when skinning with photoshop.i'll add to it when i have time.

So something simple to start with.
1.using the marquee tool pull a box around the area you want to work on.
2. add a layer, this is so you can work on a layer above the original image, and as you'll see later drop the opacity when you need to.

https://img153.imageshack.us/img153/820/basic013cf.jpg (https://imageshack.us)

1. paint the boxed area with the paint brush any colour you like.
2. Add some simple shadows with the burn tool, if you can't see the burn tool right click over the area it is there. notice along the top of the window i have it set to range;highlightes, Exposure 7%, this will make the shadows subtle and easy to manage.

https://img117.imageshack.us/img117/3877/basic025ia.jpg (https://imageshack.us)

1.Use the Dodge tool to make some highlights above your shadows. Range;Highlights, Exposure 6%.
2. Along the top of the window go to Filters, in the drop down menu select noise, this is the easiest way to add texture to your units clothes.i have the slider at 2.03, Gaussian,Monochromatic,

https://img76.imageshack.us/img76/3403/basic038db.jpg (https://imageshack.us)

1. Drop the opacity, click on the blue arrow and a slider will appear.
2. now you can see your original image underneath,While holding down Alt use the marquee tool to pull a box around the belt. now right click over the image and in the pop up select, select inverse, now you are able to work on the area outside the box.

https://img90.imageshack.us/img90/483/basic049ye.jpg (https://imageshack.us)

Now use the erase tool to rub out the area over the belt and turn the opacity back up.

https://img90.imageshack.us/img90/5616/basic052fq.jpg (https://imageshack.us)

Next you want to merge your images together. follow the picture.

https://img68.imageshack.us/img68/8591/basic060ic.jpg (https://imageshack.us)

Now you have one flat image.All you need to do is go to files at the top of the window and save it,in the Nvidia pop up use the settings shown.

https://img134.imageshack.us/img134/999/basic071nc.jpg (https://imageshack.us)

https://img204.imageshack.us/img204/8954/basic084gb.jpg (https://imageshack.us)

Ok thats it for now, not to exciting i know but i just wanted to kick this off as gently as possible, and show a few basic tools. :thumbsup:

If you want to see my work click the sig, and say hello. :thumbsup:

Part 2

Ok in this part i'll show you how to add a texture you have copied from the net.
use Google images to hunt for textures, cloth, slik, patterns, diamonds, tartan,anything you might want to use, i'm going to use

https://img209.imageshack.us/img209/2340/179837ey.jpg (https://imageshack.us)

1.Use the Move tool to move your texture over to the skin, click and drag.
2.Its better if you texure is to big rather than to small, to resize your texture
select the Marquee tool, right click over your image and scroll down to free transform, a box will appear around your texture now resize it to the position you want. when you have positioned your texture click on the move tool, a box will appear, click apply.Your texture may be slightly out of focus, go to filters at the top of the screen and scroll down to sharpen, select sharpen.

Now for a simple technique that you will use a lot in skinning.

i want to add a part of the texture to the top of the sleave, use the Marquee toll to select an area on your texture larger than the sleave area,

you need it larger because the sleave stretches on the model, now with the move tool selected and holding down Alt drag your cursor over to the top of the sleave, you should now have a new marquee selected area,

https://img212.imageshack.us/img212/153/basic2030ux.jpg (https://imageshack.us)

Free transform so it fits over the top of the sleave.

https://img65.imageshack.us/img65/4733/basic2027qk.jpg (https://imageshack.us)

If you don't like the colour you can change it, there are two ways to do this, along the top of the widow go to Image/adjustmensts/ you can use colour balance or Hue and saturation, i'm going to use hue and saturation, just move the sliders until your happy, sometimes you may have to save as close as you can to what you want and then repeat the prosses, its a bit trial and error.

https://img213.imageshack.us/img213/1558/basic2049yk.jpg (https://imageshack.us)

At this point i've dropped the opacity as shown before so i can make a triangle at the front of the skirt from the belt line to the hem, this is because the skirt stretches in this area.Use the Polygonal lasso for this its a marquee tool (under the square one)i've added noise and shadow as shown above.

https://img63.imageshack.us/img63/3684/basic2055km.jpg (https://imageshack.us)

Now you can repeat the shadow and belt parts as before or add parts from other units and save as it is.

Part 3

As i've got this texture open i'll show you how to make buttons for his tunic, this is a simple technique which can be used in many ways ie; adding details to armour.

first add a new layer.
Ok right click over the Marquee tool select the circle, now make a circle and paint it grey.

1.Double click on your layer, this will bring up your Layer style box.
2.Select Bevel and Emboss.
3.Select pillow emboss.

https://img53.imageshack.us/img53/5369/basic2069ki.jpg (https://imageshack.us)

These are the setting i use to make a button but play around with them depending on what you are doing.

https://img294.imageshack.us/img294/5346/basic2077nd.jpg (https://imageshack.us)

As shown before hold down Alt and use the move tool to create multiple buttons. then merge and save as shown in part 1.

I've added a few touches to the finished skin but i havn't used ant techniques i other than the ones i've shown. just remember this is a basic guide if i tried to show you every detail it would take to long.

https://img235.imageshack.us/img235/4231/basic2083qg.jpg (https://imageshack.us)

And other than the shield this one uses the same techniques to.

https://img62.imageshack.us/img62/2894/basic2094ui.jpg (https://imageshack.us)

Part4

Alpha Channels.
Erasing parts of a unit.

1. select channels.
2. select alpha channel.
3.paint this area black.and your shield will no longer be visable in game.

https://img81.imageshack.us/img81/9950/alphasfo6.jpg (https://imageshack.us)

Click my sig to see my work.

runner3434
07-07-2008, 12:51
the second link is broken

Squid
07-07-2008, 14:39
The link is two years old, I'm sure nvidia has moved stuff around in two years, perhaps you could go a search for dds plugin that is mentioned, you might find a newer location on the nvidia site.

Ibrahim
07-09-2008, 04:50
sweet!:2thumbsup:

:balloon2::balloon2: for you

Charles the Bold
08-09-2008, 18:02
can u release one for paint.net i've been try this tutorial out on that but got no luck

Recoil
09-06-2008, 15:10
what's the name of the dds plugin that's needed? when i go on google and type in 'nvidia dds plugin' and click on the nvidia link it comes up with a bunch of tools to download, not sure which i need. cheers