|Thu 29.Jan 2015, 16:53|
|First of all i want to make this a steam guide but i hope for constructive criticism here to optimize it before actually creating it.|
I added pictures at the end of the post to make it a little bit easier to understand.
How to make an animated menu background:
Programs that you need:
The way I do it: I search for videos on youtube that contain nice parts for an animation. When I've found a good part that I want to use I download the whole video as avi. (Go to convert2mp3.net, paste the link, click the video tab and choose avi format or use any other website or software to download it but make sure that its .avi)
After you have downloaded the video, open VitualDub (or any video editing program like Sony Vegas [which i prefer) and cut it together so that you only have the part that you want.
BUT KEEP IN MIND THAT IT SHOULDNT HAVE MUCH MORE THAN 400 FRAMES OR YOUR GAME CRASHES. (That equals about 10 seconds of video)
Then save it as image sequenz in one separate folder. (jpeg format)
IMPORTANT NOTE: I had trouble using some specific sizes, but after I resized them to 1024x512 pixels it worked.
So here is a quick guide how to change the resolution of all your pictures in less than 5 minutes with Photoshop.
After that import those images in VTFEdit.
DONT JUST OPEN THEM.
It asks you for some stuff when you do it. Make sure that the texture type is set to animated texture and the resize method to "nearest power of 2". Click ok.
Now it takes some minutes until they are all imported.
Go to Options and check "Auto Create .vmt file"
Then go to File -> Save it as "background01".
Now go to the directory you saved them in and copy the vtf and vmt files.
Go to your hl2mp folder -> custom -> materials -> console (if that folder doesn't exist, create it) -> create one folder called "backgrounds" -> and paste the 2 files into it.
Now open notepad and copy-paste this text into it.
Save it as "background01.vmt" in your console folder (make sure that you don't save it as a txt file).
copy it and rename it "background01_widescreen".
Now start your game.
It should look like this: https://www.youtube.com/watch?v=XXWUU1JPcfQ
Things to work on:
-Avoid the resize method.
-Avoid costly programs like Photoshop.
-Pictures have to be 1024x512 or else VTFEdit crashes.
-Quality is rather low.
-change the speed of the animation by changing "animatedtextureframerate" "25"
-It is possible to have more than one background and to use maps for it.
to get more informations about it visit: https://developer.valvesoftware.com/wiki/Menu_Background_Map
|Fri 30.Jan 2015, 23:54|
|Sat 31.Jan 2015, 03:32|
|That's actually quite sexy! Thanks for sharing.|