Creating A Transparent Counter Strike: Source Spray

Posted by Steve Tolley

This tutorial is a quick and easy guide on how to create your own personal transparent spray for Counter Strike: Source !

Step 1:
First open up Photoshop and create a new document, get the picture you want to use and paste it into your new document.

Step 2:
Next get the magic wand and select all of the inside of the image

Step 3:
Next group all of the layers and then choose the “Channels” tab, located next to the “Layers” tab, then click “Create New Alpha Channel” button

Step 4:
Next press “D” to reset to default colours and then press “ALT + BACKSPACE”

Step 5:
Next go back to the “Layers” tab and press “CTRL + D” to deselect all, then click on the layer you are working on to select it, then fill in the background with a grey colour, then save as a “TARGA” file and upload to Counter Strike: Source through the “Options” button on the main screen of the game.

Step 6:
Get Spraying !!!!

Hope this tutorial helped you, feel free to leave any comments if you find any problems with it !

Tags: , , , , ,

This entry was posted on Tuesday, May 15th, 2007 at 2:03 pm and is filed under Other/Misc. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

If you liked this article, please share it on Digg, StumbleUpon or Delicious, or Subscribe to the RSS Feed. Thanks!

Vote for this article on Stumble Vote for this article on Delicious Vote for this article on Digg Sign Up To The RSS Feed

26 Responses to “Creating A Transparent Counter Strike: Source Spray”

  1. Anonymous Says:

    I accidentally closed the channels tab, how do I
    bring those things up again?

  2. StevieBoy Says:

    Hey,
    If you go to your Photoshop and then go to “Windows” on the top toolbar > then go to “workspace” and “default workspace” or just click the “channels” button on the windows tab,

    Hope this helped,

    Cheers
    StevieBoy =D

  3. Matt Says:

    What colour grey? The one I chose did not work.

  4. StevieBoy Says:

    Hi,

    I believe any grey colour works to be honest, I have done it with random grey colours and they have all worked fine for me,

    maybe try and go through the tutorial again to make sure you have done everything correctly,

    Thanks

    StevieBoy =D

  5. Anonymous Says:

    how do you select the inside of the image? when i drag the cursor i can only make rectangle boxes. how come you don’t explain how to do this in your guide?

  6. StevieBoy Says:

    hiya,
    well…you need to use the “magic wand” tool which is shaped like a wand pretty much, if you can’t find it then right click on the buttons down the left hand side and you should see it, after you have picked this then just simply click the inside of the image you DON’T need to drag…

    if you continue to have problems don’t hesitate to contact me again..

    Cheers,
    Stevie =D

  7. Mikael Says:

    Thank you for this tutorial. :)

    Nice blog, good tutorials, clear explanations.

    ~ Rhythms

  8. Anonymous Says:

    I didnt get it to work csc says the file is unreadable or someting.

  9. Anonymous Says:

    how do I

    1.”select all of the inside of the image”

    2.”then fill in the background with a grey colour”

    ?

  10. kixgirl Says:

    @ anonymous: you have to save it as a targa file. Otherwise it wount work in css and he cant read it.

    When you have multiple layers, first merge them to one (select all you layers, then right-click and choose ‘merge visible’. Then you can select “all of the inside image” very quickly (select the background, then choose in the ’select’ menu the option invers’.

    Now, make your alpha layer (explained in the tutorial above) and after that you can fill the background (with the fill tool)

    its not that hard!

    ps: sorry for my bad english but im from Belgium and im not so good at it … :s

  11. Steve Tolley Says:

    Thanks alot KixGirl, I totally forgot someone had asked me that in this tutorial as I was too busy with the design :)

  12. Bruno Says:

    Amigo..

    na hora que eu criei um canal…. tah…. vc fla pra apertar “D”…mas naum acontece nada aki…e tbm naum consigo excluir oe descelecionar a camada ….pode explicar melhor somente essa parte do “D” ateh a salvasão do arquivo…

    vlw…

  13. mortello Says:

    I seem to have problems with an image that is only grayscale from the beginning. Counter strike says it is not an valid image. Something about not being 32 bit RGB or RGBA. Another image with red in it worked fine. When saving it asked for color depth and I choose 32 bits, but with the gray image, it did not.

  14. heythere Says:

    this does not work on photoshop elements 6
    there is no channels thing
    is there another way??

  15. kixgirl Says:

    First, check if your channeltab is selected in the menu window.
    If not… dont know an other solution cause i dont have elements 6… srry

  16. jian Says:

    guys try
    R127
    G127
    B127
    pure gray
    work’d for me.

  17. Mobrix Says:

    Hey, I can’t get it saved as Targa, it just isn’t on the list when i click ->save as
    (photoshop CS4)
    Please help :D

  18. EVDesign Says:

    @Mobrix: thats idd a problem… Could have multiple answers…
    what is your colormode (image > mode)? make sure its on RGB (!not index color)
    Try to do all the steps again, maybe it works this time?
    otherwise: shoot!

  19. Florin Says:

    dude. Nice tutorial ! great stuff , helped me very much , Thank you .

  20. Anthony Says:

    how about when making a tutorial, tell us what we should be doing rather than saying the hotkeys.

  21. divine Says:

    Could you please make me a transparent spray wich says: Div[ii]ne
    i would be very thankfull ^^

  22. oggy Says:

    Fill background with color: #565655

  23. Sebbish Says:

    This doensnt work with photoshop 7 right? atleast i cant get it to work :S

  24. Steve Tolley Says:

    I don’t think so mate, you need Alpha channels and I don’t believe Photoshop 7 has these!
    Please correct me if I’m wrong? :)

  25. D: Says:

    How did you get it to be so detailed in CSS? All of my sprays turn out blurry and hard to make out. Is it a simple matter of making a larger pic, or is it making a less detailed pic to begin with, or something else entirely?

  26. Steve Tolley Says:

    How high are your graphics set in game? Mine are on the highest setting therefore the quality of the spray is better, if you have it set lower then it makes everything (including sprays) a lot worse quality

Trackbacks

Leave a Comment

RSS Feed - Subscribe

Forum Last 5 Posts

Categories

Sponsors - Find Out More

Twitter - Follow Me Here

Flickr Group - Join Here

User Link Feed - Submit Link

Useful Links

Friends