Black pixels in animated gif??

Hi, I've got this game where I use gif's in a loop to make animations, what I don't understand though is when I use small animations they work fine but when I use bigger animations at the end of the animation a black stripe starts to form at the bottom of the image that grows bigger. Also it waves at little at the top of the black rectangle. I thought this was very strange, the images work normally when opened with any image viewing program. They even work in java but not when displayed in a long animation.
Does anyone know why this happens and if there is a way around this?
thnx
Message was edited by:
Jeebe

Hunt,
That's a very nice tutorial, not to mention an elegant way to handle slides with different aspect ratios. I've run into that problem myself, and always just cropped as needed using a plain black background. The "frames" around the photos were also a nice touch.
I looked at the source code for your response and saw how you embedded that video using JavaScript. Looked around online, and found Adobes "official" script, along with an exhaustive explanation of all the parameter settings at: http://kb2.adobe.com/cps/127/tn_12701.html
Adobe claims 98% penetration for Flash Player, so that's pretty good and makes it a fine choice for streaming videos, given all the clutter and extra baggage you get using YouTube. I will definitely give it a try. Thanks!
By the way, I think I figured out where those ghosts in the animated GIF were coming from. I went back into Premiere, exported the entire project as an uncompressed avi, and it played just fine with no ghosting. So I imported it into Premiere as a new project, did the export as animated GIF, and the ghosting was back.
I can only conclude that the GIF conversion process itself is flawed. Probably something with the way it parses the content, and shows up most when you have transitions with high contrast background and text. I guess it's time for the animated GIF to go the way of the floppy disc.
Thanks again for your help. If any forum member searchs for "animated + GIF + ghosting" they'll find this thread, and we'll have hopefully saved them some time figuring out why it's happening.
Dan Heim

