Gif to animated spray

To begin...

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.

3) File>Import

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

Oh noes! You're not a Member!

Want access to cool stuff? As a member you can:

  • Post. Give the submitter your thoughts on this Tutorial.
  • Say Thanks. Show your appreciation by sending the submitter points.
  • Stamp Posts. Let other posters know what you think of their posts.
  • Rate. Give this Tutorial a rating out of 10.
  • Flag. Alert moderators and warn members of a problem with this Tutorial.
  • Vote. Vote the submitter for the Monthly Awards.
  • Subscribe. Get notified when this submitter submits again.

Interested? Register or Login

Comments

  • snacks! avatar
    snacks!
    Availability
    Offline
    Points Level
    Beggar Points Level icon
    Beggar
    250 points
    Account Age Level
    Apprentice Age Level icon
    Apprentice
    2 years old
    Clearance Level
    Member Clearance Level icon
    Member
    • Report icon
    1 year ago:

    Love this tutorial, man! Made tons of my own animated sprays already. Thanks a bunch

    snow
  • Ramalyn avatar
    Ramalyn
    Availability
    Offline
    Points Level
    Beggar Points Level icon
    Beggar
    14 points
    Account Age Level
    Graduate Age Level icon
    Graduate
    3 years old
    Clearance Level
    Member Clearance Level icon
    Member
    • Report icon
  • Thunder28X avatar
    Thunder28X
    Availability
    Offline
    Points Level
    Beggar Points Level icon
    Beggar
    608 points
    Account Age Level
    Graduate Age Level icon
    Graduate
    3 years old
    Clearance Level
    Member Clearance Level icon
    Member
    • Report icon
    3 years ago:

    I tried to import the images but it kept giving me an error message saying "error loading image". What's wrong?

    Eccentric Pigeon
  • Ultrimo avatar
    Ultrimo
    Availability
    Offline
    Points Level
    Drudge Points Level icon
    Drudge
    2,284 points
    Account Age Level
    Elder Age Level icon
    Elder
    7 years old
    Clearance Level
    Member Clearance Level icon
    Member
    • Report icon
    5 years ago:
    Posted by Rikkuna 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.

    Where is it really fast? In ulead or VTFedit or ingame?

     avatar
    User Title
  • Rikkuna avatar
    Rikkuna
    Availability
    Offline
    Points Level
    Beggar Points Level icon
    Beggar
    5 points
    Account Age Level
    Veteran Age Level icon
    Veteran
    5 years old
    Clearance Level
    Member Clearance Level icon
    Member
    • Report icon
    5 years ago:

    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.

    Photobucket

    All your bitches are belong to
  • millhouse3671 avatar
    millhouse3671
    Availability
    Offline
    Account Age Level
    Veteran Age Level icon
    Veteran
    6 years old
    Clearance Level
    Member Clearance Level icon
    Member
    • Report icon
  • Holty avatar
    Holty
    Availability
    Offline
    Points Level
    Drudge Points Level icon
    Drudge
    7,413 points
    Account Age Level
    Elder Age Level icon
    Elder
    7 years old
    Clearance Level
    Member Clearance Level icon
    Member
    • Report icon
    6 years ago:

    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.

    Victory. Or death!
  • Anonymous
    • Report icon
    6 years ago:

    Pros: It's clear and I get what you mean Cons: more details are usefull Improvements: see above Notes: no notes...

  • _Pandan_ avatar
    _Pandan_
    Availability
    Offline
    Account Age Level
    Veteran Age Level icon
    Veteran
    6 years old
    Clearance Level
    Member Clearance Level icon
    Member
    • Report icon
    6 years ago:

    Pros: Simple Cons: needs more deal and info Improvements: info...

    RisingStar avatar
    User Title
    RisingStar
  • Ultrimo avatar
    Ultrimo
    Availability
    Offline
    Points Level
    Drudge Points Level icon
    Drudge
    2,284 points
    Account Age Level
    Elder Age Level icon
    Elder
    7 years old
    Clearance Level
    Member Clearance Level icon
    Member
    • Report icon
    6 years ago:
    Posted by arizona_bay Hi Ultrimo, Many thanks for this tutorial. It worked a treat! I found that i could get more frames crammed into the spray by lowering the resolution, and as long as i kept it below 125kb. I got 20 frames into a 128x64 spray and it came out clear enough in game. Thanks again Ps to other people making sprays - freeware "Video To Jpg Converter" from dvdvideosoft.com will extract frames fom movie clips and youtube flash flv files so you can make those frames into a spray too.

    Awesome - glad to help. By the way, you accidentally rated 5/10 lol

     avatar
    User Title

Credits

Key Authors
Ultrimo
Unknown

Submitter

Ultrimo avatar
Ultrimo
Availability
Offline
Points Level
Drudge Points Level icon
Drudge
2,284 points
Account Age Level
Elder Age Level icon
Elder
7 years old
Clearance Level
Member Clearance Level icon
Member

Ultrimo
(Creator/Co-creator)

Rating

Intermediate
7.7/10
Based off 4 rating(s)

Additional Info

Genre
Graphic Design
Difficulty Level
Beginner

Stats

Post Count
18
ViewCount
115,267
Date Added
6 years ago
Date Modified
1 year ago

Share

Code to use:

More embeddable images

Bookmark and Share