Animated GIFS lose transparency in iWeb 08

Hi All
I am using iWeb 08 (2.0.4) and Mac OS X Tiger 10.4.11. When I try to place a transparent animated GIF in iWeb, it looses the tranparent background and shows up with a horrible white background. Does anyone have the solution to this problem?

Hi AllAboutiWeb,
Only in iWeb 08. I haven't tried to publish the site yet. Also, I will not be hosting the site at mac.com or me.com. Instead, I will publish to disk and upload the site to my hosting service.
I created the animated gif in Adobe ImageReady 7.0 and it works well (transparency included) in Safari and Firefox when I drag the animated gif to a browser window.

Similar Messages

Animated gif with transparent background

When I import in Keynote an animated gif with transparent background. The background becomes white. I did the following tests:
If I extract a single image from the animated gif and import it in keynote the background is actually transparent but it becomes white when I import the whole gif.
I also checked with other applications (NeoOffice) and the animated gif does come out with a transparent background.
Do I do something wrong in Keynote ?

This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
Good luck!

Is it possible to create an animated GIF with transparency in AME?

I have Adobe Media Encoder CS5.5 with Windows 7. Is it possible to save a video (I saved it as uncompressed AVI from After Effects) as an animated GIF with transparency in it (eg. black=transparent)?
I also have VirtualDub 1.9.11 but don't see a transparency option in that.
It's for the web where I'd like the normal web background to show in the black (ie. should be transparent) parts of the GIF.

Thanks. But if I wanted to keep using it it costs about £600 to buy. Would Adobe Photoshop Elements 11 be able to do this too (also, seeing as there is an animated gif creation option in AME and used to be in AE, couldn't they just add a checkbox etc. for AME/and AE for doing transparent gifs in those if they don't support it? Since transparency is a standard feature of .GIF is seems strange to allow GIF creation but not allow transparency)?

Using animated gifs with transparent background.

Hi guys,
Keynotes 6.2.
I have been onto apple support with this problem.
I add a transparent animated gif to my project.
It show as a movie correctly in the presentation but when exported as quicktime or HTML the movies fail.
We eventually found out that quicktime does not support animated gifs. ( support.apple.com/kb/ht3775 )
So I exported the animation onto a folder with all the frames separately and brought them into final cut pro.
I then followed these tutorials on how to export with transparent background. ( http://provideocoalition.com/mspencer/video/fcp-x-and-alpha-channels and http://www.larryjordan.biz/fcp-export-transparency ).
I now have a quicktime movie that if I bring back into Final Cut Pro it has a transparent background.
However when I bring into keynotes it still has a black background. (presumably keynotes does not recognise the Apple Prores 444).
Any ideas how I can achieve what I need. ?
I am using a program called crazytalk animator and can output with transparent background. Animated Gif or a series of image stills BMP, JPEG, TGA or PNG.
Cheers
SteveW

This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
Good luck!

Creating animated gif with transparency

I have created an animated gif that fades in from nothing (transparent) using the opacity tool.
when i save as optimised in Imageready the image fades in in a kind of grainy unatractive way.
is there any way i can adjust the optimisation settings so it doesn't do this? or any way of using tween to overcome it?
when veiwed in 'original' view it fades in beautifully with no grainyness
i have attached the image here as a demo (you might need to refresh the page to see it reload)
any help greatly appreciated!

The GIF format only offers 1-bit transparency so you either have pixels there at 100% or at 0%. A pattern or diffusion dither is used to fake partial transparency. This is where you see the grain.
You're trying to do something that the GIF format does not support. You need to approach this differently. Web page elements that fade in are done with javascript or Flash/SWF.

How to export animated gif with transparent background and glow effect?

I've been having issues lately with creating animated gifs in flash. I finally figured out a way to export a gif with a transparent background but I'm now having an issue with it again because I'm using a glow effect. When the gif is exported the glow effect changes into a very poor quality and becomes less of a glow and more like a solid color. I've even exported a png sequence from flash and put it into photoshop then created a gif from there but I'm still having the same issue. Is there anyway I can properly export this in gif form so the quality is the same as when I test it in flash?
I've provided an image of what my issue looks like and the settings (I've messed around with the settings and this is the best I can come up with) . This is in photoshop but the result is similar in flash. The left one is what it originally looks like and the right is what it will look like after exporting. As you can see as I said before the glow changes into more of a solid color kind of like a border. Any help would be greatly appreciated, thanks in advance!

