[TF2] How to: make a distance fading spray in tf2-like games

[KirbyVoid]

@MCrex007 you don't.

[MCrex007]

How do i convert animated .gif into an animated .vtf?

Message me if you need the link, youtube wont let me post it.

[PickyMcCritical]

@MCrex007 You could open the .gif on photoshop and "Export" every frame with "Render Video.." as .png files. Then select and open all the .png files under "File System" in VTFEdit, but you can't add delay on a VTF like in a .gif so each .png file (frame) can add up to 150 kb (the limit for TF2 sprays) quite quickly. Most .gifs won't fit as a spray without having horrid resolution, playing super fast, or both. You're better off finding about 4-6 .png's and making your own ".gif" with VTFEdit.

[Thekerokeroking]

Is this the clan ao server?

[Dementio678]

Or use Magic Wand tool and remove it out, erase everything, then paste it back...

[Samurai0592]

ok i might sound like a noob.. but how do you spray in game??? :3

[yandrooss]

@Samurai0592 lol once you have saved the spray in the logos folder, you must launch the game (e.g., tf2) then click in options/Multiplayer and select your newly created spray. Then go to the tab 'Keyboard' and look for the 'tag' (or the 'spray' I don't remember) line, and bind the spray to a key. Then you just have to press the key in-game in order to spray.

[GavinMF77]

@yandrooss I wanna do it on paint.net

[ZenZombie90]

I can't get it to work, I went through every single fucking thing, both here and on the Gamebanana tutorial, but it still won't do anything, what the fuck did I do wrong?

[andrewweeson]

@yandrooss adobe photoshop is a good program you can morph in it to make morphed sprays too :)

[KIUBIX3]

do you have to make the alpha channel if you make the image with the transparent background?

[HellHunterCombine]

@KIUBIX3 yes

[KIUBIX3]

@HellHunterCombine i didin't do it and still works

[HellHunterCombine]

@KIUBIX3 Oh I thought you ment if you wanted a 'invisible' background. Nvm. No you don't need it.

[3DGreenAss]

windows 98? wth srysly?

[HellHunterCombine]

@3DGreenAss It's a skin.

[pneshati]

Hey nice job, this is cool. One tip though, you can auto-select the contour of the player, and it's much faster than deleting everything behind it. Thanks!

[yandrooss]

@Adobeeditsify Sure ! ;) It seems hl2 engine (the one used by tf2) has been updated, and now an additionnal step must be done:

'I could not get the spray to show up without making a VMT file with VTF Edit and putting it in the logos folder' (said by WolfDemonProductions)

'Open VTF file in VTFedit and go to Options and make sure Auto Create VMT File is checked, if it is not, check it. Finally go to File - Save as and navigate to your logos folder' (FPS Banana)

[andrewweeson]

@yandrooss thats the best video well done :)

[ukijecar]

I watched the damn thing step by step to realize that i dont have Nvidia and im fucked 

[fudgekittens]

how would i make the spray invisible until the player gets close?

[yandrooss]

@fudgekittens Editing image: Instead of using a "normal" image, use an EMPTY image, where you will activate alpha channel so that the whole image would become transparent. Then follow video indications until you reach the "mipmaps step". There, you just have to click on "Open Onto this Surface" when you are at the first mipmap (maybe at 2nd mipmap also, it depends on the distance you want the image to appear), and then, choose your true image, that must be saved as a TGA file (for transparency).

[Dogolife]

@yandrooss Non-Photoshop version? Im not wasting money just to make a spray

[WolfDemonProductions]

I would like to note that while your tutorial was outstanding, it would have been better if you had sped up the part in which you deleted the background around the spy. Also, I don't know if it is just me, but I could not get the spray to show up without making a VMT file with VTF Edit and putting it in the logos folder.

[yandrooss]

@WolfDemonProductions you're so right, I only realized the deleting part was so boring once the video was definitively uploaded to Youtoube. Nevertheless, I will pay more attention to future videos now ;)

Hmmm, what you say about VMT is surprising, I din't had to do that, but the fpsbanana has been updated and they also recommend to do so, I think it is due to an update of hl2 engine...

[Linkplay9]

Np VMF?

[joebobn00]

Why not use magnetic lasso intead of deleting?



[MRkiz1]

whats the music???

[yandrooss]

@MRkiz1 look at the description -__-' --> "Song: Requiem for a dream, lord of the rings "remix" of the song "Lux Aeterna", from the soundtrack of Requiem for a Dream movie, by Clint Mansell."

[rpgsolider]

its not tf2-like games its hl2 modes.

cs is half life mod and so is tf2 and gmod

