PDA

View Full Version : How to make a css transparent spray using photoshop


BaDBoY UK
28-01-06, 07:16 PM
Right, after noone took my request on csbanana.com for the LNY spay I decided to do it myself, and it was really easy.

http://www.lanarchy.co.uk/images/lnytag.jpg

Basically it is all spelled out here (http://homepage.ntlworld.com/craigweb2k/Spray_Tut/) but I will detail it quickly below

1) make your spray using gif images (if you want transparency) using photoshop and save the final article as a .tga file
2) dl the vtex program from the site above "here" clicky
3) follow their instructions
4) this will create the vmt and vtf files in your (name)/css/csrtike/materials/vgui/logos folder
5) select the spray in your options menu in css

Bobs your uncle. I have made one which can be downloaded here (www.lanarchy.co.uk/files/LNYSpray.rar). A screenshot of it is available in the rar file too, as well as how to install the spray and any you create yourself.

Good luck to all

Sharky
28-01-06, 07:45 PM
very nice spray m8, although i have no idea how you made it, or how to make my own, even after reading ur post! must be the accent i cant understand?? :D

McBain
28-01-06, 08:10 PM
Nice one BadBoy. I've edited the first post, with links and pics :)

bones
28-01-06, 08:38 PM
make your spray using gif images (if you want transparency)
you dont have to use gif images. i make trasparent images using jpeg's all the time.

dre
28-01-06, 09:21 PM
Well i just got it today and have no idea how to do anyting :lol:

FIDDY
28-01-06, 09:37 PM
same with me and i probably know what is coming by pingu or helios (im thinking :rtfm: )

McBain
28-01-06, 09:52 PM
you dont have to use gif images. i make trasparent images using jpeg's all the time.
Erm, are you sure? I'm not even sure thats possible is it? Post one pls. :)

BaDBoY UK
28-01-06, 10:06 PM
Nice one BadBoy. I've edited the first post, with links and pics :)

Yeah thanks McBain - looks much better to have the screenie in the post :thumbs:

you dont have to use gif images. i make trasparent images using jpeg's all the time.

I tried using a jpeg but it does not produce a transparent background. As McBain said pls post one you have made using a jpeg.

@ sharky - my accent? I won a writing competition while at University so I doubt very much that my accent comes through in my written work :roll: click on the "here" linky poos Sharkster :thumbs:

**EDIT** - I have made another one for me, and am now taking requests - its good fun once you know how to do it.
PM with a request and make sure you give me links to the piccies you want included as well as how you want it laid out and what text should appear

http://img81.imageshack.us/img81/116/remname5wv.jpg

bones
29-01-06, 11:18 AM
i used a .jpg to start with and ended up with a .png

http://i35.photobucket.com/albums/d155/bones495/ExportWizard-1.png

Penguin
29-01-06, 11:20 AM
It's not transparent, it's a white background.
The only file formats that support transparency are .gif and .png. You cannot get a transparent .jpg
Edit: You've just changed it for a transparent .png as I was typing this

bones
29-01-06, 11:45 AM
i was under the impression that BB and everyone else was saying that you can start with a .jpg and not end up with a transparent image.

a simple misunderstanding on my part i think :oops:

Simon
29-01-06, 12:04 PM
lol, anyone can save it as another format bones ;)

FIDDY
29-01-06, 12:27 PM
i went through the tutorial and then right at the end it wouldnt change to a vtf file, can anyone help

BaDBoY UK
29-01-06, 01:14 PM
i went through the tutorial and then right at the end it wouldnt change to a vtf file, can anyone help

your spray must be a miltuple of 64 in res, i.e. 64x64, 128x64 ... 512x512 or it will not produce a vtf output - the output also appears in the vtex materials/logo folder not the actual cstrike one

Hope this helps :twisted:

FIDDY
29-01-06, 03:41 PM
i did it with the actual file shown in the tutorial,
i put the file in the folder it said at the end and then when you have to go on this thing and it changes it it didnt appear in the other folder

BaDBoY UK
30-01-06, 11:05 AM
http://img83.imageshack.us/img83/8130/untitled7ez.jpg

http://img294.imageshack.us/img294/5349/remnamehost8sh.jpg
My latest :twisted:

**edit** did one for scoobs too because it was the easiest to find a good pic for

http://img57.imageshack.us/img57/8130/scoobs4tx.jpg

If you want it let me know or pm an email addy. If you dont, no worries, I was trying out diff techniques ...... now onto McBain

**edit** did one for mcbain based on his avatar - feel the lanarchy logo being solid looks better

http://img62.imageshack.us/img62/6581/mcbainprev5ob.jpg

Mincemeat
30-01-06, 01:20 PM
thats amazing. Very nice :)

BaDBoY UK
30-01-06, 01:33 PM
thats amazing. Very nice :)

If you have a request pm me on the forum mincemeat - I can do virtually naything now 8-)

