How to create a CS: Source menu background

A Tutorial for Counter-Strike: Source

Hello world. 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 J2K points.
  • Post: Give J2K your thoughts on this Tutorial.
  • Vote: Help J2K 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

Resistance is futile...

Sign up

Already a Bananite? Login

//============================================ //How to create a CS: Source menu background by J2K! //============================================ This tutorial will teach you everything about turning your favorite picture into a CS: Source menu background. I will cover things such as programs needed, dimensions of your image & file format prerequisites. Note: All screenshot links are attributed with "_blank" to make them open in a new window so don't worry about losing this page if you click on the links (: //============================================ //Part 1 - Create the necessary folders. //============================================ Now we will need to create a folder. It is important this folders exist before you continue. Navigate to: C:\Program Files\Steam\SteamApps\common\Counter-Strike Source\cstrike\materials Create a folder named Console //============================================ //Part 2 - Prepare your image. //============================================ Counter-Strike Source's menu background is a .vtf file. Vtf files have to have base 2 dimensions. To create a .vtf file we must first make our own image abide by .vtf rules. Open your image with Adobe Photoshop. From the menu, click Image > Image size... Untick the Constrain proportions check box. Resize your image to the nearest of these settings: 256 x 256 512 x 512 1024 x 1024 <--- I use this. 512 x 1024 512 x 256 It is normal for it to go out of proportion. When we convert it to a .vtf file it will look like it did before the resize. Now go to File > Save as... from the menu. For the File name: put Background01 For the Format: put Targa (*.TGA) Save it to the folder: C:\Program Files\Steam\SteamApps\common\counter-strike source\cstrike\materialsrc\console When prompted, choose 32 bits/pixel then save the file. //============================================ //Part 3 - The conversion. //============================================ To convert the file, open the following two folders, and resize the windows so they are side by side: C:\Program Files\Steam\SteamApps\common\counter-strike source\cstrike\materialsrc\console C:\Program Files\Steam\SteamApps\common\counter-strike source\bin Screenshot. Simply drag Background01.tga onto vtex.exe from the other folder. If you have done everything correctly, a black command prompt will open up showing you the conversion process. Once this says Press a key to continue, press whatever tickles your fancy and you are done! Open up Counter-Strike Source to see your background in action! :D If anything went wrong, start this tutorial again :P

Posts

  • 8y
    Repentrance avatar
    Member Joined 8y
    Pros: Very organized and helpfull for beginners
    Cons: None
    Improvements: Nothing
    Notes: Going to try this out later, seems easyer now ive read this, thank you in advance

    10/10

    Assassin
  • 9y
    Trond avatar
    Trond Offline
    Member Joined 9y
    Doesn't work on widescreen resolution. I see my default startup screen everytime.
  • 9y
    DaNoob avatar
    DaNoob Offline
    Member Joined 9y
    Im a noob what avout vtf
    Bananite
  • 9y
    Where do you put the .vtf once you've made it?

    Mine is under the Console folder but I still have the same default background for CS:S. I'm a noob and I need help. XD
    Bananite
  • 9y
    deadman22 avatar
    DeadArt Flag Affiliation: DeadArt
    Member Joined 10y
    1,092 points Ranked 4294th
    40 medals 1 legendary 8 rare
    • Returned 5000 times Medal icon
    • 25 posts awarded Exemplary Feedback Medal icon
    • 6 years a member Medal icon
    • Submitted 100 Threads Medal icon
    • Submitted 100 Sprays Medal icon
    • Thanked 50 submitters Medal icon
    I dont have the vtex.exe thing. also your screenshot doesnt work. help plz.
    (◕‿◕) murder. avatar
    Mantra
    (◕‿◕) murder.
  • 9y
    ivar avatar
    ivar Offline
    Member Joined 10y
    Posted by antman311

    Posted by ivar

    Posted by antman311

    For some reason Source SDK does not open. It launches but then nothing happens. I tried closing steam and restarting it a bunch of times but nothing happens. Please help.


    This is a bug open steam, select the tools tab, click right mouse on source sdk. properties>set launch options and typ over there this: -engine ep1
    then click OK and it's done.

    Thanks. Works now!


    no problem:)

    6/10

     avatar
    Mantra
  • 9y
    antman311 avatar
    antman311 Offline
    Member Joined 10y
    1,073 points Ranked 4373rd
    Posted by ivar

    Posted by antman311

    For some reason Source SDK does not open. It launches but then nothing happens. I tried closing steam and restarting it a bunch of times but nothing happens. Please help.


    This is a bug open steam, select the tools tab, click right mouse on source sdk. properties>set launch options and typ over there this: -engine ep1
    then click OK and it's done.

    Thanks. Works now!
    Meine Ehre heibt Treue avatar
    Mantra
    Meine Ehre heibt Treue
  • 9y
    ivar avatar
    ivar Offline
    Member Joined 10y
    Posted by antman311

    For some reason Source SDK does not open. It launches but then nothing happens. I tried closing steam and restarting it a bunch of times but nothing happens. Please help.


    This is a bug open steam, select the tools tab, click right mouse on source sdk. properties>set launch options and typ over there this: -engine ep1
    then click OK and it's done.

    6/10

     avatar
    Mantra
  • 9y
    ivar avatar
    ivar Offline
    Member Joined 10y
    Pros: good explained.
    Cons: too hard, it can be done in a 100 times easier way. Little bit confusing.
    Improvements: Doing it the easiest way. Making screenshots, people have no idea where they are.
    Notes: I think there are better ways to explain this, and you should look for some other tutorials to look how its done over there.

    6/10

     avatar
    Mantra
  • 9y
    AcidTongue avatar
    AcidTongue Offline
    Member Joined 10y
    I get an error message when i drag Background01.tga over to vtex. It says "Warning: falling back to auto detection of vproject directory. Unable to find gameinfo.txt." This comes up in the command prompt. Please help :D
    AcidTonuge

Share

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

More embeddable images

Bookmark and Share

Credits

Key Authors
J2K
Unknown

Submitter

J2K avatar
J2K Offline
Member Joined 11y
14,626 points Ranked 292nd
9 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
  • One month a member Medal icon
  • 6 months a member Medal icon

J2K
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
Intermediate Difficulty

Attributes

Stats

Posts
56
Views
35,863
Date Added
11y
Date Modified
4y
bcp.crwdcntrl.net tracking pixel