Exporting animated gifs with fade transitions in PS CS6

So I created a basic slideshow banner with three different images that fade from one to the next. When I preview it on the timeline, everything looks great, but when I go to save for web and select gif, then hit play for a preview, the fade transitions are gone and they just hard cut from one to the next. Anyone know how to keep those fade transitions when exporting?

The only way to optimize this is to use less colors and define the frame durations manualyl in the timeline in frame mode, i.e. setting the actual posters to a very long duration on a single frame and then only have the transition regions use multiple frames with short durations. Still, I don't think you will ever arrive at 40-50kB. Even a normal mail blast with static PNGs/ GIFs and JPEGs is larger than that if it contains a huge logo, decorative lines and borders and button graphics... It's unrealistic. With the above optimizations you may get to somewhere about 300kB, but not below, if you wnat to retain the fades. They are what makes your files fat because they introduce lots of colors in teh palette that can't be optimized away easily...
Mylenium

Similar Messages

  • 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.

  • Creating a animated gif with transitions..

    Hello all,
    I am creating a animated gif with a set number of pics. They will change every couple of seconds transitioning from dark to light very quickly until you see each pic, from picture to picture..
    Kind of like something you would see in flicker....
    I have not used flash in awhile, so was wondering how to go about this..
    Is this a pretty easy thing to do in flash (not to time intensive)?
    Is there a particular tool for this?
    SInce there is no movement here is this something that I can also create in Dreamweaver?
    I would like to place this on a web page I am working on, and I am thinking I could just place it where it needs to go in Fireworks before i bring it into dreamweaver...
    Thanks in advance!

    You can create an animated gif using Flash, but it will be much simpler in Photoshop or Fireworks. See this technote:
    http://kb2.adobe.com/cps/155/tn_15568.html for the Fireworks solution.

  • 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!

  • 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.

  • Can someone help me with a very basic guide to animated gif with elements 11?

    Hi
    I bought Adobe elements 11 and have been trying to do a very basic animated gif with it.I came acroos some instructions about layering,etc but still cannot get it to work. All I want to do is add two of my school photos together so that one suddenly vanishes and the one appears.I am planning to put this on my blog.
    The animation I want is the day time picture of teh school magically vanish and the night time picture appear.Can it be done with elements11(I wouldn't mind if someone can even do it for me so that I could deconstruct it later!).I have attached the two photos.Please remember ,my knowledge of phtoshop is abysmal and very very basic.My apologies for that.hence I might be need to be told like a 10-year old!
    Please help as I need this fast! Karen.

    It’s not possible to fade between gif images but you could sandwich two layers with a black fill layer between them as I have done in this example.
    Then use the menu:
    File >> Save For Web
    Choose gif as the file type, select animate, and set your timing in seconds with continuous loop if required.
    Then Save.
    PS the images are different sizes so I had to re-size the daylight image to make it the same as the night image.
    Click to view

  • 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!

  • Animated GIF with Flex

    Hi all,
         I designed a animated GIF image by Photoshop. And now, I want to add it into my web application. I referenced from
    http://www.bytearray.org/?p=95
    http://iamjosh.wordpress.com/2009/02/03/animated-gifs-in-flex/
         Have I must to download the AS3 GIF Player Class to use my animated gif with flex ?? Has Flex 3.0 support animated gif that I not need download that libriary ?
    Thanks !

    Anybody help !!

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

  • Playing animated GIFs with NetBeans

    Well for our Computer Science class we have to make a game.
    For our title screen we wanted an animated GIF to play.
    I made the animated GIF with Gimp and I am using the NetBeans IDE (I am using the GUI Builder)
    I have tried using the image as a JLabel but it didn't work.
    I just need it to play the GIF.
    Thanks.

    Ok sorry I should have posted some code.
    Also I got it to work. But I now have a new question.
    How do you loop the animation?
    Is it possible to layer a JButton on top of the GIF?
    And also is it possible to make this part of the code relative?
    Like can you make it where it looks through the entire file without a specific path.
    AndroidGIF.setIcon(new ImageIcon("C:\\Users\\***********\\Desktop\\android2.gif"));Here is the rest of my code.
    import javax.swing.*;
    class GIFTest extends JFrame
        JLabel AndroidGIF = new JLabel();
        public GIFTest()
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
            AndroidGIF.setIcon(new ImageIcon("C:\\Users\\********\\Desktop\\android2.gif"));
            GroupLayout layout = new GroupLayout(getContentPane());
            getContentPane().setLayout(layout);
            layout.setHorizontalGroup(
                layout.createParallelGroup(GroupLayout.Alignment.LEADING)
                .addGroup(layout.createSequentialGroup()
                    .addGap(27, 27, 27)
                    .addComponent(AndroidGIF)
                    .addContainerGap(41, Short.MAX_VALUE))
            layout.setVerticalGroup(
                layout.createParallelGroup(GroupLayout.Alignment.LEADING)
                .addGroup(layout.createSequentialGroup()
                    .addGap(32, 32, 32)
                    .addComponent(AndroidGIF)
                    .addContainerGap(46, Short.MAX_VALUE))
            pack();
             public static void main(String args[])
                new GIFTest().setVisible(true);
    }Note that I bleeped out the name of the computer due to privacy.

  • Animated gifs: How to transition (fade) 1 image over another

    Fireworks noob, trying to make an animated gif in CS4, reading/experimenting for hours, searching FW help documentation, Youtube tutes, Google - can't find how to pull off this basic fade.
    6 unique but same sz. jpgs in my .png (default FW worksheet doc), each a different "state" in the states palette. Got the basic timing down, all 6 pop up one after another, but I want transitions - #1 fades into #2, 2 into 3 etc. - possibly 3-4 step fade.
    How?
    Where are the other transitions/effects hidden?
    Doesn't FW have some kind of animation timeline feature where you can click through frame by frame?
    Ready to go back to Gifbuilder...
    TIA!

    Gif animations are for poster-like images. They don't work successfully with JPEGs because the file size ends up enormously large. The best program to use for whast you want to do is Flash. That said, Fireworks has an animation wizard that will fade images for you. Select an image and choose Modify > Symbol > Convert to Symbol. A dialog box will pop up enabling you to choose which type of symbol you wish to create. Choose Animation. From there, just follow the wizard. To fade one image over the other, you'll need to convert the images to symbols and animate them on different states  (frames). Symbol 1 on state 1. Symbol 2 on state 10. Symbol 3 on state 20, for example.

  • 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.

  • Exporting animated .gif

    Dear All.
    I have been tyring to export an animated banner, in animated
    .gif format. it's a simple animated text with no gradients. it
    should go on top of a graphic which has some gradients and is
    multi-coloured and with effects (the colours are similar to the one
    i used in the page) as you can see here the text looks a bit funny
    and the quality is low:
    http://www.artapart.net/test.html
    what's the best way to optimize it?

    often times you cant - GIF format is compressed and limited -
    the only thing you can do is export
    with as little compression and as many colors as possible
    depending on the nature of the graphics.
    --> **Adobe Certified Expert**
    --> www.mudbubble.com
    --> www.keyframer.com
    subway slim wrote:
    > Dear All.
    >
    > I have been tyring to export an animated banner, in
    animated .gif format. it's
    > a simple animated text with no gradients. it should go
    on top of a graphic
    > which has some gradients and is multi-coloured and with
    effects (the colours
    > are similar to the one i used in the page) as you can
    see here the text looks
    > a bit funny and the quality is low:
    http://www.artapart.net/test.html
    >
    > what's the best way to optimize it?
    >

  • Animated GIF with hover?

    Here is an animated GIF where you can stop and start it when you hover over it.  I know how to make them in PSD but not sure how to do it with the hovering (scroll down to see it on page below):
    http://www.sbnation.com/2014/1/16/5304078/breaking-madden-49ers-vs-seahawks-beeftank
    If this something I can do in Muse?  Requires coding or is it a PSD function?  I use PSD CS4.
    Thanks.

    Hello,
    This setup is possible in Muse. Please follow the steps below :
    1) First save a copy of your GIF as Jpeg image image (with just first frame of your JIF)
    2) Now place a Blank Composition Widget and keep only one Trigger and target in it (Delete the rest).
    3) Now place your GIF in Target and in Trigger, use the Fill option at top and fill the Tirgger container with the JPEG image.
    4) Select Trigger again and using the states option, you would need to delete the Fill image from Rollover, Mousedown and Active state.
    5) Place the Trigger on top of Target container and from Widget flyout opion, use the settings as shown in the image below :
    A long process but should help you achieve what the effect.
    Regards,
    Sachin

Maybe you are looking for