I'm sure everyone has had some sort of idea of a crosshair at some point but not knowing how to create one. So let's make yet another HOWTO to contain instructions on the topic. You'll need some photo/image editing software as PhotoShop or Paintshop Pro for this. I use Photoshop 7.0 and I'll paste some pics from the menus how to do things.
1) First you need to create a new image that has transparent background and it's dimensions should be 32*32 pixels:
2) Image already contains one transparent layer, so you don't need to add one at this point. Time to start drawing. I'll add frames to my cross shaped crosshair first. I also want this crosshair to be partly see-through so I change opacity of the layer a bit, lets make it 25% transparent. Change the layer opacity AFTER you have finished drawing.
3) Let's finish the crosshair by adding one more layer and drawing a smaller cross that is not transparent (opacity 100% as shown in the picture).
4) Notice that now we have two layers (one 25% opaque, one 100% opaque) on a transparent background:
5) We want only one layer to be present on the image we just made. Therefore we have to merge visible layers to reduce the layer count:
6) If you did everything right, now you should have 32*32 pixels image that you need to save as 32bit targa image format (.TGA). 32bits = 24bit colors + 8bit alpha/transparency.
7) Ingame screenshot!
That's it. I've shown the way to make crosshairs that have some transparency present in the pictures. You can do things easier without any transparency or you can add multiple levels of transparency (just use more layers to do so). If you use color white (RGB color code 255 255 255) when drawring, it allows your client to change the color information by /crosshaircolor R G B cvar!
1) First you need to create a new image that has transparent background and it's dimensions should be 32*32 pixels:
 |  | |
 | ||
 |  |
2) Image already contains one transparent layer, so you don't need to add one at this point. Time to start drawing. I'll add frames to my cross shaped crosshair first. I also want this crosshair to be partly see-through so I change opacity of the layer a bit, lets make it 25% transparent. Change the layer opacity AFTER you have finished drawing.
| | |
 | ||
| |
3) Let's finish the crosshair by adding one more layer and drawing a smaller cross that is not transparent (opacity 100% as shown in the picture).
| | |
 | ||
| |
| | |
 | ||
| |
4) Notice that now we have two layers (one 25% opaque, one 100% opaque) on a transparent background:
| | |
 | ||
| |
5) We want only one layer to be present on the image we just made. Therefore we have to merge visible layers to reduce the layer count:
| | |
 | ||
| |
6) If you did everything right, now you should have 32*32 pixels image that you need to save as 32bit targa image format (.TGA). 32bits = 24bit colors + 8bit alpha/transparency.
7) Ingame screenshot!
| | |
 | ||
| |
That's it. I've shown the way to make crosshairs that have some transparency present in the pictures. You can do things easier without any transparency or you can add multiple levels of transparency (just use more layers to do so). If you use color white (RGB color code 255 255 255) when drawring, it allows your client to change the color information by /crosshaircolor R G B cvar!
Servers: Troopers
News