Game Development Community

How can I make my image transparent in parts?

by Sam.E · in Torque Game Builder · 11/16/2008 (12:16 am) · 11 replies

Hey all, I have an image and I want it to be transparent on the outline.

I want this white part to go transparent, the only way I ever do it, every time I put it in the TGB it has a white outline.

www.freewebs.com/zalenthio/Chili%20Pepper%20Red.png
Any help would be appreciated, I haven't been able to get my game started because of this.

#1
11/16/2008 (12:51 am)
@Houssen

What graphics editor are you using to export your PNGs? That image has all kinds of alpha channel garbage in it. Since your background color for transparency is white, that's what's creating your problems.

I imported your image and was able to clean it up in Paintshop Pro X2 with no problem:
www.soulsofthebanished.com/images/torque/chilli.jpgYour original is on the right, the one on the left is my X2 export.

What I had to do is select your background color and delete it and re-export it as a transparent PNG.

I'm certain the same process should work with GIMP and Photoshop.

I also noticed that your image is palettized, instead of 24-bit. That may be where the transparency/alpha channel got screwed up to... not sure.
#2
11/16/2008 (12:58 am)
I am using Photoshop Cs3 Extended

Any chance you could give me a small tutorial about this, because I have never done this kind before.
#3
11/16/2008 (1:00 am)
I haven't used Photoshop in probably 8-10 years, I'm sure someone who's fluent in it can chime in with pointers in no time.
#4
11/16/2008 (1:35 am)
Hmm, Okay then, thanks :D
#5
11/16/2008 (1:48 am)
After downloading Paint Shop Pro I got this:

www.freewebs.com/zalenthio/jjj.JPG
I don't understand, I also got this when I used Photoshop.

I don't know whats the problem, how did you fix it in paint shop pro?
#6
11/17/2008 (3:29 am)
Bumppp.....
#7
11/17/2008 (4:31 am)
All I did in Paintshop Pro was to load the image you posted... create a new image the same dimensions (32x32), then pasted your images as a new layer on the new image. Then I selected all of the white pixels and deleted them. After that I just used the PNG exporter to create a full color transparent PNG.

If you notice, there are still artifacts of the transparent/alpha channel in TGB in the form of the image outline when you zoom in. Where yours white, mine can be seen as black. I'm not sure what causes this, as I'm by no means an expert on transparent images, graphics editors, or rendering.

When I get home from work tonight, I'll post a link to my version of the pepper for you to download and test to see what color the outline is for you. That should help us rule out if it's caused by differences between your copy of TGB and mine.
#8
11/17/2008 (6:37 pm)
If your using Photoshop, I'd double check your layers are not locked in a background layer. If it is double click on the little lock image in the layers browser. After that, just magic want or color select the white and save the image as a .PNG and it should work right as rain.

Hope this helps!
#9
11/17/2008 (11:11 pm)
Thanks all, I haven't been able to do anything yet since I have school exams to study for but I will be tuned it :D Thank you all for help any other would be appreciated and links to your 2D would be awesome to check out!
#10
01/05/2009 (4:55 pm)
You need the superPNG plugin for photoshop to correctly export PNGs with an alpha channel. Get it here:

tdn.garagegames.com/wiki/Editing_Beginner/Tools/SuperPNG
#11
01/06/2009 (5:23 pm)
Thanks, it worked !!!