Custom Overlays

In this tutorial, I try so "noob-like" as I can, to show how to make custom Overlays or icons.

You need a windows PC, VTFEdit, an graphic editor like Photoshop or GIMP (For this tutorial I presume you know how to use a graphic software) & an text editor like SPEdit, Sublime Text or Notepad++.

1. Design a new image with your graphic editor with the following size:

   • Overlay: 1820px * 1024px (optimal view at 16:9)
   • 
   • Icon: 64px * 64px

2. If you designed a overlay squeeze it to a 1024px * 1024px square.

   • If you designed an Icon skip this step 2
   • 

3. Save your image as a RGB/8bit *.png file. In this example as overlay.png

4. Open VTFEdit and press the Import Button or Ctrl + I

5. Import your custom image from step 3

6. A option windows pops up. I run good with these settings:

   • 

7. Press OK & check the following settings. I run good with these:

   • 

8. Save as *.vtf file. In this example as overlay.vtf

9. Open your text editor and start a new file (Ctrl + N)

10. Copy & Paste the following to your new text file:

    • Overlays:

    MonitorScreen"
    {
    "$basetexture" "overlays/MyJailbreak/OVERLAY_PLACEHOLDER"
    "$translucent" 1
    }

    • Icons:

    "UnlitGeneric"
    {
    "$basetexture" "decals/MyJailbreak/ICON_PLACEHOLDER"
    "$translucent" 1
    }

11. Edit OVERLAY_PLACEHOLDER or ICON_PLACEHOLDER to your filename you choose in step 8. Don't write the file extension.vft

    • example with overlay.vtf:

    "MonitorScreen"
    {
    "$basetexture" "overlays/MyJailbreak/overlay"
    "$translucent" 1
    }

12. Save as *.vmt file with same name you choose in step 8. In this example as overlay.vmt

13. Upload the *.vtf & *.vmt file to following folder of your server & FastDL:

    • Overlay: ...\csgo\materials\overlays\MyJailbreak
    • Icon: ...\csgo\materials\decals\MyJailbreak

14. Add your new overlay/icon to your cfg.

15. Congratulations!