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

Similar Messages

How to use/create icons with transparent background ?

I would like to use icons with transparent background on JButtons, but I can't find how to do it. Until now, I've been using the ImageIcon class to create icons from GIF images. These images were created with MSPaint (sorry, I don't know what I could have used instead of that). Here is how I create my buttons :
bPencil = new JButton(new ImageIcon("Pencil.GIF"));What could I do to make the background transparent and/or what software could I use instead of M$Paint ?
P.S. : sorry if my question seems silly, but I'm a newbie in Java coding...

Transparent images are GIF (256 colours) and PNG (true-colour, half transparency).
You can store the image with your code, *.class files. You then even can deliver all inside a clickable, executable .jar file.
This kind of usage is called "resource," and hence use getResource like this:
    java.net.URL imgURL = getClass().getResource("pencil.gif");
    ImageIcon icon = null;
    if (imgURL != null) {
        icon = new ImageIcon(imgURL, description);
    }You can use paths.
There exist versions of MSPaint that easily loose their transparent colour on saving.
For GIFs try internet palettes, or try to save as PNG (recent version).
Start with a transparent image from elsewhere.

Making an animation with transparent background.

Hi everyone,
I want to make my animation have a transparent background
instead of a blank background so that it can blend with my
presentation. Is it possible to create the movie like this?
Ted.

I haven't dealt with placing Flash content into a powerpoint file, so I don't know if the usual approach used in web pages is possible. Normally, in a web page you just specify the parameter wmode="transparent". Do you have any ability to set parameters for the swf when you place it in the powerpoint file?

Can I make an animation with transparent background?

I am really new to this...
Can I create an animation where it is transparent on anything I put it on?
This of a spining coin...when I add the FLV or whatever file to a page via Dreamweaver...can I only see the spinning coin and the Dreamweaver background image?
--thanks

Yes.
You just need to render and export your FLV file with an alpha channel.
You can read up on
alpha channels and transparency and
rendering and exporting to FLV format in After Effects CS4 Help on the Web.
Here's a
Community Help search for 'FLV transparent'.

Creating images with transparent backgrounds

Hello all,
     I've got a swing app drawing program where you have multiple layers, with each layer containing many components that can be moved and resized. So, in the most simple form, I have a JComponent which has a list of images to be drawn. If I setOpaque to false, the background (and other layers) can be seen through the empty spaces of this component, as expected.
     The problem was that once the number of components grew above 300, performance started suffering. So I decided to optimize it. Instead of redrawing all of the components each time I need to paint, I 'cache' that layer by drawing all of the components in a layer onto an Image's graphic. Then I do a 'graphics.drawImage(cachedImage);' in my main JComponent's paint method.
     Very fast, but now I can't see the background (and other layers) beneath the topmost one.
     So now the question. Is there a way to preserve the 'setOpaque(false)' call when painting to the image. To be more specific, I want an image that is transparent except for graphics that I've drawn into it. I've even tried first filling the image with a 'new Color(255,255,255,0)', but I'm still getting an opaque image.
thanks for any help,
Steven
A Dynamic character with an ability to survive certain death, and a questionable death scene leaving no corpse? Face it, we'll never see her again... - Riff from Sluggy Freelance

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

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!

Want to create an oval vignette in photoshop elements 10 with transparent background for printing w

I am fairly new to PSE and I want to create an oval vignette in Photoshop Elements 10 with transparent background for printing on white paper using MS Publisher. Using the white background on inverse selection makes a slight line impression and either it should have a defined "frame" or nothing.
Appreciate any guidance.

Try with the Elliptical marquee tool:
On the tool's option bar set feather 25-40 px (experiment)
Drag out the Ellipse to embrace the object
Go to Layer>new>layer via copy, or CTRL+J
Your selection should fade out as a vignette and be surrounded by transparency
Save this layer via File>save for web, select PNG-24, and tick "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!

How to create typography jpg with transparent background?

I am creating jpg artwork of typography to place on WIX.com and need to create the jpg with transparent background behind the font. Any suggestions that work?

You're welcome.. If this solves the problem, be sure to mark the solving answer correct. This makes it easier for other users to find solutions for similar issues.
Benjamin

How to create image slice with transparent background without white halo around?

Hi, I want to make slice image with transparent background. I set the slice option background color to my background color. But when the image is on my html page set against the same background color, it has white halo around:
How can I get rid of the white halo?
I need the slice image to have transparent background and not have a color background because it's going on a rollover button with the background change. I don't want it to look like this on rollover:

>it looks to me like you built it with that "halo" to start with.
No, I didn't put in the halo myself. The shape is a character from the Webdings font. It's set to some darker fill color and set on a transparent background. Photoshop put the white halo there after "Save For Web".
> Make your graphic on a transparent background and Save for Web
I did exactly that, see:
I set the slice background to my color. I try the Matte option and come out the same with white halo.
It seems I'm not making Photoshop antialias to my background color, instead Photoshop just antialias to white.
What else do I need to do?

Export with Transparent Background

I do realize this has been asked again and again. Just making a reality check. I created a lower third. Time and time again the import into Final Cut Pro was on a solid black background instead of a transparency.
I followed every post and followed the directions - with no success.
Finally I exported my Motion lower third as a Template. The effect appears as a Generator in Final Cut. When I use the created Generator in my timeline the lower third has a proper transparency and works properly.
Is that really the only way to import a Motion graphic with transparent background?? Yes, I did try creating a Movie in ProRes 4444, my project does have a transparent background selected, etc. I feel as if I am missing something.

Much appreciated :-)
I purchased the lower third from Videohive. It has the basic graphic but lacks titles. While I was watching Motion tuturials, I thought I would customize the lower third with a fancy text animation.
I tried a few experiments based on what you said. I see now.
So it appears that even though my proxy media lacks the alpha channel and does not display with a transparency, the moment I switch FCP to view Optimized/Original media, the transparency works correctly.
So I assume I can still use proxy media (if needed) and ignore the lack of transparency until my final render. As long as I am exporting from Motion using ProRes 4444 it should work correctly.
Does that reasoning make sense?
Looking at many posts across the internet, I think this is the very issue that has tripped up many people.
Thank you for your helpful comment. I was going nuts trying to figure it out.