Similar Messages

  • 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 changes to black and white when exporting

    A student created an animated gif of a solar system for class. When he tries to export it as an animated web gif, it changes everything to grayscale.

    If you go to File>Image Preview, there's a drop down menu called "palette". This is probably set to black and white or greyscale. Change it to exact or adaptive.

  • [PLEASE HELP!] Converting Flash (fla) to Animated Gif (gif) becomes pixelated!!!!

    Hey guys,
    Wondering if anyone can urgently help me please.
    I've got a FLA file making an animated banner.
    When I export it as an animated GIF, the background (which
    originally is a solid color) has either dots or crosses making up
    the color.
    I've tried different settings such as dithering, changing the
    palette but have had no luck. And I'm using one of the 256 colors.
    Using a FLA that did have a good solid bg converted animated
    GIF, I tried to export that one as well and it comes up with the
    same problem.
    So that means it's not the color/fla that is wrong, but is my
    exporting to animated gif method. Any help please?
    Attached is how the background turns out:
    http://img403.imageshack.us/my.php?image=86993715ss7.gif
    http://img140.imageshack.us/my.php?image=bg2wf9.png

    And also when I try the publish method, the text either
    produces some whacked up image or just see a sort of white box
    shape around the original text.

  • Transparency problem with animated gif within AJAX overlay

    Hello all,
    I have designed and animated a loading spinner in Photoshop CS3, which needs to sit within an Ajax overlay, with transparency set to 75.
    I tried exporting the spinner as an animated gif with a transparent background (using Save for Web), but it gave the animation a pixelated outside edge. Does anybody know how to remedy this?
    As the Ajax overlay is semi-transparent, I tried exporting the animated gif with a black background and transparency set to 75%. I ticked the transparency box in the export window, but once it is loading in the Ajax it doesn't seem to be transparent (see here: http://www.chrisgartside.co.uk/flash/Screenshot.jpg)
    Any help is very much appreciated.
    Best wishes,
    ruth.

    I forgot to mention that the Ajax pop-up is fired up from a Flash gaming applet.
    Thanks very much in advance.
    ruth.

  • Problems with animated gifs in Premiere Pro

    Hi everyone,
    I need some help with my video project - I made some animated gifs that I want to add to the end credits. Importing them etc. works just fine, but in the video, the images always show up with a white background (white "box" around the animted figure), although the gifs definitely have a transparent background to start with. If I import them e.g. as png stills, they are transparent.
    Am I doing something wrong? Or is that a Premiere thing&do I have to re-create the animations inside Premiere?
    I couldn't find anything on this in the forum and I am grateful for any help/suggestions!
    Thanks&have a great weekend!
    Patrick
    I am using Premiere Pro CS 5 on a Mac. The gifs were created in Photoshop.

    Welcome to the forum.
    When Still Images show as black, the first things that I investigate is the pixel x pixel dimensions of the images. With many Stills, even if they are within the allowed pixel x pixel range, one's computer's resources can be used up, and an alternate workflow might be useful - Scale the Images to match the Frame Size of the Sequence, prior to Import, in a program, like Photoshop. This ARTICLE might be helpful.
    The second thought is that the video driver is no longer performing properly, and needs to be updated. What is make/model of your graphics card, and what is the current number/date of your installed video driver?
    Good luck,
    Hunt

  • Settings help needed for animated GIF

    I have a simple black and white JPEG of 4 umbrellas. My goal is to create a 5 frame animated GIF that shows no colors in the 1st frame, then frame 2 shows the left most umbrella tinted yellow, then frame 3 shows the next umbrella tinted green, etc.
    I used the smart brush tool to add color tint to each umbrella, one layer at a time. Each color addition created an adjustment layer which I merged down into a "real" layer. When I go to "Save for web", I can only get 2 layers to work in an animation regardless of how small a file I create. When I attempt putting the 3rd layer in, I get an error message saying it is too big and I need to either reduce the number of layers (I only have 5 at most) or reduce the image size (I've tried as low as 10 pixels width by 5 pixels height - extremely low and using only 8 colors). Can anyone tell me what "magic settings" I may need to apply in the image size section, etc, to make this thing work?

    Ok, I figured it out. Apparently you need to reduce the size of the image before you send it to "Save for Web". When I reduced it from 2828 pixels wide to 400 pixels wide by 120 height (a workable size for my project), and then sent it to Save for Web, it all worked fine. I guess you can't rely on the "New Size" in the Save for Web screen to do the job - bummer.

  • Safari corrupt transparency in animated GIFs

    I am running Safari 4.0.4 under Snow Leopard 10.6.2 on an iMac (mid-2007) and am having issues with animated gifs on websites displaying with fringes of mis-coloured pixels where they should be transparent.
    Annoyingly, the issues are intermittent. I can find a bad GIF, see mis-coloured pixels, refresh the cache and sometimes it will be fine, sometimes it will show mis-coloured pixels again but in different places and colours.
    Here are two screenshots of the issue. I have cropped the GIF, zoomed it 200% and saved it static for you to see the problem.
    Example 1 : http://www.dcoffey.co.uk/images/BadGif1.jpg
    This was supposed to be an animated GIF of the Scottish flag and about every 2s (which is the length of the animation), the border of mis-coloured pixels flashes off then back again.
    Example 2 : http://www.dcoffey.co.uk/images/BadGif2.jpg
    This was a snapshot of an animated GIF from DeviantART. The original is here : http://TheUncle2k.deviantart.com/art/glomppoke-146127118
    When I save the GIF to Desktop and view the individual frames in Preview, they all look perfect but if I hold the cursor down and let it flick through them all, I get the corruption appearing occasionally (Example 2 original shows it on the second frame of the original).
    Any clues?

    HI Daniel,
    Run the Apple Hardware Test from your iMac install disc to make sure it's not a video or graphics card problem.
    http://support.apple.com/kb/HT1509
    If everything is ok there boot from your install disc and run Disk Utility to make sure there aren't any errors on the the startup disk.
    Insert your install disk and Restart, holding down the "C" key until grey Apple appears.
    Go to Installer menu and launch Disk Utility.
    Select your HDD (manufacturer ID) in the left panel.
    Select First Aid in the Main panel.
    *(Check S.M.A.R.T Status of HDD at the bottom of right panel. It should say: Verified)*
    Click Repair Disk on the bottom right.
    If DU reports disk does not need repairs quit DU and restart.
    If DU reports errors Repair again and again until DU reports disk is repaired.
    When you are finished with DU, from the Menu Bar, select Utilities/Startup Manager.
    Select your start up disk and click Restart
    While you have the Disk Utility window open, look at the bottom of the window. Where you see Capacity and Available. *Make sure there is always 10% to 15% free disk space*
    From the Safari Menu Bar, click Safari / Reset Safari. Select the top 5 buttons and click Reset.
    Go here for trouble shooting 3rd party plugins or input managers which might be causing the problem.
    http://support.apple.com/kb/TS1594
    Make sure Safari is running in 32-bit mode. Right or control click the Safari icon in the Applications folder, then click: Get Info In the Get Info window click the black disclosure triangle next to General so it faces down. Select 32 bit mode. Also, (in that same window) make sure Safari is NOT running in Rosetta.
    Carolyn
    Message was edited by: Carolyn Samit

  • 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

    >
    <b>"I have to wonder why the black background was included on every frame of the moving shape."</b>
    <br />
    <br />Well, George...the only reason I can think of is because it's an animated GIF, and GIFs only support one layer.
    <br />
    <br />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.
    <br />
    <br />(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
    <b>
    <i>added</i>
    </b> a black BG so the edges didn't look jaggedy.)
    <br />
    <br />
    <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" />

  • My animated gif keeps pausing in captivate and flash

    Hi guys, thanks for your help.
    I made an animated gif in Photoshop CS4 and inserted it as an animation into captivate 6. The animation works (I played it several times by opening it with internet explorer and safari). But when I open it in Captivate the animation goes black for a split second-several times, before it reappears-several times. It gives it almost a "reloading" or pause look when I play it. The same in flash, but in Adobe Flash CS4 Professional the timeline shows black dots once in a while, as you can see in the screen shot below.
    See those black dots? I will insert a picture of what happens, when the player lands on one of those black dots:
    It's the same animation, but only shows a little. Like I said, it plays fine when I open it with an internet browser, it plays fine when I play it in photoshop, but it just won't work with flash or captivate.
    Any thoughts? Thanks so much!! I really appreciate your help guys!
    Nat

    No problem. Building a simple animation in Flash isn't that bad. You could save each "frame" as an image from PhotoShop and then import these into Flash and place one frame at the time on a keyframe in the flash timeline (press F6 to insert a keyframe).
    If you want your animation to loop then you don't have to do anything as this is the default behavior. If you want it to stop at the last frame you insert a command in ActionScript to stop it. Select the last keyframe and hit F9 and type stop() in the ActionScript window.
    Good luck!
    www.cpguru.com - Adobe Captivate Widgets, Tutorials, Tips and Tricks and much more..

  • Animated GIF not cycling frames in Tomcat

    I have pages that use animated gif files to get across a point.
    In the IDE, they cycle the images as they should
    SunAppserver cycles them properly.
    I only get the first frame in Tomcat (5.5.7)
    Over on the java.net, I saw this on a page concerning JAI:
    GIF
    The decoder supports animated GIF files and GIF files with transparent background. Only the first frame of an animated GIF file may be loaded via JAI; subsequent frames must be obtained via direct use of the ancillary codec classes.
    Um, am I missing something, or is this a Tomcat problem ?

    You just need transparency in your file. Not sure if it has to be pre-multiplied. In graphic converter you need to remove the backgrounds. Haven't used GC in years so can't say how you can be sure it's gone but in Photoshop, Illustrator and After Effects you can choose to have a checkerboard background to tell you when you are seeing 'thru' the image and by how much (the overall opacity or mask of the whole image if that doesn't confuse the issue).
    If you are using PS images they will almost certainly generated with a set of rectangles including a perimeter cropping box and white background and these need to go either before it's bitmapped in a vector base app or the relevant pixels erased after it has been bit mapped in GC. As previously mentioned, if you have a unique bkgd colour, colour selecting/keying are some ways to do this). Much faster for >10 images to generate the plots without the bkgd but this may not be possible, what software is source material coming from?
    I regularly bring in vector based moving art-work into keynote with alpha from Adobe AE, Apple Quartz and rendered .mov files. Some codecs (H.264) don't support a separate alpha channel (RGBA) but PNG (slow to render) and animation and a bunch of others do. Pre-multiplying removes the A channel in the RGBA (by multiplying the R/G/B by the A values) thereby speeding and making compatible with some GPUs/render pipelines.

  • Animated GIF not exporting content as pure white?

    When exporting an animated GIF from C6 the whites go from 255 to 251? Anyone have any suggestions to how I can solve this? I don't have problems with this when exporting it as another file type.

    If you go to File>Image Preview, there's a drop down menu called "palette". This is probably set to black and white or greyscale. Change it to exact or adaptive.

  • I can't make an animated gif in photoshop cs5

    i followed every step of this tutorial : http://www.youtube.com/watch?v=JKrjTtgJUbE
    it worked with a lot of people , but when i did it , it looked like this : http://postimg.org/image/h9gzhiuln/ !!!
    it's really annoying , i imported a video (mp4) from a movie and it looked like this , the frames are only two , one of them is white and the other one is black .
    i searched a lot about this problem but no one seems to have it but me !

    I don't have the time to watch a video tutorial just to try to understand the context of your issue, but I'll offer this bit of wisdom...
    If you're attempting to make an animated GIF from a multi-layer document, there's a key menu item you need to exercise:
    Hope this helps.
    -Noel

  • Animated .GIF in Fireworks

    Hello everyone,
    I'm trying to train myself with Fireworks so please bare with me.  I'm attempting to make an animated .gif and my question is: Is there a way to insert each image to automatically fit the canvas (100 pixels X 100 pixels)?  Currently I have to resize each different image to the canvas size in each State and it is very time consuming as there are approximately 90 different images (frames from a video).  Furthermore, is there a way I can take all 90 images and have them inserted and sized into 90 different States automatically?  Thanks for the help in advance!

    A 90 frame animation is pretty hefty. You can try a batch processing operation to scale the images first, but that would assume the images are already square.
    Once you have the images, though, you can choose File > Open, select all the graphics and choose the Open as Animation option in the Open File dialog box. That will put one image on each frame.
    Jim Babbage

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

Maybe you are looking for