The following is a Tutorial for making transparencies in Photoshop for CSS. I had posted this in another post concerning sprays. I felt it would be easier to find just making a new post for it.

STEP 1

To begin, open Photoshop and select “File|New” … Specify the following dimensions:
Width: 256, Height: 256, Res: 300 pix/inch, RGB Color, and BG: Transparent.
See the following screenshot for an example:



STEP 2

Create your image

STEP 3

When you are finished creating the image, select “File|Save As” and select
“Targa” from the “Format” drop-down box. A window will appear allowing you to
specify the exact .tga properties, in this window select “32 bits/pixel” and make
sure “Compress (RLE)” is NOT checked, as in the example below:



STEP 4

Now that your picture has been saved as a 32 bit Targa file, you can convert it
to the .vtf/.vmt format used by CS:S. Download THIS FILE and save it to
your desktop (any location is ok). Extract the files to the folder of your choice,
and then place your .tga file in the vtex\hl2\materialsrc\sprays folder. Run the
tga2vtf.bat, and it will convert your file - move the .vtf and .vmt files from
vtex\hl2\materials\sprays to your-css-folder\cstrike\materials\VGUI\logos and
the next time you load CS:S, you’ll see your new spray in the list.

You dont have to use the vtex, you can just use CSS option panel to import your spray I just like using the vtex converter myself.

Tips

Just as a little tip: if you’re using effects like shadows, etc in your image, it can
be difficult to judge exactly how they’ll look in-game. One easy solution is to
take a screenshot of a bare wall (in-game), open it in Photoshop, and paste part
of it as a layer in your spray (make it the bottom layer, of course). Now you can
see what your spray will look like on a wall in-game. For example:

(default transparent background)


and here, with a portion of a de_dust wall as the background:


As you can see, it’s much easier to tell what the effects will look like if you have
an in-game background as a layer in your image.

Finally, to see the above logo in-game, click either of the screenshots below:





Hope this helps all who need it..