Animated GIF and Transparency Trouble

[chipper3]

I am pulling my hair out.

Lets say I have an Image which is a white circle on a black background.

I am going to place on a page that has a black background.

I save the file as a GIF file and set the Black area to transparent. I could just save as solid and would still just see a white circle either way if I place on my page with a black background and I was not going to animate. I am making the black transparent as I am going to "animate" teh white region only.

Now I open in Image Ready to create an animated GIF. I create another layer which is 100% transparent and then create my animation with two frames. The first is the 'white circle' image and the 2nd is the all transparent image. I tween say 10 frames.

I save this image and place on a page.

I expect that what will happen is that the white dot will slowly disappear. But what happens is that the white dot just stays on the screen and does not "disappear". The animaton previews fine in Image Ready.

I remember reading somewhere that maybe a previous image does not get replaced (refreshed) when an animation occurs unless....

Please help and I will be glad to share a URL with anyone willing to explore this with me.

thanks - dan

[Jona]

Did you make each layer invisible after selecting the next frame?

[J]ona

[chipper3]

I started with a White Circle on a transparent background.

I duplicated this image to create frame 2.

I modify this 2nd image by making it 100% transparent.

I then Tween bewtween frame 1 and frame 2. The preview in Image ready works fine. The Explorer preview in Image ready DOES NOT run but just shows file info in the browser window .

I save optimized as HTML and Image.

I run the new page in Dreamweaver and All that happens is that I see the original image and NO animation.

dan

[Jona]

Did you save it as a GIF file? JPEG's cannot be animated. Other than that, you might be only saving one frame instead of all of them together. That's the only thing I could think of...

[J]ona

[Aronya1]

Originally posted by chipper3
I run the new page in Dreamweaver and All that happens is that I see the original image and NO animation.

If you are only previewing it inside of DW, I don't think you will see animation. You need to preview in a browser.

[chipper3]

DW allows you to Preview in the browser of your choice to "check it out."

I am starting to beleive that the problem is Associated with some type of transparency "mismatch."

So instead of flogging this, let me start over and state what i want to do. Maybe starting from scratch will develop a better solution than fixing this mess.

I want a web page that has a black background. I want to place on that page a Logo that is white on black. Then I want that logo to dissolve to all black and "disappear." I do not want the black backgound of the logo to dissolve as the white dissloves and spoil the effect - I just want teh white to dissolve from white to black.

[Jona]

Logo? I thought you said it was a circle.

Anyway, it would be the same concept. On the first frame, have the logo. Then select the second frame, duplicate and hide the original layer, create a new layer, fill it with black, set its opacity to 40%, press CTRL+E to merge the layer with the duplicate of the original layer. Repeat, increasing the opacity until it is black. Then reverse it to go back. Shouldn't be too hard...

[J]ona