Transparent Textures

Tutorial collection, comprehensive listings on main site.

Transparent Textures

Postby Tutorial on Fri Aug 11, 2006 11:03 pm

category
Texture Creation

description
How to create textures that have transparent properties to them.

keywords
transparent, texture, textures, invisible, masked.

This tutorial was made for ease. So I will try to make it as clear as possible with out any unnecessary 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

Code: Select all
"LightmappedGeneric"
{
"$Translucent" 1
"$baseTexture" "custom/simpleShapeTexture"
"$nocull" 1
}


Put it in your map and check it out!!

Image
- Don't send PM's to this user -
Tutorial
Not A Real User
 
Joined: Sun Mar 06, 2005 11:00 pm

Re: Transparent Textures

Postby chargers5583 on Mon Jun 29, 2009 5:11 am

Do you know how to do this for gimp?
User avatar
chargers5583
Member
Member
 
Joined: Thu Mar 12, 2009 3:22 am
Location: Home of the CHARGERS

Re: Transparent Textures

Postby vcool on Mon Jun 29, 2009 5:15 am

Yup, I even wrote up a more or less in-depth tutorial on doing it.

I am trying to find it.

EDIT: Found it, here ya go.

viewtopic.php?f=16&t=28597#p342961
Image

Neighborhood Forum Elitist
User avatar
vcool
Veteran
Veteran
 
Joined: Fri Jun 23, 2006 1:03 am
Location: USSR

Re: Transparent Textures

Postby twitch on Mon Jun 29, 2009 11:24 pm

How would I go about doing this if I wanted to create a texture with text in it? How would I create the alpha for the portions inside say an "O" a "B" etc.?

Thanks
twitch
Member
Member
 
Joined: Thu Aug 18, 2005 7:30 pm

Re: Transparent Textures

Postby Flippy-HTF on Thu May 03, 2012 3:09 pm

twitch wrote:How would I go about doing this if I wanted to create a texture with text in it? How would I create the alpha for the portions inside say an "O" a "B" etc.?

Thanks

yeah, how can i do this for text?

because i want to make with a brush like a: NOT ENTER (done by hand, not with the text tool) but I don't know how to do the alpha channel for it.
Life sucks, I know that
Flippy-HTF
Regular
Regular
 
Joined: Sun Aug 15, 2010 5:50 pm

Re: Transparent Textures

Postby source-maps on Thu May 03, 2012 6:20 pm

erh.. it would be done EXACTLY the same as in the tutorial, the only difference would be that it would either be a font or a simple pixel layer in case of the written text, instead of the circle shape he drew
User avatar
source-maps
Forum Goer Elite™
Forum Goer Elite™
 
Joined: Fri Feb 09, 2007 7:50 pm
Location: The Netherlands

Re: Transparent Textures

Postby Stormy on Fri May 04, 2012 5:51 am

There's no real reason to do all the fancy alpha channel stuff is there? In GIMP you can just open a new image, add alpha channel, delete all, then draw wth you want and save as vtf. As long as you select an alpha-compatible compression type it saves it fine.
User avatar
Stormy
May Contain Skills
May Contain Skills
 
Joined: Sun Nov 28, 2010 6:03 am
Location: Cairns, QLD, AUS

Return to Tutorials

Who is online

Users browsing this forum: No registered users

cron