The Great Siege
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The Great Siege

A colossal mix of many things
 
HomeHome  PortalPortal  SearchSearch  Latest imagesLatest images  RegisterRegister  Log inLog in  

 

 Advanced Skinning in Photoshop

Go down 
+2
mArInE
warCRAFT.
6 posters
AuthorMessage
warCRAFT.
Peasant
warCRAFT.


Male Number of posts : 16
Age : 31
Battle.Net Name : World Trade Center 9/11
Registration date : 2008-01-02

Warcraft 3 Stats
Agility: 0
Strength: 0
Intelligence: 0

Advanced Skinning in Photoshop Empty
PostSubject: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitimeWed Jan 02, 2008 2:56 pm

Purpose: This tutorial teaches you some main tools and tehniques in photoshop, in order to skin better than normal people.

Note: This tutorial is rather long, so take you're time studying it.


Step 1
– Getting started

Im going to modify ghouls skin, so convert it into .tga and open it in Photoshop.

Note: If you dont know how to convert it, read my other skinning tutorial's first part.

Step 2
– Replacing the bones

Advanced Skinning in Photoshop Ghoulcopy

You should see the ghouls ribs. We are about the replace them with the blades, using the base image below.

Base image

Advanced Skinning in Photoshop Asjad_blade

Copy paste the base image, and cut the unwanted parts away with the pen tool. Dont flatten the layer after cutting.

Advanced Skinning in Photoshop Step1_Likamine

Now, copy-paste the blade image to your ghoul skin. Start replacing one of the backbone by using scale and rotate tools to match the size and curves of it.

Advanced Skinning in Photoshop Step1_tools

Advanced Skinning in Photoshop Step1_editing

After that, duplicate the layer and use the same tehinque above to match another bone, until you have all of them done.

Advanced Skinning in Photoshop Duplicate

Advanced Skinning in Photoshop Step_somethingyousee

As you can see, you got many layers now. Hide the main ghoul layer and merge visible the blade layers. Merge can be found under Layer.

Note: Hide is when you click on the eye image, left of the layer name, and unhide is when you click it again.

You should have 2 separate layers, the ghoul skin and the blade layer.
Hide the blade layer, and select all the backbones and ribs with the
pen tool. Then unhide the blade layer, activate the selection, invert
it, and then delete it.

Advanced Skinning in Photoshop Step1_blades

Meanwhile, I have replaced the teeth and the toes too.

Advanced Skinning in Photoshop Step1_final

You should see something like this.

Step 3 – Replacing textures

For the 3rd step, we are going to add some blood texture. Select some
parts of the metal ribs, and the big hole in his leg with pen tool, but
dont activate the selection yet.

Note: You can apply blood effect on the teeth too.

Blood Image
Advanced Skinning in Photoshop Blood-1

Copy paste the blood image to your skin, above the skin layer and set the blending to hard light.

Advanced Skinning in Photoshop Ste3_

Then activate the selection on the blood image layer, invert it and delete the inverted part.

Advanced Skinning in Photoshop Step3_lol

You should have 3 layers by now, skin layer, blade layer and the blood layer.

Advanced Skinning in Photoshop 3layers

To finish off the blood layer, use Filter>Blur>Gaussion Blur on it.

Advanced Skinning in Photoshop 3_blur

Step 4 – Colouring

Note: Zoom tool is your best friend

Now, we’re going to use the Hue/Saturation tool
to colour the rest of the ghoul’s body. Duplicate the skin layer, and
use Hue/Saturation tool on it. You can pick any colour you wish, Im
going to use a dark red one.

Advanced Skinning in Photoshop Hue

Advanced Skinning in Photoshop Redcolour

As you can see, the eyes and some unwanted ares are coloured too. thatswhy
I duplicated the layer. Select all the unwanted ares on the coloured skin layer using pen or polygonal lasso tool and erase them.

Advanced Skinning in Photoshop Lol

After that, im going to darken the red skin layer and the skin layer a little bit by using the
brightness /contrast tool.

Advanced Skinning in Photoshop Skinlayer

Brightness/Contrast tool

Advanced Skinning in Photoshop Brightness

Use these setting on the red skin layer.

Advanced Skinning in Photoshop Brithness

After done that you should see this below.

Advanced Skinning in Photoshop 4see

Step 5 – Final touch

