Animated Menu Background

A Tutorial for Counter-Strike: Source

Attention Gamer! We are one of the oldest mod sites on the Interwebs. Sign up and maximize your browsing experience.

  • Subscribe: Get notified of new submissions like this.
  • Say Thanks: Show your appreciation by sending nubywubycakes points.
  • Post: Give nubywubycakes your thoughts on this Tutorial.
  • Vote: Help nubywubycakes win the Monthly Awards.
  • Rate: Give this Tutorial a rating out of 10.
  • Flag: Alert moderators and warn members of a problem with this Tutorial.
  • Watch: Get notified when this Tutorial is updated.
Mascot

Join the community!

Sign up

Already a Bananite? Login

Ok this is a tut to add a video to your css background

Ok so you wanna make an animated back ground huh? well follow these steps exactly as i say... WHAT YOU WILL NEED!! 1. VTFEDIT Vtfedit 2. BYTESCOUT SWF TO VIDEO CONVERTER SWF2AVI 3. XVIDEO CONVERTER XVIDEO 4.IRFANVIEW IRFANVIEW 1.get video you wanna use..(has to be in AVI format)*if you get one off you tube you ahve to get a converter to convert the swf file to avi* (use the BYTESCOUT SWF TO VIDEO) 2. once you have it converted to avi or alread have it as an avi then you need to get Xvideo Converter 3. once you have that installed you need to click at the bottom.."video to picture" it is going to convert them to jpg.(refer to Screenshot A 4. ok now you need to download Irfanview its a program to convert image files 5. once that is installed you need to click on File>Batch Conversion/Rename (refer to screenshot B) 6. now you select the folder all your jpg's are in an click the add all button. then you want the output format to be TGA then choose your directory(refer to screenshot B) 7. once that's done.. download and install VTFEDIT now what your gonna do is use this to convert all the TGA files int 1 VTF file 8. open up vtfedit and click file>Import> and go to the folder with you TGA files in it click the first one and then hit ctrl+a to select them all. then hit ok ...now another box pops up 9. in this box on the first page for "texture type" "select animated texture" for "Resize method" select "Nearest Power of 2" then hit ok...*THIS MIGHT TAKE A WHILE TO DO DEPENDING ON HOW MANY TGA FILES YOU HAVE IF IT SAYS NOT RESPONDING LEAVE IT ALONE IT WILL FINISH...(refer to screenshot C) 10. ok once that is done...you click options then click "auto create vmt" and then hit the save as button and name it Console_tnc. 11. ok now where you saved that file at you should have 2 of them one is Console_tnc.vmt and the other is Console_tnc.vtf copy both of them 12. now you need to go to cstrike/materials folder..in that folder you should have a folder called console and one call VGUI if not create both 13. in the VGUI folder create a new folder called tnc inside that folder paste the to files i had you copy earlier.(refer to screenshot D) 14. ok now open up a new notepad document and copy and paste this into it "UnlitGeneric" { "$basetexture" "Vgui/tnc/Console_tnc" "$ignorez" 1 "$vertexcolor" 1 "$no_fullbright" 1 "Proxies" { "AnimatedTexture" { "animatedtexturevar" "$basetexture" "animatedtextureframenumvar" "$frame" "animatedtextureframerate" "8" } } } click save as and select file type from drop down menu and select all files then save it as background01.vmt and put it in the console folder Cstrike/materials/console *extra* "animatedtextureframerate" "8" (you can change the value of that as you please the higher the number the faster it plays) (refer to screenshot E) 15. ok now exit everything and start css AND THERE YOU GO ANIMATED MOVIE AS YOUR BACKGROUND!!! (refer to screenshot F) if you need help with anything pm me or email me nubywubycakes@gmail.com in screen shot F thats a pic of a demo...i would post a video if youtube would stop begin gay *THIS IS NOT MY VIDEO I FOUND IT I GIVE ALL CREDIT TO THE AUTHOR* AGAIN NOT MINE THIS IS JUST WHAT IT WILL LOOK LIKE!!! *THIS IS NOT MY VIDEO I FOUND IT I GIVE ALL CREDIT TO THE AUTHOR*

Posts

  • 1
  • 2
  • 4y
    nubywubycakes avatar
    Member Joined 9y
    225 points Ranked 16318th
    6 medals 1 rare
    • 6 years a member Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    • 1 year a member Medal icon
    • 2 years a member Medal icon
    • 4 years a member Medal icon
    copio lo puedo enviar a continuación. usted es problema parece ser los espacios entre su configuración "$ selfillum" 1 "$ aditivo" "1" "$ texture2" "de fondo / Textest" que debería tener este aspecto "$ selfillum" 1 "$ aditivo" 1 "$ textura" 2 "de fondo / Textest"

    "Unlittwotexture" { "$basetexture" "Vgui/tnc/Console_tnc"
    "$selfillum" 1 "$additive" 1 "$texture" 2 "background/textest"

    "Proxies"
    {
    "AnimatedTexture"
    {
    "animatedtexturevar" "$basetexture"
    "animatedtextureframenumvar" "$frame"
    "animatedtextureframerate" 0.2
    }

    }

    }
    Bananite
  • 4y
    rackio avatar
    rackio Offline
    Member Joined 6y
    esta erróneo me pase toda la mañana acomodándolo es así:

    "Unlittwotexture"
    {
    "$basetexture" "Vgui/tnc/Console_tnc"
    "$selfillum" 1
    "$additive" "1"
    "$texture2" "background/textest"

    "Proxies"
    {
    "AnimatedTexture"
    {
    "animatedtexturevar" "$basetexture"
    "animatedtextureframenumvar" "$frame"
    "animatedtextureframerate" 0.2
    }

    }
    }

    y en ''normal map'' no hay que marcar ningún cuadro
    Be happy :D
  • 8y
    nubywubycakes avatar
    Member Joined 9y
    225 points Ranked 16318th
    6 medals 1 rare
    • 6 years a member Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    • 1 year a member Medal icon
    • 2 years a member Medal icon
    • 4 years a member Medal icon
    If it keeps crashing then you did something wrong with the vtf files..just start completly over so you dont confuse your new stuff with the old stuff
    Bananite
  • 8y
    willekiller avatar
    Member Joined 9y
    185 points Ranked 18737th
    7 medals 1 rare
    • 6 years a member Medal icon
    • GUIer of the Month, July 2012 Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    • 1 year a member Medal icon
    • 2 years a member Medal icon
    Hey!
    my css keeps crashing (nothing happends) on startup... why?
    my animated picture is the background, will not work..
    AzG
  • 8y
    nubywubycakes avatar
    Member Joined 9y
    225 points Ranked 16318th
    6 medals 1 rare
    • 6 years a member Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    • 1 year a member Medal icon
    • 2 years a member Medal icon
    • 4 years a member Medal icon
    Ok thanks for that input that would help alot in this process lol
    Bananite
  • 8y
    Beaver_King avatar
    Member Joined 8y
    2,434 points Ranked 1920th
    I use AviDemux to edit my .avi files quickly without decoding and re-encoding them. It also has an option for saving the video to a series of jpegs that works quite well
    Can I buy you a fish sandwich? avatar
    Mantra
    Can I buy you a fish sandwich?
  • 8y
    Red.Rum avatar
    Red.Rum avatar Offline
    Member Joined 10y
    10,841 points Ranked 394th
    11 medals 1 rare
    • 6 years a member Medal icon
    • Reached 1,000 Points Medal icon
    • Reached 2,500 Points Medal icon
    • Reached 7,500 Points Medal icon
    • 1 post awarded Exemplary Feedback Medal icon
    • One month a member Medal icon
    Pros: Great tut.. very useful
    Improvements: some html to clean it up..

    9.4/10

    Be excellent to each other
  • 9y
    harddk avatar
    harddk Offline
    Member Joined 10y
    265 points Ranked 14440th
    Pros: Different than most other tuts

    9.5/10

    The Holy Clan // Scripter
  • 9y
    tatoma avatar
    tatoma Offline
    Member Joined 9y
    256 points Ranked 14856th
    Pros: Omg, its animated movie
    Cons: none
    Improvements: none
    Notes: awesome work, keep going

    10/10

     avatar
    Mantra
  • 9y
    nubywubycakes avatar
    Member Joined 9y
    225 points Ranked 16318th
    6 medals 1 rare
    • 6 years a member Medal icon
    • One month a member Medal icon
    • 6 months a member Medal icon
    • 1 year a member Medal icon
    • 2 years a member Medal icon
    • 4 years a member Medal icon
    Very nice i remember seeing that video on tv let me kno if you have problems
    Bananite
  • 1
  • 2

Share

Shareable Image:
Share banner
HTML embed code:
BB embed code:
Markdown embed code:

More embeddable images

Bookmark and Share

Credits

Key Authors
nubywubycakes
Unknown

Submitter

nubywubycakes avatar
Member Joined 9y
225 points Ranked 16318th
6 medals 1 rare
  • 6 years a member Medal icon
  • One month a member Medal icon
  • 6 months a member Medal icon
  • 1 year a member Medal icon
  • 2 years a member Medal icon
  • 4 years a member Medal icon

nubywubycakes
Creator
Sign up to access this!
Sign up to access this!
Sign up to access this!
Sign up to access this!

Category

Details

Difficulty Level
Advanced Difficulty

Stats

Posts
17
Views
16,420
Date Added
9y
Date Modified
6y

Scores

87 bScore
9.8 Rating

5 voters

Sign up to access this!

More from Submitter

bcp.crwdcntrl.net tracking pixel