Advanced Skinning in Photoshop

Discussion in 'Tutorial Repository' started by Andrewgosu, Jun 30, 2006.

  1. Andrewgosu

    Andrewgosu The Silent Pandaren Helper Staff Member

    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

    [​IMG]

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

    Base image

    [​IMG]

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

    [​IMG]

    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.

    [​IMG]

    [​IMG]

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

    [​IMG]

    [​IMG]

    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.

    [​IMG]

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

    [​IMG]

    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
    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

    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.

    [​IMG]

    [​IMG]

    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.

    [​IMG]

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

    [​IMG]

    Brightness/Contrast tool

    [​IMG]

    Use these setting on the red skin layer.

    [​IMG]

    After done that you should see this below.

    [​IMG]

    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.

    [​IMG]

    When desaturated, use the brightness/contrast tool again.

    [​IMG]

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

    [​IMG]


    In game Screenshot


    [​IMG]

    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.
    • Like Like x 7
  2. Kenito

    Kenito I Helps Most Goodly

    Excellent...just excellent. Even a photoshopper like myself has learned a few things from that tutorial of yours. IMO, we need more photoshop tutorials. It may just be me, but I see too many Paintshop Pro and GIMP tuts.

    Kudos...this be worth a rep, mon. :D
  3. xflip04

    xflip04 Guest

    excellent details
  4. Andrewgosu

    Andrewgosu The Silent Pandaren Helper Staff Member

    No problem, thanks.

    Thats true, but there are more people with GIMP than with Photoshop. Mainly, because GIMP is free.
  5. Whitesock

    Whitesock Graphics Help Zone Moderator Staff Member

    Not to beat you over the head with this, but there's already a tutorial on this. It's still good, it even helped me, but you might want to add some more advanced stuff becuase there's already beginner tutorials on this out there.
  6. Chele

    Chele Guest

    Photoshop can be free as well :p .
  7. Whitesock

    Whitesock Graphics Help Zone Moderator Staff Member

    Isn't that illegal unless they spam you with advertisements?
  8. Andrewgosu

    Andrewgosu The Silent Pandaren Helper Staff Member

    Beginner? Where? I thought this is a little bit more than beginner. All other tutorials teach you how to use Hue/Saturation basically.

    Good point there. I got PS free too. My dad is a newspaper designer. :)
  9. Chele

    Chele Guest

    As far as I know it is illegal to upload software under copyright, not to download it.
  10. Whitesock

    Whitesock Graphics Help Zone Moderator Staff Member


    1. Well, I guess this is more moderate, but I would like to see some more.

    2. :confused:
  11. Andrewgosu

    Andrewgosu The Silent Pandaren Helper Staff Member

    Tell me what you want, and ill try to add it. :)
    • Like Like x 1
  12. Whitesock

    Whitesock Graphics Help Zone Moderator Staff Member

    More photo manipulation would be nice, or some good ways to make a metal look, stuff like that. Techniques you could say.
  13. Andrewgosu

    Andrewgosu The Silent Pandaren Helper Staff Member

    Actually, I didnt want to achive full metal look, but I wanted to teach people who dont know most of photoshops options, how to use tools and layers to create better looking skins.

    You can always google metal type images and apply them to the skin to your needs.

    Anyway, thanks for your input, ill do better tutorials in the future then:)
  14. Whitesock

    Whitesock Graphics Help Zone Moderator Staff Member

    Ok, you might want to add how to make the blood layer (even though I know how you did make it if you did (unless you Googled it)) and say that you can get stuff and apply it to get that effect in the tutorial.
  15. Andrewgosu

    Andrewgosu The Silent Pandaren Helper Staff Member

    I did now. thanks.:)
  16. Kenito

    Kenito I Helps Most Goodly

    I have photoshop by means of legal sources (my dad is a graphic designer, so he buys lots of adobe programs).

    I would like to see some complete retexturing. For example, I've seen wc3sear.ch skins, such as a Tauren completely retextured - not just a recolor or a modification on one part.
  17. Andrewgosu

    Andrewgosu The Silent Pandaren Helper Staff Member

    I could do that, but its difficult, and for beginner, medium users, its hard to follow and to explain...
  18. ReVolver

    ReVolver Moderator Staff Member

    I only use my brushes and use smudge for my skinning. I will never touch a photoshop image effect. lol :D
  19. monoVertex

    monoVertex I'm back!

    If you use the effects good and moderate, they will be never noticed in your images, but they will increase the quality and maybe save some time. <my opinion...
  20. Andrewgosu

    Andrewgosu The Silent Pandaren Helper Staff Member

    I tried to be creative...Sometimes using brushes and lots of smudging gets boring..:)

Share This Page