Search
Username:
Password:

Register or Reset Password

SUBMISSIONS
Counter Strike
   New Maps
   New Tutorials
   New Skins
   New GUI's
   New Sounds
   New Threads
Other
   Media
   Gamers
   Clans
   Studios
Creating Menu Backgrounds!
Difficulty: Intermediate
Category: CS:S > Sprites & GUIsAuthor(s): J2K

//============================================
//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 - Programs needed.
//============================================


First of all, you will need to download Source SDK.

To do so, open Steam and select Tools from the menu.

Source SDK will be on the list, right click it and select Install game...

Once it is installed and updated, right click on it and select Launch game...

You should now be in a steam window called Source SDK.

From the Current Game: drop down menu at the bottom of this page, select Counter-Strike: Source.

You can leave this running in the background for the rest of this tutorial, do not close it.

You may also need Adobe Photoshop. I will leave it up to you to get that :P

//============================================
//Part 2 - Create the necessary folders.
//============================================


Now we will need to create some folders. It is important all these folders exist before you continue.

Navigate to:
C:\Program Files\Steam\SteamApps\UserName\sourcesdk_content\cstrike\materialsrc

Create a folder named Console

Navigate to:
C:\Program Files\Steam\SteamApps\UserName\Counter-Strike Source\cstrike\materials

Create a folder named Console

//============================================
//Part 3 - Prepare your image.
//============================================


Counter-Strike Source's menu background is a .vtf file. Vtf files have to have square dimensions, divisible by 8 as far as i know.

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:

640 x 640
800 x 800
1024 x 1024 <--- I use this.
1280 x 1280
1600 x 1600

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\UserName\sourcesdk_content\cstrike\materialsrc\console

When prompted, choose 32 bits/pixel then save the file.

//============================================
//Part 4 - 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\UserName\sourcesdk_content\cstrike\materialsrc\console

C:\Program Files\Steam\SteamApps\UserName\sourcesdk\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



Added: 1 year agoTags: menu, background, gui, vtf, tga
Feedback (50)
Page of 5   1 2 3 4 ... 5 Next Page
deadman22 .
shut up and playY2M
Posted 6 days ago
I dont have the vtex.exe thing. also your screenshot doesnt work. help plz.
ivar .
mapmaker, admin in gameservers & forumsY2M
Posted 2 months ago
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:)
antman311 .
Crysis 2, coming this Fall...Y2M
Posted 2 months ago
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!
ivar .
mapmaker, admin in gameservers & forumsY2M
Posted 2 months ago
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.
ivar .
mapmaker, admin in gameservers & forumsY2M
Posted 2 months ago
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.
AcidTongue .
BananiteY2M
Posted 3 months ago
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
- Bananite
antman311 .
Crysis 2, coming this Fall...Y2M
Posted 4 months ago
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.
wem .
Good jokeY2M
Posted 6 months ago
Due to source engine updates vtex.exe is not in C:\Program Files\Steam\SteamApps\UserName\sourcesdk\bin but in C:\Program Files\Steam\SteamApps\UserName\sourcesdk\bin\ep1
- Good joke
.
psx games on pc with 360 controller xDY2M
Posted 7 months ago
If you have the vtf plugin for photoshop you can directly save it as an vtf in the correct folder
edit: sorry already posted that :P
BlackEagle .
The one and onlyY2M
Posted 8 months ago
Good tut good explained. But why don't you use the vtf edit tool in photoshop so you won't need Source SDK. You just save it as a .vtf file.
Page of 5   1 2 3 4 ... 5 Next Page
Add Feedback
Provide constructive feedback. What is "constructive"?
You cannot post yet!
Get involved on FPSB by posting your thoughts. Give authors your feedback to help them develop.

To post in this submission register or login.
Assessment
The community's verdict.
User Rating [+]
9.2/10
bScore
9.2/10
You cannot assess yet!
Moderating FPSB is in your hands - when you assess a submission your vote determines its success or failure.

To vote on this submission register or login.
Stamps
This Tutorial in a nutshell...
Useful & Detailed
You cannot stamp yet!
Stamps let you apply characteristics to submissions to help others understand them.

To stamp this submission register or login.

Brought to you by...
Sabotage Studios
Originality, Creativity, Simplicity
Membership: On Request
Primary Skills: ?
Inception: 2 years ago
Vote for Studio
Like this tut? Vote Sabotage Studios for one or more monthly awards.
You must login or register to access this!
Related Tutorials