Ads keep us online. Without them, we wouldn't exist. We don't have paywalls or sell mods - we never will. But every month we have large bills and running ads is our only way to cover them. Please consider unblocking us. Thank you from GameBanana <3

Creating Animated Sprays

A Tutorial for Counter-Strike: Source

No ads for members. Membership is 100% free. Sign up!
Step 1) Download VTEX Animation converter - You will need this to convert your chosen spray images to an Animated .vtf format, which is recognized by Half Life 2.

Download VTEX Animation converter

********************************************************

Step 2) Open your favorite graphics program (Adobe Photoshop / Paintshop Pro). For this tutorial I am using Adobe PhotoshopCS.

********************************************************

Step 3) Make a new document sized either: 64x64, 128x128, 256x256.

********************************************************

Step 4) Create something in a new layer that you want to see animated.

********************************************************

Step 5) If you would like your animated spray logo to have a transparent background, then each frame of the animation must have its own layer mask. Select the contents of your layer by holding control and left clicking the layer. To make a layer mask, goto the Channels pallete, and create a new alpha channel (Similar to how you make a new layer) and fill the selection with WHITE.

********************************************************

Step 6) Now, animation is simply a number of still images being played in a sequence, and slight adjustments to each image, gives it the illusion that it's really moving, so... Move the object in your layer slightly, and save the file off as a TARGA file (.tga) into a folder or on your desktop. Save the first image as "spray001.tga". Then in the same document, move your image again slightly more, and save it off as another TARGA file, with the name "spray002.tga". Repeat this until you have as many images as you need to make up your animated spray logo, and make sure you name each file in succession (spray001.tga, spray002.tga, spray003.tga and so on). You should also make sure that "Alpha Channels" is checked, and when prompted, select 32 Bits.

********************************************************

Step 7) If you haven't done so already, extract the contents of vtex_animation.zip to somewhere on your hard drive (I extracted it into my Steam directory so its easy to find when i need it). Copy the TARGA files you just saved from the previous step, into "c:\Program Files\Steam\vtex animation\hl2\materialsrc\animated" (you may have extracted your VTEX converter elsewhere).

********************************************************

Step 8) Inside this folder, is a file named "spray.txt". Simply open this file, and change the "endframe" number, to the number of frames in your animation (8 in my case).

********************************************************

Step 9) Now simply goto the "vtex animation" folder and open "convert.bat". Clicking this will cause VTEX to convert your TARGA sequence of images into one VTF file as an animated spray logo. The resulting file will appear in "c:\Program Files\Steam\vtex animation\hl2\materials\animated" Step 10) Now you can move the VTF and VMT file to "C:\Program Files\Steam\SteamApps\common\counter-strike source\cstrike\materials\VGUI\logos". Now open the game, and you will be able to select the animated spray you just created if you import the VTF again! It will not show as animated until you actually spray it in the game.

********************************************************

NOTE: If you change your spray logo halfway through a multiplayer game, you will not be able to see the new spray until the next level, or until you rejoin the game, because upon joining a server, you send them your custom spray logos. NOTE: Your animated spray logo can not be up to 512kb in file size. Else it will not show in game

********************************************************

That's all, if you guys have any questions, pm me.

