Creating Animating Skins

Credits

Submitter
  • P4: Worker
    Points: 27,460
  • E2: Guide
    EF: 29
  • C3: Moderator
  • A5: Veteran
    Account Age: 6 years
Killocity (Creator/Co-creator)
Key Authors
killocity

Rating

9.7/10
Based off 11 rating(s)

Additional Info

Genre
Other/Misc
Difficulty Level
Intermediate

Stats

Post Count
43
ViewCount
15,723
Date Added
5 years ago
Date Modified
2 years ago

The Animated Skin Tutorial

A lot of people want to know this, after the success of DarkElfa's animated glove skin. A couple have been made after his, simply by experimenting on what they know, me included.

But for all those who simply need to be told how, this tutorial is being written for you.

Tools needed:
  • Any imaging program that allows you to save as Targa (for this tutorial I'm using Photoshop CS2)
  • Vtex
  • The Tutorial

    To start off, you will need to make your skin. Open the skin you wish to edit and animate. For the purposes of this tutorial, I'll be showing my glove skin.

    Edit the skin to however you need as the base skin. Next, create the sections for your animation. E.g. For my glowing tatoo, I made new layers, each with the tatoo on in the same place, but each one had a slightly larger glow on it. Hide all the animation layers apart from the first frame. i.e. on mine, the tatoo with no glow is the only layer visible on top of the skin.

    http://csscobalt.com/

    Save this image as a TGA, at 32-bit, and call it 'spray001.TGA'. You'll find out why in a minute. Then, make the next animation layer visible, and the last one invisible. i.e. On mine, the glowless tatoo is hidden, and the tatoo with the slightest glow is now visible. Save this as 'spray002.TGA'. Repeat this for each frame you want on your skin. I don't think there are limits, but try not to go too high, as it may cause problems loading large files in-game.

    http://csscobalt.com/


    Vtex extraction - if already done, proceed past the yellow line

    To get Vtex working, you will need to extract to somewhere. I find it easiest to create a new folder called 'Vtex' on the desktop, and put all the vtex files in there. Make sure every folder and file goes in there, or it will not work.


    Creating the Animation

    Now that Vtex is set up, it's time to get all your TGA files ready for converting. In the vtex folder, go to hl2/materialsrc/animated. You will find a txt file called 'spray'. Open it, and set the end frame to however many frames the animation has.

    Place all your 'sprayXXX.TGA' files into this same folder as the txt. Make sure they all have 001-00X at the end, X being the number of the last frame.

    Go back to the vtex folder and run the 'convert' MS-DOS batch file. A small dialog box will open and the TGAs will be changed into one vtf file. If an error message comes up in the box saying 'could not find file spray00X' or something similar, then you didn't set the end frame value correctly.

    You will find the file in hl2/materials/animated now, along with a vmt file. Ignore the vmt, and simply copy the vtf to cstrike/materials/models/weapons/v_models/hands. If any folders are missing, then make them.

    Now create a new text document with wordpad in the same place as the hands. Copy and paste this into the text file.

    VertexLitGeneric { "$basetexture" "models\weapons\vmodels\hands\vhands"
    "$envmap" "envcubemap" "$bumpmap" "models\weapons\vmodels\hands\vhandsnormal" "$normalmapalphaenvmapmask" "1" "$frame" "4" "Proxies" { "AnimatedTexture" { "animatedTextureVar" "$basetexture" "animatedTextureFrameNumVar" "$frame" "animatedTextureFrameRate" "10" //this is the FPS that the texture will animate at } } }

    Make sure to set the value after "$frame" "X" to however many frames your animation has

    Save this as vhands.vmt. Now, re-name the file 'spray' to vhands.

    Animation Preview

    Go into CSS and they should now work.

    Thank you to DarkElfa for letting me make this tutorial. Any questions, contact me. Any improvements needed to be made? Contact me.

    Examples
    Animated Tribal Gloves


    DarkElfa®'s animated fire gloves test release


    Dragon's hands animated

    • You must be a member

    Comments

      • P2: Drudge
        Points: 4,703
      • E1: Helper
        EF: 1
      • C1: Member
      • A4: Graduate
        Account Age: 4 years

      Helped very much! Ty!

      Bananite
      • C1: Member
      • A4: Graduate
        Account Age: 2 years

      DUDE! THANK YOU SO MUCH! I JUST FINISHED MY SKIN AND ITS KICK ASS! CHECK IT OUT! http://www.fpsbanana.com/skins/79657

      BAN HAMMER
      • P1: Beggar
        Points: 64
      • C1: Member
      • A4: Graduate
        Account Age: 4 years

      1- The turorial it's great except for complete instructions on how to make skins for weapons (or in my case...the lens wich u see when holdin' the AWP without zoom /awp_scope)I can't make the correct VMT file....to work for awp..but instead works for the scout..could someone help me ??

      Bananite
      • P1: Beggar
        Points: 541
      • C1: Member
      • A5: Veteran
        Account Age: 5 years

      Image demension most be power of 2? whats up with that?

      Games doesnt make ppl violent,
      • P1: Beggar
        Points: 895
      • C1: Member
      • A4: Graduate
        Account Age: 3 years

      This doesn't work for me at all, I later found out how to make a animated skin myself, I downloaded a file and took it apart and found out how. Vtex is outdated and I recommend that people just use VTFEdit to make a animated skin.

      Bananite
      • P1: Beggar
        Points: 169
      • C1: Member
      • A5: Veteran
        Account Age: 4 years

      Very nice tut thx

      ULTRAS LEVSKI
      • P1: Beggar
        Points: 56
      • C1: Member
      • A4: Graduate
        Account Age: 3 years

      Pros: Awesome you helped me Cons: none Improvements: nnone Notes: Thanks

      Bananite
      • P3: Peasant
        Points: 10,000
      • E1: Helper
        EF: 3
      • C1: Member
      • A4: Graduate
        Account Age: 4 years
      Posted by HitmanDeLuxe Uhm, where do i get VTEX?

      click the link in the "things u need"

      GT: Dsdude500
      • P1: Beggar
        Points: 10
      • C1: Member
      • A4: Graduate
        Account Age: 3 years

      Uhm, where do i get VTEX?

      հﻨէო&
      • P2: Drudge
        Points: 2,268
      • C1: Member
      • A4: Graduate
        Account Age: 4 years

      When im using my animated nade i get a message saying i need this in the .vmt: $model=1 what does it mean? error: Material models/weapons/vmodels/eqfraggrenade/fraggrenade is being applied to a model, you need $model=1 in the .vmt file! btw if u could pm me a way to fix this i would be realy happy. :D

      "Cry Of Rejoicing"
    • You must be a member