Difference between revisions of "TF2/Adding Menu Photos"

From Valve Developer Community
< TF2
Jump to: navigation, search
(Added link to similar process for mapmaking)
Line 50: Line 50:
*[[Material Creation]]
*[[Material Creation]]
*[[Team Fortress 2 Level Creation]]
*[[Team Fortress 2 Level Creation]]
*[[TF2/Adding a Maplist Thumbnail]]
[[Category:Team Fortress 2|Adding]]
[[Category:Team Fortress 2|Adding]]

Revision as of 04:26, 24 November 2014


Menu Photos are shown on the loading screen while the map is loading and on the map introduction. Players will be able to see how the map will look like if they are playing on the map for the first time.

The Menu Photos of 2fort.

Creating your Menu Photos

The VTF texture of the 2fort menu photos.

Menu Photos are pretty simple to make but you should have some experience with materials and an image editor of your choice.

There are 2 files that are needed for menu photos:

  • menu_photos_[mapname].vtf
  • menu_photos_[mapname].vmt

The VTF is just a simple transparent overlay that contains the two thumbnails.

Creating the VTF file

  1. First, take some nice screenshots that show an important place in your map.
  2. Use GCFScape to extract one of the existing menu photos to use as a template for your VTF. You can find them in tf\materials\vgui\maps\menu_photos_[mapname].vtf.
  3. Choose one of the textures with "menu_photos_" in its name.
  4. Open the VTF of your choise with VTFEdit and export it as a PNG image.
  5. Open your PNG and your two screenshots with an image editor.
  6. Scale and rotate your screenshots so they fit perfectly on the existing thumbnails.
  7. Save your new image and export it to a VTF file again using VTFEdit. Save it as menu_photos_[your map's name].vtf.
  8. Move the file to tf\materials\vgui\maps. If the directories do not exist yet, create them.

Creating the VMT file

  • Create a new file with notepad and paste the following code into it:
 "$basetexture" "vgui\maps\menu_photos_mapname"
 "$translucent" 1
 "$ignorez" 1
 "$vertexcolor" 1
  • Replace "menu_photos_mapname" with your VTF file.
  • Save the file as "menu_photos_[mapname].vmt" in the same directory as your VTF file.


Test it out! You should now have a beautiful loading screen!

See Also