How to make a Spray!

Discussion in 'Avatars' started by Rhododendron, Jan 31, 2011.

  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Welcome Guest to XenoGamers! To submit an application make sure you read THIS then apply HERE!.
  3. Check us out on Facebook and Twitter!
  4. Enter our raffle for a copy of a game! Click here to enter!
Hello Guest!

Join our Teamspeak server today by clicking here!
  1. I took the trash out I promise.
    Donator Co-Leader Member
    Rhododendron
    Constipated

    Rhododendron I can't stop eating cheese.

    Dec 13, 2010
    3,630
    Alright, so I will show you guys how to make a spray.
    However, I can't do this in one day, but it will be finished in the next few days.
    What you Need:
    Adobe Photoshop CSX (You CANNOT use Photoshop Elements since it does not have the alpha layer feature.)
    VTFLib (To convert the image)
    Ok, open Photoshop CS5, and click on the 'File' tab, and click 'New'.
    Use these settings:

    settings.
    Then, put the photo on the field, and apply the transformation. To make a picture bigger, keeping the ratio, hold shift and then drag it either bigger or smaller.
    When you are done making the spray, go to 'File' and click 'Save For Web and Devices'.

    saveweb.
    Now, the spray MUST be a small file size, so I use 70 as quality and I use a jpeg since it is heavily compressed.

    savewebsettings.
    Click 'Save' and save it to the Desktop or where ever you want.
    Now all you have to do is follow the VTFLib instructions at the bottom of the post!

    How to make a transparent spray!!!

    Alright, so you wanna make a transparent spray, eh?
    Ok, first, make a new photoshop project, following the same settings as above, HOWEVER, 512x512 is probably too big, since the Source Engine recognizes filesize by resolution rather than quality, so I would stick to 256x256. Make sure to make the 'Background Contents' set at Transparent. Now make your spray. Here is what I will be using:

    trans1.
    Now, go to the 'Layers' tab, and click your layer. After you have done that, hold control and left click the small box at the right of the layer. This will select everything that you made in the picture.

    trans2.
    After you have done that, click the 'Channels' tab and then click the following button:

    trans3.

    It will create a new alpha layer, which is recognizable by the Source Engine. What it creates looks like this:

    trans4.
    The Source Engine recognizes the white as having content, while the black is recognized as being transparent. If you were to make the black part a greyish color, it would be half transparent. This is how many textures are made.
    Now, go to the 'File' tab, and click 'Save As' and save it as a TARGA (or TGA) format.

    trans5.
    Now, it will ask you a few more question on how you want the TGA file to be. Use the following settings, or the Source Engine won't pick up your spray correctly:

    trans6.
    Click ok, and you are done with the hard part. All you have to do now is import the file into VTFLib. Just follow the instructions at the bottom to do this.

    How to convert the photo with VTFLib

    Open up VTFLib, and click 'File' and then click 'Import'.

    vtfnew.
    The photo should be imported,
    Now, you need to click on the 'Info' tab, and check the file size.
    The size of the image MUST be 220Kb or less. ANYTHING ELSE WILL NOT WORK!!!
    Mine, for example, IS WAY TOO BIG, AND ANY SOURCE GAME WILL NOT USE IT, SO I WOULD HAVE TO MAKE THE IMAGE SIZE SMALLER!!!

    info.
    Alright, so if the filesize fits the criteria, then you are almost done :D
    Now, press CTRL+SHIFT+S and save to the following folder:
    C:/Program Files (x86)/Steam/steamapps/YOUR USER NAME/counter-strike source/cstrike/materials/VGUI/logos
    You must put BOTH files into that folder, and CS:S will automatically pickup the sprays, so you don't have to browse for them.
    Congratulations, your new spray will work!!!

    Alright that is it for now! Be sure to donate to this amazing clan if this helped you or if you want to support us!
     
    #1 Rhododendron, Jan 31, 2011
    Last edited: Jun 22, 2016
  2. Banned
    Kakaguy211

    Feb 16, 2011
    293
    Still confusing.....
     
  3. Member
    Dexter

    Feb 16, 2011
    136
    That is freakin chinese!
     
  4. Registered
    Duckii
    Tired

    Dec 21, 2010
    1,874
    lol isn't that confusing once you actually get photoshop and try it out lul... Heres a video on how to make a transparent spray for css this is just like hwo silence explained it up there ^ just in video for peopel who don't really understand what he means :D ..
     
  5. Banned
    Kakaguy211

    Feb 16, 2011
    293
    It knida looks more simple to me now. Thanks :D
     
  6. Registered
    Duckii
    Tired

    Dec 21, 2010
    1,874
  7. Banned
    Kakaguy211

    Feb 16, 2011
    293
    That's a nice picture Duckii. I don't get how you can make all the different colors though. But if I get photoshop I can mess around with it and see the things I can do.
     
  8. Registered
    DareDevil

    Feb 9, 2011
    154
    lol It Still Looks Abit Confussing lol but i Think i Get it :D
     
  9. Member
    Diggy

    Mar 12, 2011
    38
    Let me simplify this for you.

     
  10. Banned
    Kakaguy211

    Feb 16, 2011
    293
    I think that is the same vid as duckii's above. :confused: