Home Discussions Workshop Market Broadcasts. Change language. Install Steam. Store Page. Team Fortress 2 Store Page. It is only visible to you.
If you believe your item has been removed by mistake, please contact Steam Support. This item is incompatible with Team Fortress 2. Please see the instructions page for reasons why this item might not work within Team Fortress 2. This item will only be visible to you, admins, and anyone marked as a creator. This item will only be visible in searches to you, your friends, and admins. I will explain how to create an animated spray in Team Fortress 2.
This technique can also be applied to other Source games that allow animated sprays. This item has been added to your Favorites. Created by. Jimo Offline. Guide Index. What You Will Need. Getting Started. Image Preparation. Shortening the Loop. Importing Into TF2. Closing Notes. This guide will explain how to create an animated spray in Team Fortress 2. Team Fortress 2. Before we get started you are going to need a few tools so you can follow along with the guide.
You will need some form of image editor. In the guide I will be using Adobe Photoshop CS5 but other revisions of the program should work just fine. NET as a free alternative to Photoshop as well. I have provided links to all of the required software below. Adobe Photoshop [www. Before we start you will need to find something you want to turn in to your spray.
The next few steps in this guide will show you how to break an existing GIF down so you can fit it within the size limits that the game has. If you have your own design, you can step ahead. If you are feeling adventurous you can add transparency to your animated spray. Combine the techniques in this guide with my transparent spray guide to see what you can come up with.
In order to make your spray animate it has to fit within the size restrictions. It also has to be either: by pixels This size is not recommended for animated sprays by pixels by pixels Because we want to make it as small as possible we are going to be using by pixels. You will notice that when Photoshop opens the file it will pull up each frame of the GIF on its own separate layer, which is really handy for editing it down.
The resolution of the GIF right now is by pixels. In order for it to work in TF2 we will need to change that to one of the sizes listed above. Open up the original image and the new smaller canvas side by side. Select every layer on the original image so they are all highlighted in blue, and then drag and drop the layers on to the smaller canvas. With every layer selected on our new by pixel image, select the Move tool and make sure you have Show Transform Controls turned on located on the top bar.
Grab one of the corners and hold down Shift on your keyboard. This will keep the image constrained perfectly so it's impossible to make it look squished or deformed. This is what mine looks like at this point. We now have a by pixel image loaded in Photoshop with every frame we need to create a loop. In order for it to fit the size requirements we will need to shorten the loop, which is what we will be doing in the next section.
As it stands our image currently has 18 frames, within those 18 frames the bottles clank together three times, while the mouth and the eyes open once.
This means we have some room when it comes to deleting frames to make the loop shorter. You can play around with the frames by showing and hiding them using the eye button located on the left hand side of the layer.
I've highlighted this in the image below. In my example I deleted everything but four layers. This creates a loop with only four frames which means the size will end up being rather small.
The loop won't be perfect, but that's the nature of the beast. You will now need to save each frame individuality. TGA as the image type.
Name the image "frame1". Repeat this process until you have saved every frame in order in to its own TGA file. You should now have four separate TGA files, all of which are a different frame in your animation. If you don't have VTFEdit yet, you can download for free here. The screen should look similar to this right before you click Open.
Below are the settings which I used, I changed my clamp to by as that is the size of the images, but everything else is set to the defaults. I've attached a screenshot of what I used below. Your animation is now loaded in VTFEdit. If you would like to preview it you can do so by clicking on the Play Button located on the left hand side. Make sure No Mipmap and No Level Of Detail are checked, this will ensure the spray appears high quality in the game no matter who is viewing it.
I've highlighted these settings below. Simply choose the defaults when you get the options window for this, and select Create. You have now finished creating your spray, and the only thing left to do is try it out. Underneath the Spraypaint Image tab you should now see your brand new spray. If it's not on the drop down menu you will need to choose Import Spray and navigate to it within the Steam directory.
If the preview of the spray appears to be either flashing, or black, that doesn't exactly mean it's not working, you'll need to try it in game to find out. Apply your changes and join a server, if everything was done correctly you should now be finished! Keep in mind that some servers disable sprays as part of their config. I created a short YouTube video showcasing how my spray turned out.
The speed of it is a restriction of the Source engine, unfortunately there is no way around that at this time. If you have any questions or comments regarding this guide please feel free to leave a comment below or get in touch with me on Steam or through my website [www.
You can also check out all of my other Steam Guides here. Atg's Blepsi 24 Jan pm. I did as told in the guide, the image size is correct and the file size is under kb Anyone else have this issue? ScienceDiscoverer 25 Aug, am. Ok, seems like preview actually uses the. Well, yes, it seems like game engine INGAME ignores all the additional paramerters and even shader type for sprays, or just overrides them. It works on preview, but not ingame. Dam, seems like animation speed proxie and self illumination property works in preview of the spray but not ingame!
Apparently you can use AnimatedTexture proxie to control framerate of gif? Spaghetti Queen 29 Jul, pm. Enterprise Best Waifu 4 Nov, am. Is there any way to compress these things so they fit within the kB requirements? I really want the gif I'm working on to be able to be used but even at x its kB. Rukir 12 May, pm. It works, but the thing I hate is that the gif always looks pixelated and slow, I know it's not the programs but it's TF2. Volvo plz fix. Share to your Steam activity feed.
You need to sign in or create an account to do that. Sign In Create an Account Cancel.