For final touch im going to tint the hair black. Select the skin layer
and use the pen tool on the hair. Select the hair. After that, desaturate it.

Advanced Skinning in Photoshop Desatur

When desaturated, use the brightness/contrast tool again.

Advanced Skinning in Photoshop Laststand

If you have followed every step right, your final result looks like this

Advanced Skinning in Photoshop Fianlll


In game Screenshot

Advanced Skinning in Photoshop Lol3

Note: If you can find any grammar mistakes, qoute them and tell me. Thanks for reading. Any feedback appriciated.

All the images, blood and blade, are googeled. You can find even better ones, if you wish or can.
Back to top Go down
mArInE
Peasant
mArInE


Male Number of posts : 6
Age : 31
Registration date : 2008-01-02

Warcraft 3 Stats
Agility: 0
Strength: 0
Intelligence: 0

Advanced Skinning in Photoshop Empty
PostSubject: Re: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitimeWed Jan 02, 2008 3:01 pm

Thank you war! I always wanted to know how to model.
Back to top Go down
pak-mawn
Peasant
pak-mawn


Male Number of posts : 16
Age : 31
Registration date : 2008-01-02

Warcraft 3 Stats
Agility: 0
Strength: 0
Intelligence: 0

Advanced Skinning in Photoshop Empty
PostSubject: Re: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitimeWed Jan 02, 2008 3:02 pm

That is good! By the way did you make that model in your avatar?
Back to top Go down
mustang
Peasant
mustang


Male Number of posts : 20
Age : 31
Battle.Net Name : wiggly town
Registration date : 2007-12-19

Warcraft 3 Stats
Agility: 0
Strength: 0
Intelligence: 0

Advanced Skinning in Photoshop Empty
PostSubject: Re: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitimeWed Jan 02, 2008 3:02 pm

Good tutorial!
Back to top Go down
warCRAFT.
Peasant
warCRAFT.


Male Number of posts : 16
Age : 31
Battle.Net Name : World Trade Center 9/11
Registration date : 2008-01-02

Warcraft 3 Stats
Agility: 0
Strength: 0
Intelligence: 0

Advanced Skinning in Photoshop Empty
PostSubject: Re: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitimeWed Jan 02, 2008 3:03 pm

Yah I made it!
Back to top Go down
dark_raptor
Human King
dark_raptor


Male Number of posts : 6303
Age : 29
Battle.Net Name : dark_raptor
Registration date : 2007-07-31

Warcraft 3 Stats
Agility: 8 - but sideways lol
Strength: 8 - but sideways lol
Intelligence: 8 - but sideways lol

Advanced Skinning in Photoshop Empty
PostSubject: Re: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitimeThu Jan 17, 2008 2:38 pm

Wow that was hard, but it made since
Back to top Go down
http://ultimategamers.darkbb.com/index.htm
pak-mawn
Peasant
pak-mawn


Male Number of posts : 16
Age : 31
Registration date : 2008-01-02

Warcraft 3 Stats
Agility: 0
Strength: 0
Intelligence: 0

Advanced Skinning in Photoshop Empty
PostSubject: Re: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitimeTue Jan 22, 2008 12:53 pm

That's great warCRAFT.
Back to top Go down
teragance
Peasant
teragance


Number of posts : 9
Age : 32
Registration date : 2008-02-18

Warcraft 3 Stats
Agility: 0
Strength: 0
Intelligence: 0

Advanced Skinning in Photoshop Empty
PostSubject: Re: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitimeMon Feb 18, 2008 11:19 am

I still don't know how to skin =\
Back to top Go down
mustang
Peasant
mustang


Male Number of posts : 20
Age : 31
Battle.Net Name : wiggly town
Registration date : 2007-12-19

Warcraft 3 Stats
Agility: 0
Strength: 0
Intelligence: 0

Advanced Skinning in Photoshop Empty
PostSubject: Re: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitimeMon Feb 18, 2008 11:20 am

Hmmm, it is "Advanced Skinning"
Back to top Go down
Sponsored content





Advanced Skinning in Photoshop Empty
PostSubject: Re: Advanced Skinning in Photoshop   Advanced Skinning in Photoshop Icon_minitime

Back to top Go down
 
Advanced Skinning in Photoshop
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
The Great Siege :: Warcraft Section :: Map Making Corner :: Tutorials-
Jump to: