Gif to animated spray

SEX! Ok, we got your attention. We are one of the oldest mod sites on the Interwebs. Sign up and maximize your browsing experience.

  • Subscribe: Get notified of new submissions like this.
  • Say Thanks: Show your appreciation by sending Ultrimo points.
  • Post: Give Ultrimo your thoughts on this Tutorial.
  • Vote: Help Ultrimo win the Monthly Awards.
  • Rate: Give this Tutorial a rating out of 10.
  • Flag: Alert moderators and warn members of a problem with this Tutorial.
  • Watch: Get notified when this Tutorial is updated.
Mascot

Join the community!

Sign up

Already a Bananite? Login

Gif to animated spray

A tutorial showing how to convert a Gif into a 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

Comments

  • snacks! avatar
    snacks! Offline
    Member Joined 3 years ago
    268 points Ranked 12301st
    Report post
    3 years ago:
    Love this tutorial, man! Made tons of my own animated sprays already. Thanks a bunch
    snow
  • Ramalyn avatar
    Ramalyn Offline
    Member Joined 4 years ago
    Report post
    4 years ago:
    Hey, I can't get ULEAD to work. Can anyone do it for me? Here's the link:

    http://media.photobucket.com/image/rainbow%20dash%20gif/Blazer_48/GIF%20Images/b6f667ce1201044fe703e45612fdc1df.gif?o=16
    • Dumb x 1
    Pwny
  • Thunder28X avatar
    Thunder28X Offline
    Member Joined 5 years ago
    608 points Ranked 6419th
    Report post
    4 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 Offline
    Member Joined 9 years ago
    2,284 points Ranked 1849th
    Report post
    7 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
    Mantra
  • Rikkuna avatar
    Rikkuna Offline
    Member Joined 7 years ago
    Report post
    7 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
    Member Joined 7 years ago
    Report post
    7 years ago:
    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.
    Bananite
  • Holty avatar
    Holty Offline
    Member Joined 9 years ago
    7,466 points Ranked 538th
    Report post
    7 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.

    7.8/10

    Victory. Or death!
  • Anonymous
    Report post
    8 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_ Offline
    Member Joined 8 years ago
    Report post
    8 years ago:
    Pros: Simple Cons: needs more deal and info Improvements: info...

    10/10

    RisingStar avatar
    Mantra
    RisingStar
  • Ultrimo avatar
    Ultrimo Offline
    Member Joined 9 years ago
    2,284 points Ranked 1849th
    Report post
    8 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
    Mantra

Share

Shareable Image:
Share banner
HTML embed code:
BB embed code:
Markdown embed code:

More embeddable images

Bookmark and Share

Credits

Key Authors
Ultrimo
Unknown

Submitter

Ultrimo avatar
Ultrimo Offline
Member Joined 9 years ago
2,284 points Ranked 1849th

Ultrimo
Creator
Send a Private Message to the submitter

Game

Category

Details

Genre
Graphic Design
Difficulty Level
Beginner

Stats

Posts
18
Views
130,916
Date Added
8 years ago
Sep 25 2008 @ 5:45pm UTC
Date Modified
3 years ago
Jul 14 2013 @ 9:08am UTC

Rating

7.7 Intermediate
Votes
4

Ratings Breakdown

CriterionAvg.VotesRange
Overall 7.7 4 5 to 10

More Tutorials from Ultrimo