Mincemeat
30-01-06, 01:59 PM
I have sent the PM

BaDBoY UK
30-01-06, 03:14 PM
For mincemeat (ill make the simpsons one after I revise some good binomial and normal distributions and some linear regression)

http://img220.imageshack.us/img220/592/mincemeatscreen5hm.jpg

For sharky

http://img208.imageshack.us/img208/5364/sharkyspray3jx.jpg

Kona
30-01-06, 03:31 PM
alright guys i have had a go at making my own spray however i am using adobe photoshop element 2 which uses the gif file format but css options spray files dosent seem to pick up this can anyone help with other ways getting around this????

This is what it looks like so far;

http://img229.imageshack.us/img229/9708/george6ff.th.gif (http://img229.imageshack.us/my.php?image=george6ff.gif)

BaDBoY UK
30-01-06, 03:39 PM
dosent seem to pick up this can anyone help with other ways getting around this????

yep this is the problem I encountered. You need to save as a tga then change to vtf/vmt using the program on the clicky above. If you send me the gif or the tga file output file I can change it for you :)

FIDDY
30-01-06, 05:17 PM
badboy if i sent you the tga of mine would it work???
although my spray i made is only the one in the tut

Sc00by
30-01-06, 05:29 PM
**edit** did one for scoobs too because it was the easiest to find a good pic for

http://img57.imageshack.us/img57/8130/scoobs4tx.jpg

Ooh can you mail that to me? ;)

sc00by@sc00by.net
ta :thumbs:

BaDBoY UK
30-01-06, 05:41 PM
Ooh can you mail that to me? ;)

sc00by@sc00by.net
ta :thumbs:

Sent mate. Let me know any problems

badboy if i sent you the tga of mine would it work???
although my spray i made is only the one in the tut

I can but your tga needs to be a multiple of 64 in height and width :thumbs:
do I need to explain that?

FIDDY
30-01-06, 05:43 PM
it obviously will be as it is the file in the tutorial,
im sure i told you that

BaDBoY UK
30-01-06, 05:54 PM
it obviously will be as it is the file in the tutorial,
im sure i told you that

No sod that, let me know what one you want and Ill do it :thumbs: why waste time?

Kona
30-01-06, 05:59 PM
ok badboy would you be able to do it for me as im rushed of my feet right now with design work?

where would you like me to send the gif file to???

bones
30-01-06, 07:00 PM
i just made myself a new spray:
http://i35.photobucket.com/albums/d155/bones495/bonesspray001.png

helios
30-01-06, 07:22 PM
See what you can come up with for me then ;)

BaDBoY UK
30-01-06, 07:31 PM
See what you can come up with for me then ;)

Im workin on your Helios - tryna get it just right :thumbs:

Penguin can make his own cos he's more skilled than me, and found a nice pic of a vampire for Lestat but I dont think he'll be wanting one some how - Ill do it anyways :twisted:

**edit** - Helios, like the one below? I tried a sun shwoing it's immense power but couldnt get the background right

http://img55.imageshack.us/img55/966/heliosspray15cy.jpg

Godlike lol

Let me know if you want it :thumbs:

BaDBoY UK
01-02-06, 04:45 PM
bump the above :thumbs:

[OLSC]Fizban
01-02-06, 05:32 PM
You still looking for compertion ideas McBain?

helios
01-02-06, 05:41 PM
lol... make everyone think we have 4-year-olds in teh clan :lol: nice one

BaDBoY UK
01-02-06, 09:54 PM
lol... make everyone think we have 4-year-olds in teh clan :lol: nice one

It was a joke Mr Helios - I did it as a joke and I doubt Faith will be spraying it anytime soon *badboy hopes not* :side:

**edit** stokes asked me for one, and has thus far been the only person to give a jpg worth working with - awesome find stokes btw :thumbs:

http://img213.imageshack.us/img213/6168/stokesspray1za.jpg

Like it?

bones
02-02-06, 09:04 AM
wow BadBoy! this is some quality work :thumbs:

BaDBoY UK
02-02-06, 09:23 AM
wow BadBoy! this is some quality work :thumbs:

Thanks mate, I actually enjoy making them and knowing my LNY comrades appreciate them.

Stewie
02-02-06, 11:03 AM
Can you make me one Badboy using this image....My Ones Don't seem to want to go clear....Stupid Photoshop Elelments :vader:

http://www.starwars.com/databank/character/vergere/img/eu_bg.jpg

ArTFuL DoDGeR
02-02-06, 03:55 PM
Thanks a bunch mate very much appreciated i did try and have a go but i didnt watch any of the tutorials and found it realy hard, but looks like your turning into a bit of an expert. Great work :D

Stokes

BaDBoY UK
02-02-06, 06:53 PM
Can you make me one Badboy using this image....My Ones Don't seem to want to go clear....Stupid Photoshop Elelments :vader:

sure np mate - itll be done by 2m night for ya if not earlier :thumbs: the image looks like itll be easy to work with

bones
02-02-06, 08:30 PM
here is another one of my latest creations :
i dont think its that good but hey! they are fun to make :D

Stewie
02-02-06, 08:51 PM
Nice one Bones.....Thanks v much BadBoy

bones
02-02-06, 09:16 PM
BadBoy could/should be [LNY]'s personal spray creator! :lol:
and maybe i could be his assistant? :user: :wink:

seriously though BB, you are turning into a professional photoshop user! well done mate :thumbs: i congratulate you!

BaDBoY UK
02-02-06, 10:05 PM
Lol here is my first attempt at Fosh's - to be edited if he can join LNY

http://img430.imageshack.us/img430/673/foshjedi5wh.jpg

Need to sort few things out first

Stewie
02-02-06, 10:42 PM
Maybe this is an Easier image to work from.

http://i19.photobucket.com/albums/b191/Foshjedi2004/vergere.jpg

BaDBoY UK
03-02-06, 12:26 AM
http://img329.imageshack.us/img329/4513/foshjedi1yz.jpg

Better? I think so

Also, I did one for Couch, I especially enjoyed this one and writing the phrase "Youll never walk alone" almost brought a tear to my eye :cry:

http://img320.imageshack.us/img320/1049/crouchspray19ey.jpg

Like it Crouch?

The next two are for Helios

http://img405.imageshack.us/img405/9977/heliosspray12bf.jpg

http://img405.imageshack.us/img405/9913/heliosspray29nj.jpg

Gothic feel to both - like em :?:

helios
03-02-06, 07:16 AM
i must admit mate, i love the first one. Any chance you can send it to me at somepoint?

Sc00by
03-02-06, 07:26 AM
Just to say:

I :wub: mine... Thanks a lot Sir! I bow down and worship your godlike Photoshopping!

;)

BaDBoY UK
03-02-06, 09:02 AM
i must admit mate, i love the first one. Any chance you can send it to me at somepoint?

Done. Sent both Stokes' and Helios' via email. Install instructions included just in case :roll:

... and nps sc00by - Im glad you like it m8 :thumbs:

Stewie
03-02-06, 11:05 AM
THANKS. Much Much better :D

Can you mail it to be Badboy Please.

Sharky
03-02-06, 12:55 PM
Badboy mate, is it me or are you getting better at this?? or is it just the pictures you are using are more adventurous? they all look awesome mate, i think you have found your calling!!

keep up the great work mate :thumbs:

Kona
03-02-06, 06:01 PM
yeh really nice just shows Peter Crouch as a liverpool legend and as for the famous liverpool quote, jus love it :thumbs:

Do you recon you could send it to me via email please :thumbs:

ArTFuL DoDGeR
03-02-06, 06:09 PM
The famous liverpool quote they robbed of celtic :P

Stokes

bones
03-02-06, 07:57 PM
there you go FIDDY! :) hope you like it mate!
http://i35.photobucket.com/albums/d155/bones495/de_westwood_s0001.jpg

FIDDY
03-02-06, 07:59 PM
Cheers mate!!!
oh now i have a real dilema over which spray to use :roll:

ArTFuL DoDGeR
03-02-06, 08:53 PM
Oh no! some competition in the art of photoshopping! :P

Good work bones some ggod designs ive seen from you on here im sure you and BB would make a great team. (Hmmm photoshop team how would that work :munt: )

Stokes

Damn It Im Shite Tonight
03-02-06, 09:07 PM
First time I've read this thread all the way through, some top work Badboy & Bones :thumbs:

Been trying to think of a something for me but am coming up blank :( (It's been a tough week!). Anyone got ideas to help get me going?

BaDBoY UK
03-02-06, 09:11 PM
Do you recon you could send it to me via email please :thumbs:

Yeah - just pm me your email addy mate - I dont have it and my psychic abilites are letting me down :twisted:

Damn: Ill have a think m8 :thumbs:

bones
03-02-06, 09:27 PM
thanks guys! i am now working on a spray for myself. its hard i have to get it just right

edit : done! my new spray is finished!! i wont post it here becasue its animated so you will just have to find me on a server and see it there! :D

Jak
07-02-06, 05:41 PM
http://img216.imageshack.us/img216/306/screenshot00042xa.jpg (http://imageshack.us)

This one is mine with a help from penguin

Simon
07-02-06, 06:18 PM
http://img216.imageshack.us/img216/306/screenshot00042xa.jpg (http://imageshack.us)

This one is mine with a help from penguin

Quite nice... try an emboss on the helmet text... i forget which emboss but there's only 4 i think...

[OLSC]Fizban
07-02-06, 06:36 PM
Couple of minor things:
1) The Gimp can produce the tga files as well (and is free)
2) The sparys also work in DoD