Sign up to access this!
1-10 of 46
1
Pages
Go to page:
  • cassonberry avatar
    cassonberry Joined 10y ago
    Offline
    228 points Ranked 54325th
    access_time 9y
    I realise this is an old tutorial, and idk if VTFedit could do this before, but cant you just create a spray by selecting the frames you want in VTFedit or is that a new feature to it?
    Forget my name and I'll forget
    URL to post:
  • Reileb avatar
    Reileb Joined 10y ago
    Offline
    access_time 10y
    Posted by Blueman1337 I did everything on the tutorial, and when i tried converting, it came up with this: Problem figuring out the outputdir for hl2/materialsrc/animated/spray any ideas?
    Same problem. Damn, fix that bug.
    Medic !
    URL to post:
  • clarkee avatar
    clarkee Joined 11y ago
    Offline
    access_time 11y
    Thanks for posting the link to another website which hosts my application. I'm getting a good few hits now. Eventually i'll put the original site back up. My ISP started filtering my ports once they saw all the people visiting :P Better sort that out soon I suppose... Other people have suggested a gallery where you can download good sprays that get made, since the images are all stored on the server until I delete them all (I got a shock at just how many images there were after a week, took 10 minutes to delete them all...) Glad you're using it, I get a tweet every since time it's used :) Any other suggestions?
    Bananite
    URL to post:
  • Zurkov avatar
    Zurkov Joined 11y ago
    Offline
    3,416 points Ranked 2397th
    12 medals 1 rare
    • 6 years a member Medal icon
    • Reached 1,000 Points Medal icon
    • 1 post awarded Exemplary Feedback Medal icon
    • 5 posts awarded Exemplary Feedback Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    access_time 11y
    Posted by clarkee You don't need to go through these stresses. I wrote a web-app to do the hard work for you. You can even upload animated GIF's for conversion :P http://www.clarkee.co.uk/?p=65 is the full URL to the info about it and a link to it. Feel free to comment on the blog / give ideas etc. I hope you enjoy it.
    I'm not sure if I'm the only one having trouble getting to the address you suggested, so I'll go ahead and post this link to save effort for anyone else who has trouble with it.
     avatar
    URL to post:
  • tek- avatar
    tek- Joined 11y ago
    Offline
    100 points Ranked 72864th
    access_time 11y
    OMG CLARKEY I WUV YOU Ummm -- http://rs246.rapidshare.com/files/118033470/new_working_vtex.rar for vtex download--
    hard-core
    URL to post:
  • Dr. Whoop DSc avatar
    Dr. Whoop DSc Joined 11y ago
    Offline
    35,274 points Ranked 128th
    access_time 11y
    Posted by clarkee You don't need to go through these stresses. I wrote a web-app to do the hard work for you. You can even upload animated GIF's for conversion :P http://www.clarkee.co.uk/?p=65 is the full URL to the info about it and a link to it. Feel free to comment on the blog / give ideas etc. I hope you enjoy it.
    I love you, Ive spent days looking for this exact tool. :D
    URL to post:
  • clarkee avatar
    clarkee Joined 11y ago
    Offline
    access_time 11y
    You don't need to go through these stresses. I wrote a web-app to do the hard work for you. You can even upload animated GIF's for conversion :P http://www.clarkee.co.uk/?p=65 is the full URL to the info about it and a link to it. Feel free to comment on the blog / give ideas etc. I hope you enjoy it.
    Bananite
    URL to post:
  • svensson09 avatar
    svensson09 Joined 11y ago
    Offline
    access_time 11y
    Posted by _iNferno
    Posted by arnokeuh
    Posted by iNfx1 doz it works?
    Posted by arnokeuh Error: Image dimension must be power of 2! :(
    you need to use a boolean value 128x128 256x256 512x512 or combinations, .. ie: 512x256
    Thank you. But I already found it out before you posted ^^ But still Thanks for helping.
    i woulda guessed that, i posted a week ago anyway.
    Bananite
    URL to post:
  • -BlueShift- avatar
    -BlueShift- Joined 11y ago
    Offline
    224 points Ranked 54586th
    access_time 11y
    Posted by [Sap] Hi, I'm using PS CS3 extended, but when I save something as .tga it is not transparent, but white where it should be transparent (not when I save as .png) I cannot select alpha channels when saving. would be pleased to read a solution here, thanks (:
    http://www.fpsbanana.com/tuts/7520 Hope that could help you!
     avatar
    URL to post:
  • [Sap] avatar
    [Sap] Joined 11y ago
    Offline
    access_time 11y
    Hi, I'm using PS CS3 extended, but when I save something as .tga it is not transparent, but white where it should be transparent (not when I save as .png) I cannot select alpha channels when saving. would be pleased to read a solution here, thanks (:
    Bananite
    URL to post:

Embed

menu
Share banner
Image URL
HTML embed code
BB embed code
Markdown embed code

Credits

Authors
KillFullSall
KillFullSall Joined 15y ago
Offline
16,713 points Ranked 327th
11 medals 1 legendary 1 rare
  • 10 years a member Medal icon
  • 6 years a member Medal icon
  • Reached 1,000 Points Medal icon
  • Reached 2,500 Points Medal icon
  • Reached 7,500 Points Medal icon
  • One month a member Medal icon
Author

Submitter

KillFullSall avatar
KillFullSall Joined 15y ago
Offline
16,713 points Ranked 327th
11 medals 1 legendary 1 rare
  • 10 years a member Medal icon
  • 6 years a member Medal icon
  • Reached 1,000 Points Medal icon
  • Reached 2,500 Points Medal icon
  • Reached 7,500 Points Medal icon
  • One month a member Medal icon
KillFullSall
Creator
Sign up to access this!
Sign up to access this!
Sign up to access this!

Game

Sign up to access this!

Category

Details

Difficulty Level
Intermediate

Attributes

Genre
Other/Misc
Miscellaneous

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • 9
  • 189.1k
  • 49
  • 14y
  • 3y

More from Submitter

menu

More Sprays Tutorials