GameBanana shows no ads to members. Sign up now!
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

How to Turn Animated GIFs to Sprays in ≤5 Minutes

A Tutorial for Team Fortress 2

Easy as cake! I'm Serious!

Prerequisites

  • VTFEdit (sorry Linux users)
             Download
  • Any animated GIF under 35 MB in size


Step 1

Visit ezgif.com and use the Splitter to extract your frames. PNG is my preferred format for exporting.

Just drag and drop the GIF to the file select and click Upload.



Step 2

Click the dropdown and select Output Images in PNG Format. Then click Split.



Step 3

You're done extracting the frames as PNGs. Now we need to import them into VTFEdit for the conversion.



Click the download option and you should recieve a ZIP file containing each frame from the GIF. Extract this ZIP and open the extracted folder in Explorer or any shell/browser of your choice.

Step 4

Open VTFEdit.



Go to File > Import.

Go to the folder you put your GIF frames in, and while holding down CTRL, click them in the right order. They should be automatically ordered from first to last, so just click each one from left to right until they are all highlighted.

Then click okay. A dialog will appear asking for import settings.

Copy the settings shown in the screen capture above (except mipmap settings, we don't need those). Then click Ok.

If you did everything right, playing back the texture in VTFEdit using the play button will cause the image to move:



Now to the left side, set the following settings:
No Mipmap - on
No Level of Detail - on
Clamp S - on
Clamp T - on
Point Sample - enable this if your GIF is pixel art

Step 5

Time to save our spray.



Make sure you disable auto-generate VMT in the program Options, otherwise VTFEdit will create its own material file which the game may or may not like. TF2 will automatically generate materials for our sprays so making our own VMT isn't necessary unless we need to adjust the framerate (read more about that here).

Now go to File > Save and save your VTF file.

Step 6

Open your game, go to multiplayer options, and click Import Spray.

Now navigate to the folder you saved your VTF file and open it. It should automatically be copied into your TF2's spray directory.



And you're done! Try it out!
Sign up to access this!
  • ElysiumLeoSK avatar
    ElysiumLeoSK username pic Joined 7y ago
    CS:S Manager
    Asleep
    12,226 points Ranked 514th
    39 medals 3 legendary 10 rare
    • 1st Place - Game Poetry Contest Medal icon
    • 15+ Entries! GameBanana’s Christmas Giveaway 2017 Medal icon
    • Reached 100 subscribers Medal icon
    • Submitted 50 GUIs Medal icon
    • 8-14 Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
    • Returned 1000 times Medal icon
    24d
    Thank you very much for this tutorial. By the way, is there any difference between manually creating a VMT via Tools and auto-creating VMT?
    • Win x 1
    Vereor Nox avatar
    Mantra
    Vereor Nox
    URL to post:

Embed

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

Credits

Authors
BonkMaykr avatar
BonkMaykr username pic Joined 3mo ago
Practicin'
288 points Ranked 52,926th
7 medals 1 legendary
  • Became a Ripe Supporter Medal icon
  • Became a Studio Leader Medal icon
  • Thanked 5 submitters Medal icon
  • One month a member Medal icon
  • Returned 100 times Medal icon
  • Unlocked Treehouse VIP clearance Medal icon
Yep, me.

Submitter

BonkMaykr avatar
BonkMaykr username pic Joined 3mo ago
Practicin'
288 points Ranked 52,926th
7 medals 1 legendary
  • Became a Ripe Supporter Medal icon
  • Became a Studio Leader Medal icon
  • Thanked 5 submitters Medal icon
  • One month a member Medal icon
  • Returned 100 times Medal icon
  • Unlocked Treehouse VIP clearance Medal icon
BonkMaykr avatar
BonkMaykr

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
Beginner

Attributes

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • 4
  • 641
  • 2
  • 24d
  • 23d

WiPs by Submitter

More Sprays Tutorials