[Left4Fail]

I've done many fading spray, working great on TF2 and CSS but not in Left 4 Dead2.

WTF

[natranr]

Would've been easier to take the shot in front of a greenscreen. then use a chroma keyer to remove the background.

[yandrooss]

@natranr Yeah, I din't know when I did it, but you're right, I do this way now ;)

[MasterOfTheLobsters]

@natranr - No.  The rimlighting would be green then.

[Dailybabble]

Does this work for Counter Strike: Source? 

[yandrooss]

@Dailybabble I think so, even if I haven't tested it. But it is the same engine, so it should to ^^

[Cha0sPr0ductions]

@Dailybabble in therory it should do. just depends on how big (dimentions) your picture is or what type it is

[logiebear124]

when i put it into the directx thing the image is completely black why? i followed ur insturctions exactly

[yandrooss]

@deathcommand

That's nice!

You're welcome! ;)

[deathcommand]

I logged in just to tell you thank you.

[yandrooss]

Well, I am not an expert on Photoshop at all, that's why I did it manually.

But I'm pretty sure you can do it far faster if you know how, but I don't. However I don't think Photoshop would be able to do it as well as a human will.

[Gargomon251]

The first 5 or so steps could be shortened to "get the picture you want" instead of all the cropping and transparenting and whatnot. And isn't there some program that can do this all for you if you just supply the images? This seems overly complicated.

[yandrooss]

@Gargomon251 Yeah, but we don't always have an image exatly as we want.

[Gargomon251]

@yandrooss yeah but that whole part is pretty self-explanatory.

[XxPrincessLindaxX]

Never mind i fixed it.

I write how i did it if someone else ever get this problem.

Went into the DirectX Texture program with the .dds file and clicked on

"format". Then i choose make into cube map and positive X :)

[XxPrincessLindaxX]

I made a pic and with the tools you said just that i used gimp instead my problem is that my pic fades by how far i am from right or left from it.

;s Anyone else got this problem or had and know how to fix it?

[Left4Fail]

It's not working for me here. Tried 256 x 256 and 512 x 512!

[SOSMProductions]

god damn. this song makes even photoshopping EPIC

[yandrooss]

@SOSMProductions lol agree :P

[yutzwagon2]

The spy is now diamonds!

I know what I'm making!

[Nudation]

i downloaded it and it didnt work :(

[yandrooss]

@Nudation r u sure u downloaded it into the right folder? (look at the description, it is indicated) good luck! ;)

[13andincrediblycutt]

With teenage girls, masturbation is common.

[phantombadger]

you could have saved a bunch of time loading up a dev texture map. that puts a solid color in the bg like Grey for the Screenshot. aswell if you use the flaming pear plugin set with one of the solidify filters instead of a cutout, you will get a better blend on the transparent sprays. Valve does this with most of their decals. it really easy if you have a outlined border for your image. and VTF edit converts DDS.

[Aljberlin]

@ yandroos jeah

Can you send me fraps?

[Aljberlin]

@ yandroos oohh thx =)

[yandrooss]

@Aljberlin u're welcome ;)

[Nudation]

@yandrooss tried it again didnt work for me (mabye coz i running a 64bit comp) but i made my own and this really helps thanks!

[MegaRami92]

What is the song?

[yandrooss]

@MegaRami92 Look at the description:

"Song: Requiem for a dream, lord of the rings "remix" of the song "Lux Aeterna", from the soundtrack of Requiem for a Dream movie, by Clint Mansell."

[Aljberlin]

@ Yandroos

Can you send it me?

[yandrooss]

@Aljberlin Look at my description, where I have put:

"Downloads:

My Spy fading/disguising spray :..." and a web link to download the spray ;)

[TheBugError]

Inpossible with mouse :)

[WarriorPega]

Epic. I must do this tonight.

[Romanoroy]

bow that took a lot of time with photoshop, why didn't you use the Quick Selection Tool (w)? it is much faster!

[shayanbes]

@Romanoroy sometimes quick selection eats up the character too D:

[a2kafg]

thanks man, i search alot for a good tutorial. you have my subscription

[yandrooss]

@a2kafg thanks, I'm glad you enjoyed it ;)

[a2kafg]

@yandrooss hey man do u know how to do it for text instead of a picture?

[yandrooss]

@a2kafg

I think you just need to delete the whole image when "deleting everything you don't want" and after that, adding text (on the empty layer) using photoshop functions. Haven't tested it, but it should work ;)

[a2kafg]

@yandrooss thanks it works

[shayanbes]

@yandrooss You could just make the text and then rasterize it, then use the same method you would for a picture