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!

Similar Messages

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!

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.

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.

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)?

Can't open gif with transparent background?

Hey everyone, I'm just having a little issue with Photoshop at the moment.
I keep trying to open up some animated gifs that have transparent backgrounds, because I want to edit them and delete some frames . I know for a fact that the backgrounds are transparent because I've hosted them on websites before.
Now, when I try to open up the gifs, i go to: import> video frames to layers> type in *.* > open gif
The gifs ALWAYS open up with a white background. Is there any way around this so they open with the transparent background? Could I try opening them a different way maybe?
Thanks in advance

GIFs do not have genuine transparency. Only a specific color in teh palette is tagged as being transparent on saving, and that is done in Save for Web. You are misunderstanding how the file format works and the behavior is therefore otherwise correct. Your only option to preview that transparency in PS would be to edit the color palette under Image --> Mode --> Color Table or convert to RGB mode and remove the fill using selections. Anyway, moot point. No matter how you do it, you cannotr circumvent teh file format's limitations.
Mylenium

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.

Gif with transparent background?

I have a .gif file with a transparent background that I want to put in my website (it's my logo) but it only copies in like a jpg?

Got it.

How to I move gif with transparent background to jpg background?

I am using the Master Squite CS 5.5 trail on Windows XP Pro with SP3. I am not a Photoshop expert, but have done a fair amount for work with iit.
I am trying to build some headers for websites and I know how to combine JPG images and text to ceate a header image.
Now I have a couple of logos that I got in JPG format, converted them to GIF and made the backgrounds transparent.
The "Move" tool doesn't seem to allow me to drag and drop a GIF image with a transparent background onto a JPG header background. I tried converting the JPG header background to a GIF image too, but it won't let me move the transparent image to this background.
I really need to get this to work somehow to create the professional look I want.
Thanks!

Your mistake is in assuming you need GIF anywhere in the process.
Try this instead: Paste your logo JPEG over the background as a separate layer, then remove the pixels you want to be transparent by either Deleting them or Masking them.
-Noel

How to make animations float with transparent background

I am taking a graduate course in adv. web design for an ed
tech program at a university. Neither my instructor nor anyone else
in my class knows how to get Flash animations to have a transparent
background, or even if this is possible. On behalf of us all, I am
wondering if it is possible to create a Flash animation without a
background--or with a transparent background, and then superimpose
it onto a web page so that the web page's background shows through
all but the animated part. We are using Flash 8. If it is possible,
can someone please tell us how to do it? I have seen web pages
where the animations float over the web page. Are these animations
made with Flash or with another program? Thank you!

Yes, it's easy, but haven't done it for a while, and not
since all the new ActiveX stuff on MS IE requires Java Script to
make the dotted outline go away.
To do it well takes a combination of Flash with the
publish-settings HTML Window Mode set to Transparent Windowless,
and tightly-designed CSS with your animation positioned in a div
that lies or overlays the exact place on the HTML page where you
want it. You can even have it scale to the entire visible window,
which can be quite cool. I did one for the holidays with snow
falling over an HTML page. It can block lnks from working, though,
so you can have the div (and animation) disappear when the
animation is done.

Export white gif with transparent background

Hi,
I suppose this is a bug, or has anybody an idea: I have a transparent canvas and a white drawing. Very simple thing. Now I want to export this as a gif, just like it is: transparent background, white drawing. But this seems to be impossible. I can choose any of the available settings in export dialog (no transparence, index-transparency, alpha-transparency), Fireworks will never export the image correctly. Either I have a total white or a total transparent gif, I even got a white drawing on black background (but can't reproduce it).
System: Mac, Fireworks CS5
Thank you, Michael

Set the Transparency type to Alpha when you export.

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.

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!

How to insert image with transparent background?

I have several logos saved at .GIFs with transparent backgrounds that I would like to import into my dashboard, but it seems that the image component only supports JPEG. Is there a way to import images while maintaining their transparency?

Well, you CAN insert GIFs or other image formats. But I have yet to figure out a way to take a GIF with a transparent background and import it into my Xcelsius while preserving the transparency. The transparent background always just defaults to white.
This is a crucial feature as I have some logos I want to use that are circular. But if I can't give them a transparent background, it drastically limits their placement options.
I know that flash does support transparency, so am I missing something here?

Creating animations with transparent backgrounds?

I'm running into some problems when using After Effects to create animations with transparent backgrounds for Keynote...
I use animated gifs and short quicktime movies with uniform backgrounds as source files, use color keying to take out the backgrounds, preview them to see if they look OK, render the results as RGB+alpha, and... they don't show up as transparent in Keynote. They work in Powerpoint, however. I've tried outputting as .mov, as .gif, as premultiplied vs straight alpha... no joy. Can someone explain (or point me to an explanation) of how Keynote differs from other programs in its handling of transparency? What am I missing?

Using a TYPE_INT_ARGB BufferedImage worked beautifully. I had played around with Image for hours, but it never occurred to me that BufferedImage would be needed. :)
many, many thanks,
Steven

Animated gif with transparent background

Similar Messages

Maybe you are looking for