Transparent Counter Strike Source Sprays

From ETCwiki
Jump to navigationJump to search

How to make Transparent Sprays for Counter Strike Source in Photoshop

(Skill Level:)Intermediate

Counter Strike Source allows for the user to have a "spraypaint image" that they can "spray" on the wall, floor, or box wherever they want. These CS sprays as they are called can have transparent backgrounds, and are a simple to make item in Photoshop.

Transparent Counter Strike Source sprays use alpha channels to allow you to choose what areas of your spray will be transparent. Photoshop uses the file format .TGA which stands for Targa. TGA files allow you to have a hidden-to-the-eye alpha layer in your picture which again, it's how Counter Strike Source allows you to have transparent sprays. 1.) File> New 2.) For 'Background Contents' select 'Transparent' 3.) Set both the 'Width' and 'Height' to 256. Set the 'Resolution to 72.

<img src='http://www.computershack.net/images/CS sprays/cs spray step1.jpg'alt='cs spray step 1'>


4.) File>Open (open the picture that you want to use for your spray) 5.) Cut out the image using the 'Polygonal Lasso Tool' then press 'Ctrl+C' to copy it, and paste it onto the transparent background by pressing 'Ctrl+V'.

<img src='http://www.computershack.net/images/CS sprays/cs spray step3.jpg'alt='cs spray step 3'>


        • NOTE**** If you want to use more than one image in your spray, or add text, after you do so, go to 'Layer' then 'Merge Visible'.
<img src='http://www.computershack.net/images/CS sprays/cs spray merge visible.jpg'alt='cs spray merge visible'>



6.) Click the small image next to 'Layer 1' while holding the 'Ctrl' key. (it should select the image that you cut out)

<img src='http://www.computershack.net/images/CS sprays/cs spray step4.jpg'alt='cs spray step 4'>


7.) Go the the 'Channels' tab and click the icon to the left of the trash can. (the picture should turn black w/your image still selected)

<img src='http://www.computershack.net/images/CS sprays/cs spray step2.jpg'alt='cs spray step 2'>


8.) Use the 'Paint Bucket Tool' and fill in you selected image with white.

<img src='http://www.computershack.net/images/CS sprays/cs spray step5.jpg'alt='cs spray step 5'>


9.) Go back to the 'Layers' tab and click 'Layer 1' then deselect your image by pressing 'Ctrl+D' 10.) Double click the color box, and set 'R:' 'G:' and 'B:' to 128. (that should make a grey color)

<img src='http://www.computershack.net/images/CS sprays/cs spray step6.jpg'alt='cs spray step 6'>


11.) Use the 'Paint Bucket Tool' and fill in the background with the grey color. (the area that you fill in with '128 gray' will be the transparent part) 12.) File>Save As... make sure that you save your spray as a 'Targa' file or a '.TGA' file.

[color=blue][b]Here are some examples of transparent Counter Strike sprays. If you would like to submit a spray that you made, please go to the 'Contact Us' section on the front page, and send us a message with 'CS spray' as the subject![/color][/b]

Counter Strike Download - CS Sprays

Click to Download
<a href="http://www.computershack.net/download.php?view.98"><img src="http://www.computershack.net/images/CS sprays/SSpwnt.jpg" alt="cs spray - PWNT" border="0"></a>
<a href="http://www.computershack.net/download.php?view.101"><img src="http://www.computershack.net/images/CS sprays/SScsspraycolt.jpg" alt="cs spray colt" border="0"></a>
<a href="http://www.computershack.net/download.php?view.97"><img src="http://www.computershack.net/images/CS sprays/SScomputershackspray.jpg" alt="cs spray computer shack" border="0"></a>
<a href="http://www.computershack.net/download.php?view.99"><img src="http://www.computershack.net/images/CS sprays/SScartoonman.jpg" alt="cs spray counter strike" border="0"></a>
<a href="http://www.computershack.net/download.php?view.100"><img src="http://www.computershack.net/images/CS sprays/SSpinkcolt.jpg" alt="cs spray pink colt" border="0"></a>