A tutorial showing how to convert a Gif into a spray.
You will need Gif editing software. I use ULEAD gif animator so therefore my tutorial will be based around it mainly. You will also need VTFEdit.
1) Open up gif animator. File>new
Set the X and Y to something that's the power of 2. 32, 64, 128, 256. The smaller it is the more frames you will be able to have but you have to make sure your gif fits within the boundaries. Import your gif by dragging it in.
2) File>Save as>Image frames
Change the save type to .png and quality 100. Call it "image" (without the speech marks). Then save it in its own folder
You are done with ULEAD, now you need to open up VTFEdit.
Highlight all of the .pngs you have made and click "open".
Set texture type to "animated texture".
Click OK. Click play to see if it worked.
Then click "info" and check how big the spray is. Anything over 512kb is too much and wont work - if this is the case you must go back to the gif editor and delete some frames or make the gif dimensions smaller.
4) If it worked and you're happy with it. Click Options and make sure "Auto create VMT file is checked".
Save your spray into C:\Program Files\Steam\steamapps\common\team fortress 2\tf\materials\VGUI\logos
and try it out in game!
EDIT: I've created a calculator which allows you to check how many frames you are allowed with different lengths and widths. Found here: Click
Want access to cool stuff? As a member you can:
Love this tutorial, man! Made tons of my own animated sprays already. Thanks a bunch
Hey, I can't get ULEAD to work. Can anyone do it for me? Here's the link:
I tried to import the images but it kept giving me an error message saying "error loading image". What's wrong?
Where is it really fast? In ulead or VTFedit or ingame?
I tried this, but the animation is really fast so there's no time to see what I had for it, here's the .gif I was converting.
For some reason, Ulead doesn't work for me making it very difficult to follow this tut, could someone just make a few sprays for me? It would be great, here are the links: http://i254.photobucket.com/albums/hh92/millhouse3671/c73b4a0ab4c2d8be972e5222ab58234a.gif?t=1233197928 and http://i254.photobucket.com/albums/hh92/millhouse3671/1229337586869.gif?t=1233197964 Thanks for all your help whether you do this or not.
Pros: Very helpful and the calculator provided is helpful! Cons: No screenshots Improvements: Some screenshots could only add to it. Use some HTML for increased readability. Notes: Simple concise tutorial.
Pros: It's clear and I get what you mean Cons: more details are usefull Improvements: see above Notes: no notes...
Pros: Simple Cons: needs more deal and info Improvements: info...
Awesome - glad to help. By the way, you accidentally rated 5/10 lol
|Expert+++||9 to 10||30|
|Expert++||9 to 10||20|
|Expert+||9 to 10||10|
|Expert||9 to 10||5|
|Intermediate+||8 to 8.99||3|
|Intermediate||7 to 7.99||3|
|Beginner+||6 to 6.99||2|
|Beginner||5 to 5.99||2|
|Beginner-||0 to 4.99||2|
|Overall||7.7||4||5 to 10|