How do I transfer a .psd file to illustrator that can then be placed in Muse as a .svg with transparent background?

I just wrote all this up in another thread. I did not realize at the time that the last post was in 2014, so I'm giving it a go here.
I am currently trying to create an .svg using Photoshop .psd file (with layers in tact). I'm new to these products so it may be obvious to others that the above intention was to eventually place the .svg in some sort of website creation software such as Muse. Which is precisely what I am attempting. However, I am getting a white background once I place or copy and paste into Muse. My starting .psd has a transparent background without any hidden layers causing this problem. To test this I placed the .psd file into Muse and it still has a transparent background. However when opening or placing this file into illustrator, it picks up a white background. If I do exactly as described above, I still get the same result. So far I have tried:
1) Simple copy and paste from Photoshop .svg to illustrator to Muse. Result - white background.
2) Placing the .psd in illustrator, then placing the .svg file in muse. Result - white background.
4) I have also tried the every combination of 1 and 2. - Result - white background.
3) I have now created a path in Photoshop from the text layer to yet again attempt the above methods. Result - white background.
I'm including an image of the object I am trying to place with transparent background, but I have both a flattened rasterized version, a version complete with layers and a third (.svg) with the corresponding objects. I am completely new to Illustrator as of today so any help would be greatly appreciated. Thanks.
Link to .psd file "Welcome text"

I was having some difficulties getting the correct dimensions of one of my objects, I eventually solved this problem without using svg. It was pretty simple when I stopped trying to over complicate things. I just linked the object to a near by object in photoshop, merged and placed it all as one. It looks great now. Thanks for your reply. You are correct, SVG was not the answer.

Images with transparent backgrounds in MDM

I've got several images in MDM with transparent backgrounds, yet when i look at these in image manager (or thumbnails in data manager) they look terrible. The transparency is black for example, among other issues. These images are all okay in photoshop, they have been saved as .png and imported through the data manager.
Has this import ruined these image files on the way in? When my search engines etc extract the images, what of the transparencies?

Hi Adam,
MDM makes use of Internet Explorer quite frequently. I can imagine that this engine is also used to display images in MDM. However, Internet Explorer in version 6 does not support transparency in PNG images. That is why the black background occurs.
Since your images after upload are only saved in a binary object in the database, you should not encounter any data loss when using the same images. If you need to create variants, I would consider using Photoshop for the creation of those.
I hope that helps you further.
Best regards
Christian

Image with transparent background shows up with a white background in ID

Amateur needs help.
I have a copy of a logo with a transparent background. I made the (white) background transparent in PS by creating a layer from background and then selecting the white color in the background and deleting it. This has always worked in the past. But when I place this image into ID, it shows up with a white background. I have tried saving as a PSD, TIF, JPG, etc. I cannot get it to work.
I normally research these things until I find an answer, but I am on a tight deadline. Thanks!

I totally forgot to put that in my post. Yes, I am putting logos with transparent backgrounds in front of colored rectangles. That's how I noticed that this one logo is showing up with a white background. The weird thing is that the other two logos are fine. I did find a different version of this logo and this one works fine. The one that works fine is a JPG and the one that shows up with a white background is a JPG.

Combining 100 pngs with transparent background, vertically into one image PSE9

As the question suggests,
In PSE9 is it possible to combine 100+ PNG files (with identical dimensions & transparent background) into a single PNG file where the images are stacked vertically? and without trimming/cropping the transparent part of the image! I want to retain the exact original image dimensions so that they all stack neatly and precisely.
So far what I've tried is opening up the 100 PNG files in PSE9, create a new document with transparent background using the same width as the individual files and the height set to the individual file height multiplied by 100. (i.e. original image is 36 x 120 so the new file will be 36 x 12000) Then I get stuck! Whenever I drag a single file into the newly created document, it seems to be cropped to the image edges and no longer retains it's original height and width. Not to mention that hand dragging 100 files seems like a long-winded way of doing things... My automate button seems to be greyed out (so no contact sheet?) and I can't find any other automated process.
Any help would be greatly appreciated,
Thanks
N.
PSE 9 on Win 7

Please compare the resoultion of the two documents too. And a better way of arranging the layers would be to use distribute option in the move tool. You can find more about the move tool at http://helpx.adobe.com/photoshop-elements/using/moving-copying-selections.html#main-pars_h eading_0
Thus your workflow would be:
Create a new document with the required dimension.
Use File>Place to place all your png files on the created document as layers
Use distribute option in move tool
A still better workflow would be to use put all the files in a folder and write an ExtendScript to read the files and place them as layers on the document of said dimension

Creating animations with transparent backgrounds?

Similar Messages

Maybe you are looking for