image problem

Started by Uku, Mon 10/07/2006 09:42:45

Previous topic - Next topic

Uku

ok, i have looked those pictures:
over and over. and i dont get it, how they can be transparent. so, can you peapoles help me to make this image:

transparent.

Thank you.
PS!sorry for my english.

scotch

Basically there are two ways of encoding transparency in images. There's the method where one colour in the image is selected as the transparent colour which palette based GIFs and PNGs have. And there's the other way which is to encode a level of transparency for each pixel, called the alpha channel, which true colour pngs can do (but Internet Explorer doesn't always support properly).

256 colour version, 1 bit transparency (slightly messy):


24 bit colour, alpha transparency:


AGS supports both ways in sprites, but only the second way if you're using 32 bit colour mode.
How do you make these images? Well you need to use photoshop or another graphics program that supports transparency.Ã,  Just erase the background by some means (or don't draw things on a non transparent background). In this case I used Photoshop's "background eraser" tool.

Uku

#2
deem. this doesnt work. if i want to make an homepage, then pictures bg is transparent, but
this pictures bg isnt:
PS!sorry for my english.

scotch

Yes it is, just not in most versions of IE as I said. It's just one of the niggles that make webdesigners hate IE. You have to use the other version if you want transparency to work in all browsers... yeah it looks a bit crap... it's just not so noticable on sprite art which is designed for the hard edges.

Gilbert

#4
Well, also, it depends on how 'good' you want it to look.
If you have enough patience to mess with the pic, it can still look quite good using 256 colours and 1-bit transparency (especially when the 32bit one won't show up as transparent for you). For example, this is my quick (~ 1 minute) attempt, via setting the fuzziness of magic wand to a higher value in GIMP, and some small correction in the mask on 3 or 4 pixels:


Uku

thank you, it works!
PS!sorry for my english.

KristjanMan

IE 7 beta supports transparency fine. Homepage link http://www.microsoft.com/windows/ie/default.mspx
- They are all from AGS coloringball

Penguinx

I totally forgot that 32bit games supported PNG's with alpha transparency. Woo! My long-delayed game is totally feasible. Duh!

Bartimaeus

On another note, nice cucumber you got there.  :D
~The more adventures I go on, the more sand I get in my shoes

LimpingFish

I believe it's a Courgette. :)

Or Zucchini, for our American forumites. :-*
Steam: LimpingFish
PSN: LFishRoller
XB: TheActualLimpingFish
Spotify: LimpingFish

Phemar

Zucchinis, in bikinis, are coming down the stairs
Zucchinis, in bikinis, are coming down in pairs
Zucchinis, in bikinis, are chasing the teddy-bears!
Because, on Tuesdays they like to catch them unawares!

Nacho

I am going to use this to ask if someone knows the steps to make transparencies in PSP's animating program (animation pro, 1.3 for me...)
Are you guys ready? Let' s roll!

Phemar

Farl: I used to use the program ages ago so forgive me if I'm wrong, but don't you just use the erase tool?

Bartimaeus

I protest.
It could just be a really fat, short cucumber.
~The more adventures I go on, the more sand I get in my shoes

BOYD1981

Quote from: Farlander on Tue 11/07/2006 10:41:46
I am going to use this to ask if someone knows the steps to make transparencies in PSP's animating program (animation pro, 1.3 for me...)

i usually select all the frames, export them to PSP as a layered image, select the areas i want to be transparent and delete them to make them transparent.

Limey Lizard, Waste Wizard!
01101101011000010110010001100101001000000111100101101111011101010010000001101100011011110110111101101011

SMF spam blocked by CleanTalk