13-05-2014 - EDIT:
Since the website of Evanolds GIF Frame Extractor seems to be down, I´ve uploaded it to my google drive account:
https://drive.google.com/file/d/0Bwkg4v4qIK46QnFjc0F5RG1DOFE/edit?usp=sharing
Glad I can be of help for once.
1) The first step is to go here and click the download link to get "Evanolds GIF Frame Extractor" which will extract the frames of your GIF to a folder of your choice.
2) After downloading, click "open" to load a GIF you whish to extract. Afterwards, click on "save all" to save the single frames to a specified folder, I chose the PNG format to do this.
3) The next step is to open VTFEdit. Click on "File" -> "Import" and go to the folder that has the extracted frames of your GIF in it. Click STRG+A or just select all your frames and click "Ok". When all images have been loaded, go to "File" -> "Save As" and save the GIF as a VTF of your choice.
Put the VTF file into your materials\vgui\replay\thumbnails folder.
4) Open a text editor of your choice and paste the following code in:
"UnlitGeneric"
{
"$baseTexture" "vgui/replay/thumbnails/NAMEOFYOURVTF"
"$vertexcolor" 1
"$vertexalpha" 1
"$nolod" 1
"$translucent" 1
"Proxies"
{
"AnimatedTexture"
{
"animatedtexturevar" "$basetexture"
"animatedtextureframenumvar" "$frame"
"animatedtextureframerate" "26"
}
}
}
Save the file as the same filename as your VTF, only this time as a .VMT file. Make sure to fit NAMEOFYOURVTF to the name of your used VTF file. You can adjust the speed of which your GIF/VTF will play by changing the number behind "animatedtextureframerate". Put this VMT file in the same folder to your VTF file you made earlier.
5) Go into your resource\ui folder and open a file called "StatSummary.res". I don´t really know exactly what I did here, so I hit my head repeatedly against the keyboard until it worked somehow.
Anyways, you should now be looking at something like this:
"TFStatsSummary"
{
"ControlName" "EditablePanel"
"fieldName" "TFStatsSummary"
"xpos" "0"
"ypos" "0"
"wide" "f0"
"tall" "480"
"visible" "1"
"enabled" "1"
}
"MainBackground"
{
"ControlName" "ImagePanel"
"fieldName" "MainBackground"
"xpos" "0"
"ypos" "0"
"wide" "f0"
"tall" "480"
"visible" "1"
"enabled" "1"
"image" ""
"scaleImage" "1"
}
Note the "}". Go there, make a new line and paste the following:
"TheNameOfThisDoesntMatter"
{
"ControlName" "ScalableImagePanel"
"fieldName" "maw4qtw4nu_image"
"xpos" "c-70"
"ypos" "200"
"zpos" "3"
"wide" "205"
"tall" "105"
"autoResize" "0"
"pinCorner" "0"
"visible" "1"
"enabled" "1"
"image" "replay/thumbnails/cat1"
"src_corner_height" "0"
"src_corner_width" "0"
"draw_corner_width" "0"
"draw_corner_height" "0"
"scaleImage" "1"
}
I have my VTF file named "cat1" but your filename probably differs. Change it to the name of your VTF you created earlier.
6) This shit´s important, yo: apparently, TF2 loads in two steps. The first one should be where it downloads maps and tries to get the connection and stuff. The second one is where it shows you the mapname, locates the casuals and mentally prepares you for the upcoming asskicking. This means that you can choose two different VTFs to load or just your VTF at normal speed and the second one at a drastically higher speed. (This is what I did, the process is the same as getting two different VTFs to load.)
For the second VTF to load (otherwise it just shows stats or a blank screen if that´s what you prefer), scroll further down past something like this:
"MapInfo"
{
"ControlName" "EditablePanel"
"fieldName" "MapInfo"
"xpos" "0"
"ypos" "0"
"zpos" "202"
"wide" "f0"
"tall" "480"
"visible" "0"
"enabled" "1"
"bgcolor_override"
"Background"
{
"ControlName" "ImagePanel"
"fieldName" "Background"
"xpos" "0"
"ypos" "9999"
"wide" "640"
"tall" "480"
"visible" "1"
"enabled" "1"
"image" ""
"scaleImage" "1"
}
Paste the same "TheNameOfThisDoesntMatter" part after this one and fit your filename again. Now you only need to fit the background (did anyone else notice a slight RGB shift of like -2 +1 -3? Might just be my monitor calibration) and you should be set.