# How to add weapon HUD image

Software you need:

> 1. [Laighter](https://azagaya.itch.io/laigter) - tool for generating normal maps.
> 2. [Paint.Net](https://www.getpaint.net/) - tool for drawing images (or any other image editor).
> 3. [SLK\_img2pixel ](https://captain4lk.itch.io/slk-img2pixel)- tool for converting images to a limited palette.
> 4. [Hands Pack](https://drive.google.com/file/d/1dgNnKlEa5f8NgeEIrcX0kCbWDH5PCXNp/view?usp=sharing) - PITO hands prefabs images
> 5. [PITO Palettes](https://drive.google.com/file/d/1kM8wz9oEE7iwswZSD4tv1X5ZjzLOsWDD/view?usp=sharing) - palettes for SLK\_img2pixel tool

Let's made sawed-off shotgun (obrez)! First of all, search in google some screenshots from stalker games where player hold obrez in hands, save image, then search for item icon. Sounds for reloading and shot you can find in google or from unpacked stalker game. Just convert them to low quality mp3 size (32-64 kbps).

For the item icon reference I will use **48x16** *w\_ak.png* file from <mark style="color:orange;">assets/ui/items/</mark>, and will clear it and paste there founded obrez icon, image sampling must be closest neighbour. And save it as new file called "<mark style="color:green;">w\_obrez.png</mark>"

<figure><img src="/files/U28kK7RGFyeTyxXjvXYY" alt=""><figcaption><p>48x16 pixels weapon icon</p></figcaption></figure>

Then open screenshot with hands from game, cleanup it, so background will be transparent.

<figure><img src="/files/TjzTFP35t14Rrs4MyqUS" alt=""><figcaption><p>Now image still a little bit blurry, size nearly 164x96</p></figcaption></figure>

Now save it as separate file and open SLK\_img2pixel tool.

<figure><img src="/files/N1Dt4iqxJxsz5Zb4lMJI" alt=""><figcaption></figcaption></figure>

Press "Load image" button and open previously saved HUD image. In sample tab set to Relative, x div and y div to 2. Sample - Floor

<figure><img src="/files/J33hOsh9E7afr2ZPYMn9" alt=""><figcaption></figcaption></figure>

Open Colors tab and load one of the palettes what I provide at the top of tutorial.

Dither set to No Dithering.

<figure><img src="/files/pgYBIfqdP7ibEWSkepng" alt=""><figcaption><p>Loaded pito palette, no dithering</p></figcaption></figure>

Open Process tab and set your weapon image as you want, like contrast, hue, saturation etc.

<figure><img src="/files/FS74RGg5CX91VTQgV1D1" alt=""><figcaption><p>Processing image</p></figcaption></figure>

Go to the Load/Save tab and press "Save Image" button.

Open saved image in image editor, and correct hands colors to match a pito game original color palette/atmosphere.

Use hands pack to paste it into image and then edit or transform them until it suits the weapon.

<figure><img src="/files/GR89YuCfAMW94ex0b5n9" alt="" width="452"><figcaption><p>Ready to use hud image, size 79x47</p></figcaption></figure>

Resize image to size that power by two. Like 96x48. Save it as <mark style="color:green;">w\_obrez\_hud.png</mark> to <mark style="color:orange;">assets/ui/</mark> folder.

Now it's time to generate normal map image that help hud to interact with level light.

Open Laighter tool.

<figure><img src="/files/Wj5h9GMsbXzUfoJo9up5" alt=""><figcaption><p>Laighter tool workspace</p></figcaption></figure>

Open obrez hud file by clicking square with arrow down icon at the top left corner.

<figure><img src="/files/dl0cZesIaojV17WAc95v" alt=""><figcaption></figcaption></figure>

Open hud file.

<figure><img src="/files/yhb6AfVVTos0bp8YZv9U" alt=""><figcaption></figcaption></figure>

It's a little bit blurry, need to setup correct sampling, go to Visualization tab at the right side and check Pixelated checkbox.

<figure><img src="/files/ODMWlrCQv5SuuyrCyR9x" alt=""><figcaption></figcaption></figure>

Now set Mode from Texture to Normal Map.

<figure><img src="/files/FrL8Tx96Sk2m2TcJQoC9" alt=""><figcaption></figcaption></figure>

Click at the image at center of screen

<figure><img src="/files/1c8PwOFfAkGIN4Hj7Vfs" alt="" width="446"><figcaption><p>Not transparent Normal Map</p></figcaption></figure>

Then you will see, that all buttons and sliders is active now!

<figure><img src="/files/ADNZ9pYdEQ4SGMyrQYjh" alt=""><figcaption><p>Workspace with activated sliders and options</p></figcaption></figure>

Check Use Alpha at the bottom left corner.

<figure><img src="/files/jYEumyIdHJqoLyPnoFlu" alt=""><figcaption></figcaption></figure>

Now image looks correct.

<figure><img src="/files/jCiuz7846NbJzrvvbgMH" alt="" width="469"><figcaption><p>Normal Map</p></figcaption></figure>

At the left side of the workspace in Normal tab you can play with settings to make normal map looks good to you when it's interact with light. To test how it interact with it, change Visualization Mode from Normal Map to Preview.

<figure><img src="/files/hbbUot78mKpS15LUss81" alt=""><figcaption></figcaption></figure>

You will see this:

<figure><img src="/files/owPKZhSe8PoO7XJ0Hqps" alt="" width="371"><figcaption><p>How Normal Map interact with light</p></figcaption></figure>

If you zoom out, you'll see a light source that can be dragged around and changed it color. Middle mouse wheel button to drag around workspace, wheel up and down to zoom.

<figure><img src="/files/eJO6jjDlgSyEy6uvM6rX" alt=""><figcaption></figcaption></figure>

To change color, select light source and click on Color selector button in the Light group at the right side of Visualization tab.

<figure><img src="/files/EdHxD8LwffOV9zoG21bx" alt=""><figcaption><p>Light group inside Visualization tab</p></figcaption></figure>

When you will done with creating Normal Map - select image at center of workspace, then go to top left corner and click at squared with arrow up icon button to export image.

<figure><img src="/files/NcOMMaTEAkrQxpAt8aqj" alt=""><figcaption><p>Export normal map</p></figcaption></figure>

Export window will appear, select checkbox Original directory, it will save normal map file near *w\_obrez\_hud.png* file. Only check **Normal** checkbox and rename it from \_*n* to *\_nm.* Game use *\_nm* suffix to apply normal map from file to selected hud.

Press export and close Laighter.

<figure><img src="/files/rzvKlGpu2GKxc3wmSOCm" alt="" width="198"><figcaption><p>Normal Map is exported</p></figcaption></figure>

Congratulations! You've created weapon hud image with icon and normal map!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://picnic-in-the-oblivion.gitbook.io/assets/modding/how-to-add-weapon-hud-image.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
