Skip to content

CUSTOM BACKGROUNDS

Hypnootize edited this page Nov 11, 2023 · 6 revisions

HOW TO CONVERT IMAGES INTO .VTF FILES

TF2 requires textures to be .VTF files in order for the game to read and use them, to convert your image:

  • Download VTF Edit
  • Click on File > Import, or CTRL + I
  • You can keep most settings default, but make sure to set the version to 7.0 under the advanced tab:

  • Once the image is imported click on File > Save As to save your image as .VTF

MAIN MENU BACKGROUND

If you wish to change the default background with a custom one here are the main needed steps:

  • Convert the image you want to use as background into a .VTF, like explained above
  • Make two copies of the .VTF and call them background_upward and background_upward_widescreen
  • Navigate to the m0rehud/materials folder and inside it create a new one called console
  • Paste your background_upward and background_upward_widescreen vtfs inside the console folder

Now in order to make your background show up 100% of the time you will need to add one more file called chapterbackgrounds.txt which has the power of tweaking the TF2 background rotation to ensure your background will always be visible, to do so:

  • Navigate to m0rehud/scripts
  • Inside scripts create a new text (.txt) file called chapterbackgrounds
  • Inside the file paste this text:
"Chapters"
{
	1	"background_upward"
	2	"background_upward"
	3	"background_upward"
	4	"background_upward"
}
"BackgroundMaps"
{
	1	"background_upward"
	2	"background_upward"
	3	"background_upward"
	4	"background_upward"
}

You should now be able to see the new background in the main menu!

LOADING SCREEN BACKGROUND

The loading screen is located in m0rehud/Resource/UI/StatSummary.res, this file is pre setup the enable users to easily swap the background but it will still require a couple of manual steps:

  • First convert the image you wish to use as background to a .VTF file like explained above
  • Once you have the .VTF file of your image make sure to call it loading_bg and place it inside m0rehud\Materials\VGUI\Replay\Thumbnails\Menu
  • Last open m0rehud/Resource/UI/StatSummary.res look for "CustomBackground" and set the "visible" value to "1"

You should now be able to see your custom background in the loading screen panel!