Snarkpit Articles


This tutorial was made for ease. So i will try to make it as clear as possible with out any unecessery steps.

What you should know:

How to make basic textures
basic knowledge of photoshop


Im using Photoshop CS, im sure most photoshops lower then this will still work. On to the tutorial!



Step1: Open photoshop, create a new file(im using 512x512), if theres anything in the layer erase it, if you cant erase it, make a new layer and delete the one with stuff in it.
image

Step2:create a simple shape
image


The following steps are the hard parts

Step3: Now Ctrl+Click on the layer that has the simpile shape, it should make a dashed outline around the shape.
image


Step4:On the bottom right of photoshop there is a box, that has 3 tabs, click on the middle one title "Channels"
image

Step5:Add a new channel
image

your screen should look like this now
image

Step6:Color in the shape white. Note: anything white in the alpha layer will show up, anything black will be transparent. anything grey will be see through.
image

now make sure all the channels are visible
image

save & compile your texture like you normaly do, i named it simpleShapeTexture

except make your .vmt file like this

? quote:

"LightmappedGeneric"
{
"$Translucent" 1
"$baseTexture" "custom/simpleShapeTexture"
}


put it in your map and check it out!!
image


Post ReplyView Topic
Discussion
0 starsPosted by Caboose on Tue Nov 7th 2006 at 1:22pm

Also, turn anti-aliasing off so you don't get that white halo around the shape.
[author]
Posted by XenNetwork on Sat Sep 23rd 2006 at 11:57pm

I appreicate your comment midk yours was probubly the most helpfull in feedback wise, I will evaluate your statments and change what I can. As of right now i can't do that scince im on some one elses computer and got to get off soon.
0 starsPosted by midkay on Sat Sep 23rd 2006 at 7:01am

Hey.

This is quite a simple tutorial, which is good in a way; however, I think you could add to it by explaining things a bit more. For example, you could explain how levels of gray in the alpha channel have varying transparency instead of just "gray will show up as transparent". You should probably also include information as far as how to save/compile the material (you just say "compile like you normally do"), as well as material restrictions (about how dimensions have to be a power of 2 instead of just "i'm using 512x512"), and maybe about how you need to add $translucent "1" to the .VMT instead of saying "make it like this" (that is, explain what to do and why instead of just saying "do it like this because this is how it's done").

Most or all of the above suggestions are based around the concept that people shouldn't have to refer to other tutorials to accomplish what your tutorial tells them how to do; it should have all the information necessary for "creating transparent textures" instead of "making your custom textures transparent by adding an alpha mask", understand what I mean? smiley Some basic material creation information would supplement this tutorial well.

It's good so far, regardless - I just suggest that you add on to it, and if you do, I'd be glad to reread and rerate it. smiley
0 starsPosted by G.Ballblue on Fri Aug 18th 2006 at 6:26pm

I'm a gimp user, and even though this tut was written for Photoshop, I think I could easily emulate what I saw in this into Gimp -- it's really not that hard, now that I've seen it done smiley
0 starsPosted by Addicted to Morphine on Fri Aug 11th 2006 at 11:06am

Thanks, I appreciate it.

I'm in China right now and my connection isn't the best.
[author]
Posted by XenNetwork on Thu Aug 10th 2006 at 8:45am

K happy? most images are 50k or around there... now go upgrade to DSL! :P
0 starsPosted by Addicted to Morphine on Wed Aug 9th 2006 at 10:35am

Could you please optimize your screenshots? 300+kb images are way too big.

There are some people who visit the SnarkPit who don't have blazing fast connections or unlimited bandwidth.

Every image could be, and should be 100k or less. Thanks in advance.
0 starsPosted by habboi on Tue Aug 8th 2006 at 10:41am

Really handy, I tried this once and failed and your guide + .gif images is a blessing.
0 starsPosted by fishy on Tue Aug 8th 2006 at 3:15am

You don't need $nocull in the .vmt file. it's used to show a texture on the normally discarded back face of a model poly. handy for leaves on trees etc.
Post ReplyView Topic