A GIF is limited to 256 colors while a glow effect likely wants to tie up thousands (let's just say 'lots') of variations of tone.

Problem to create animated gif using transparent frames

Hi, everyone:
My name is Edison, I am playing with Gif89Encoder utility classes to make an animated gif which is a requirement for my course work.
I got some problem about the transparent frames. I used the png image as the frame to create the animated gif,
those pngs have transparent colors and the background is totally transparent, when i create the animated the gif with those
frames, the animated gif display the colors but without transparency for those colors, but the background is transparent as expected.
I am not sure if I should IndexGif89Frame or DirectGif89Frame for the colors from the Gif89encoder package.
Is there anyone got the same problem and knows how to fix it?
The following is how i setup the colors in my png file, the alpha channel is 80.
Color[] colours = new Color[7];
 colours[0] = new Color(255, 255, 255, 0);
 colours[1] = new Color(128, 128, 255, 80);
 colours[2] = new Color(128, 0, 128, 80);
 colours[3] = new Color(0, 128, 128, 80);
 colours[4] = new Color(128, 128, 0, 80);
 colours[5] = new Color(204,102,255,80);
 colours[6] = new Color(255, 0, 0, 80);The code i did to generate gif:
public void run89Gif()
 Image[] images = new Image[4];
 try{
 images[0] = ImageIO.read(new File("D:/temp/0.png"));
 images[1] = ImageIO.read(new File("D:/temp/1.png"));
 images[2] = ImageIO.read(new File("D:/temp/2.png"));
 images[3] = ImageIO.read(new File("D:/temp/3.png"));
 OutputStream out = new FileOutputStream("D:/temp/output.gif");
 writeAnimatedGIF(images,"Empty annotation", true, 1, out);
 images = null;
 }catch(IOException er){ }
static void writeAnimatedGIF(
 Image[] still_images,
 String annotation,
 boolean looped,
 double frames_per_second,
 OutputStream out) throws IOException
 Gif89Encoder gifenc = new Gif89Encoder();
 for (int i = 0; i < still_images.length; ++i){
 gifenc.addFrame(still_images);
gifenc.setComments(annotation);
gifenc.setLoopCount(looped ? 0 : 1);
gifenc.setUniformDelay((int) Math.round(100 / frames_per_second));
gifenc.encode(out);
Thanks in advance.

Hi, everyone:
My name is Edison, I am playing with Gif89Encoder utility classes to make an animated gif which is a requirement for my course work.
I got some problem about the transparent frames. I used the png image as the frame to create the animated gif,
those pngs have transparent colors and the background is totally transparent, when i create the animated the gif with those
frames, the animated gif display the colors but without transparency for those colors, but the background is transparent as expected.
I am not sure if I should IndexGif89Frame or DirectGif89Frame for the colors from the Gif89encoder package.
Is there anyone got the same problem and knows how to fix it?
The following is how i setup the colors in my png file, the alpha channel is 80.
Color[] colours = new Color[7];
 colours[0] = new Color(255, 255, 255, 0);
 colours[1] = new Color(128, 128, 255, 80);
 colours[2] = new Color(128, 0, 128, 80);
 colours[3] = new Color(0, 128, 128, 80);
 colours[4] = new Color(128, 128, 0, 80);
 colours[5] = new Color(204,102,255,80);
 colours[6] = new Color(255, 0, 0, 80);The code i did to generate gif:
public void run89Gif()
 Image[] images = new Image[4];
 try{
 images[0] = ImageIO.read(new File("D:/temp/0.png"));
 images[1] = ImageIO.read(new File("D:/temp/1.png"));
 images[2] = ImageIO.read(new File("D:/temp/2.png"));
 images[3] = ImageIO.read(new File("D:/temp/3.png"));
 OutputStream out = new FileOutputStream("D:/temp/output.gif");
 writeAnimatedGIF(images,"Empty annotation", true, 1, out);
 images = null;
 }catch(IOException er){ }
static void writeAnimatedGIF(
 Image[] still_images,
 String annotation,
 boolean looped,
 double frames_per_second,
 OutputStream out) throws IOException
 Gif89Encoder gifenc = new Gif89Encoder();
 for (int i = 0; i < still_images.length; ++i){
 gifenc.addFrame(still_images);
gifenc.setComments(annotation);
gifenc.setLoopCount(looped ? 0 : 1);
gifenc.setUniformDelay((int) Math.round(100 / frames_per_second));
gifenc.encode(out);
Thanks in advance.

How do i export a flash movie as an animated gif with transparent background?

each export has the background in it.
I have looked into the publish setting for gif but no option there, or in the background colour setting in the main design window has any Alpha or Transparency setting.

Thought that issue went away. The only workaround I found was exporting a PNG sequence with transparency, importing it all back into a better animated GIF exporter like Fireworks as an image sequence and exporting it from there again. It will give you the best quality, control over the timeline, looping and various per-frame AGIF functionality.
But yes, it's a multi-step headache.

White pixels in animated GIFs with transparency

Problem: at least one transparent pixel becomes solid white when exported as a GIF
Details: there is approximately one pixel per layer, but occasionally there are more. There doesn't seem to be a pattern in where the pixel(s) are located. How can I prevent this from happening? If I can't, what's a good way to get rid of the pixels later?
I use Photoshop CS3, but I think this problem may not be related to the version I'm using. Sorry if this problem has been resolved in a later version!

The pixel is there. That's why it's showing.
What Marion was trying to explain is, you may not have seen it before trying to save as GIF. If a pixel exists which is 5% white, you really won't see it against the transparency checkerboard. When you save for web, the application can't make a 5% opaque pixel for a gif. It's either 100% opaque or 100% transparent. Since the Save For Web sees color there.. it assumes you want that pixel and chooses 100% opaque.
The solution is to find the partially transparent pixels and remove them before choosing save for web. Often adding a temporary solid-color layer below the artwork will help you see these partially opaque pixels, as will adding a temporary stroke layer style.
For example this image would appear to be transparent except the two circles (horribly blurred due to size increase to for this example).
But if I were to use Save for web, all sorts of things would appear. Look what happens when I put a temporary layer style stroke on the layer.....
All the white pixels which were not visible suddenly become visible. In fact, download the first image and add a layer style stroke to it yourself. You'll see how nearly transparent pixles can effect an image.

Does animated .gif export support animation of library symbols?

I'm currently using the 30-day free trial of Adobe Flash Professional CC. I was really pleased to see how easily you could export animations in animated .gif format, seemed to run without a hitch.
One thing I noticed while using Flash is that instances of symbols placed into a scene don't actually animate when you use the "Play" function -- that is to say, when you press Enter and the playhead starts moving along the timeline from its current position. They remain at the very first frame of their respective animations. In order to show the proper animations of symbols, you have to use the Test function (CTRL - Enter) to actually compile a working .swf of the thing.
This wasn't much of an issue until I tried to export in .gif format and I got this same issue. Instances of symbols don't animate, they only seem to work in compiled .swf's.
FileDropper link to the working file I'm using: http://www.filedropper.com/flashbottle
Result .gif: http://i.imgur.com/PZVXST7.gif
Since the use of symbols in the Flash workflow seems to be a rather common occurrence it seems unthinkable that Flash wouldn't support their usage with whatever mechanism they use to export animated .gif's. Is there some sort of silly mistake I'm making or checkbox I need to toggle? Or is the functionality simply not there?

Thank you for your reply!
I check exported GIFs in various browsers and XnView viewer.
It's definitely not a preview issue - i have 32Gb of RAM and Nvidia Quadro 4000 GPU on my system.
I believe the issue is with transparency, because i'm able to export GIFs with solid background just fine
GIF export dialogue window has 'Transparency' checkbox, so it looks like it should be possible to export an animated GIF with transparent background, but for some reason i'm getting all frames at the same time
thank you

Animated GIF Export issues

I have a simple Flash animation which I'd like to be made
into a transparent GIF.
When I do the GIF export, only the first frame of my
movieclips (which are placed in the main timeline) get rendered. It
seems like Flash only records the main timeline preview output into
the GIF file, and does not play movieclip objects. You would expect
the GIF recording to be of the same preview as when you hit
ctrl+enter (essentially final playback).
Because of this, the GIF export is pointless. The only way to
use it is to have all your animations occur in the main timeline,
and not within movieclips. It doesn't work for me (and for most
people?), because I need to easily scale my animations, which is
doable by just resizing a movieclip.
Is there a way around this in Flash? Am I missing something?
I've had to use a 3rd-party tool (Magic SWF2GIF) to do the
GIF recording.
My other issue is Flash cannot export transparent GIF's it
seems. Because of this, I have to rely on more 3rd-party GIF tools,
most of which are rubbish.
In the end, I've had to take snap shots of every individual
frame and edit each frame as individual files in Photoshop to do
all the cropping and transparency just right. Real pain when you
are talking 50 frames, and having to do multiple animations.
Is there a way to export transparent GIF's in Flash?
Seems kind of dumb that I have all this high-end software and
loads of tools... and I still have to edit things frame by
frame.

Thank you for your reply!
I check exported GIFs in various browsers and XnView viewer.
It's definitely not a preview issue - i have 32Gb of RAM and Nvidia Quadro 4000 GPU on my system.
I believe the issue is with transparency, because i'm able to export GIFs with solid background just fine
GIF export dialogue window has 'Transparency' checkbox, so it looks like it should be possible to export an animated GIF with transparent background, but for some reason i'm getting all frames at the same time
thank you

Animated Gif with large base image & small animated part.

Hello guys
I'm not really sure how to explain that, due to my limited English comprehansion. I will try with images.
I can easily create animated gif out of multiple layers, given each layer is identical, with small changes accuring over time.
But I yet to figure out an animated gif, that uses one large image for the base, and only small part of it is animated.
I always get the animated part working, without the large base applying across all the frames. All it does, is flashes once
the frame is reached and then moves on to being transparent, showing only the small animated part.
For example, this is a GIF made with Galaxy S4, of my friend playing with his phone, imported into PS CS6. On the Galaxy,
after I record the GIF, I can use my finder to touch, mask and freez parts I don't want to move, and leave only small, animated bit.
When I import it to PS, it shows one layer with full image, and bunch of frames with the animation part only.
http://i.imgur.com/UAiopQA.jpg
http://i.imgur.com/7XOGGV6.jpg
Problem is, once the image is open with PS, I'm not able to export it to keep it working in the same manner. Given the Samsung's
gifs are 8 to 10mb, it's hard to edit it, to make it more size friendly.
The gif clearly works the way I describe, so there is a setting or method I don't know about.
If PS is not best tool for editing GIF, what other apps would you recommand I use for it?
Thank you for the taking the time to read
best regards
Monica

This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
Good luck!

Animated GIF export issue

Odd new issue surfaced today - frame animation plays fine when played from timeline but all layers are exported stacked on top of each other for the duration of the whole animation.
I'm able to see that because the layers have transparency.
About animation - 8 frames with in endless loop, imported into a timeline via 'Make Frames from Layers' command in a fly-out menu in the Timeliine window.
Tweens for animation are off, 01.sec delay for all frames
I was able to export animated GIF before, wondering if this issue is tied to the latest update.
Anyone else is experiencing this weird issue?
-thank you
Photoshop CS6 Extended
Windows 7x64 SP1

Thank you for your reply!
I check exported GIFs in various browsers and XnView viewer.
It's definitely not a preview issue - i have 32Gb of RAM and Nvidia Quadro 4000 GPU on my system.
I believe the issue is with transparency, because i'm able to export GIFs with solid background just fine
GIF export dialogue window has 'Transparency' checkbox, so it looks like it should be possible to export an animated GIF with transparent background, but for some reason i'm getting all frames at the same time
thank you

Animated GIF Fix?

With the recent releases of KN 4.0.2, OS 10.5.2 and the Graphics update today, I was hoping that Keynote would better handle transparency in animated GIF images. I haven't seen any change but am wondering if anyone else has been able to get transparent GIF animations to work?
Thanks,
Chris

I'm having this same problem. Animated GIFs with transparency look fine in Safari or Preview, but have an opaque background in Keynote 4.0.1.
People have suggested using Flash, but Keynote doesn't allow importation SWF files that I can see.
And I can't figure out how to generate PNG-video, which a poster suggested in answer to an archived version of this same problem.
If anyone knows a workaround, I'm all ears!

How can I make a transparent animated gif?

I'm using CS2. I have an animated gif that I want to take the black background out of so that the animated part of it is all that remains.
Here is a link to the image:
http://img.photobucket.com/albums/v97/tragicmike/random/Tesseract.gif
I basically want to remove all of the black background from the image so that the animated tesseract is all that remains. I know how to open the gif to expose the layers using ImaegeReady, then edit them in PhotoShop. But when I made the black areas of each layer transparent (by selecting the RGB channel, inverting the selection, and hitting delete), saved a copy, and tried viewing it, it seems to just display all of the transparent layers constantly instead of cycling through them.
Can someone please help me figure out how to make an animated gif with a transparent background? If I lose some of the black areas of the animated part (since they seem to get deleted when I remove all of the black background) it's no big deal. I just need to know how to do this so that it plays correctly.
Thank you!!!
Mike

>
"I have to wonder why the black background was included on every frame of the moving shape."
 
 Well, George...the only reason I can think of is because it's an animated GIF, and GIFs only support one layer.
 
 Whatever application it was created in should have been able to render it out with a transparent BG. But I suppose the creator had his/her reasons for going with the black BG.
 
 (Full disclosure: I ran across
<s>that same</s> a similar animation back in December, and the version I grabbed only had the black showing through the inside of the tesseract. I opened it in ImageReady and

added
 a black BG so the edges didn't look jaggedy.)
 
 
<a href="http://www.pixentral.com/show.php?picture=1FgHXbj4UpXYtUVrbeah7sbqQXDR40" /></a>
<img alt="Picture hosted by Pixentral" src="http://www.pixentral.com/hosted/1FgHXbj4UpXYtUVrbeah7sbqQXDR40_thumb.gif" border="0" />

Animated GIFS lose transparency in iWeb 08

Similar Messages

Maybe you are looking for