Fuzzy Edges on Animated Gif

I created a very simple animation in Fireworks that loops to
a closed circle. It's pixelated around the edges and also has a
thin, pixilated white line around it. Does anyone know how to get
rid of this? I used "index transparency" on my export settings and
left the rest at default.

Just came across this same issue in CS5.  Sometimes when you resize an image using the "Image size" function, Fireworks does not properly scale either the width or the height to the closest absolute pixel.  This creates a sub pixel which becomes apparent with exporting GIFs.  You can see the scaling issue if you throw  a 1 pixel solid hard edge border around your image: if you see a transparent gap on the outside of the border then you've got the issue & it's this that causes the GIF image to go blurry when exported.   The fix is to crop the image changing the canvas size to "absolutely" crop the image.
Generally the animated Fireworks GIFs exports are a buggy part of an otherwise great web graphic design tool:
both palettes not correctly mapping colour
frame times can go heywire in complex documents with multiple pages and states
the export of an animated gif with a document with multiple pages and states can generate redundant files.

Similar Messages

  • [need help with animated gif - shows up fuzzy on IE]

    Hi,
    I created an animated gif in photoshop cs3 with combination of text and images in Mac.  For some reason, the text on the banner looks fuzzy on Internet Explorer. Do any of you know what is wrong with the banner?  Can anyone help me on this?
    Thanks

    How does it look in Firefox on Windows? By only testing one browser on Windows, you cannot determine if it is a matter of the browser or the overall settings for the computer.
    Do you have a page to share so that we can see the fuzziness or can you post the GIF file here?

  • 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" />

  • PUBLISHING ANIMATED GIF FOR USE IN POWERPOINT

    Hi
    I have created a very very basic animation in flash and want to publish it as an animated gif to place in a powerpoint presentation. I can do this and it works ok, but there are two queries i have. I have attached the file in question.
    1. When it plays the colours don't seem right, i.e. the colours flicker quite a lot.
    2. I would ideally like to have a transparent background so it moves over the text and images in powerpoint. Can this be done?
    Any advice on the above two points would be appreciated.
    Thanks in advance.
    Craig

    Both of these problems could be a result of the limitations of the GIF format. The maximum number of colors in a GIF is 256, often even fewer are used. I'm not sure how those colors are distributed in an animated GIF, since the limited colors might have to be distributed over multiple images. This could result in some serious color shifts could fit everything into a limited color palette.
    GIFs can be transparent, but only have one level of transparency (on or off). So, depending on the shape of you image, transparency may work well, but it could also produce jagged edges. To have more control, you might want to export the sequence of images to Photoshop or Fireworks, and render the final version from there.

  • Publishing animated gif

    hi!
    I always have this problem when I try to publish an animated
    gif. As my clients don´t want swf to send by mail because they
    say not everyone has the plugin, I have to do a gif.
    But of course it has a less possibilities: it´s a bigger
    file, less quality. Two problems:
    1- now the text disappears althoght I use character
    embedding.
    2- although I put 1 repetition (not loop) and put a STOP
    inside the flash file, it´s played without stopping!
    What can I do? which i the best configuration? for ex.
    transparent: opaque. dither: none??? I have to solve it in 2
    days!!!
    Here are the links:
    http://personales.ciudad.com.ar/isadoradesign/tarjeta_fiestas_2006.gif
    http://personales.ciudad.com.ar/isadoradesign/tarjeta_fiestas_2006.swf
    thanks a lot.
    Isa

    Both of these problems could be a result of the limitations of the GIF format. The maximum number of colors in a GIF is 256, often even fewer are used. I'm not sure how those colors are distributed in an animated GIF, since the limited colors might have to be distributed over multiple images. This could result in some serious color shifts could fit everything into a limited color palette.
    GIFs can be transparent, but only have one level of transparency (on or off). So, depending on the shape of you image, transparency may work well, but it could also produce jagged edges. To have more control, you might want to export the sequence of images to Photoshop or Fireworks, and render the final version from there.

  • Can't figure out how to make a graphic expand in an animated gif (CS4)

    I'm trying to make an animated gif where two of my graphics expand to the outer edges of the picture. However all that I can manage to accomplish is to have the opacity fade in or out. Is it possible to make a graphic expand in CS4?
    Thanks for any help!

    I'm not very familiar with animation using Photoshop. I have a small amount of experience using Illustrator, but not much. I'm not sure what a normal timeline is.
    What I'm trying to do should be very simple. I want to emulate a tv screen flickering on, using 2 white bars that expand outwards from the center of a blackish background.

  • Loss of quality when rendering my project to Animated .GIF?

    Hello,
    Is there any reason why the quality of my .gif looks distorted when I render it? it looks perfect in the After Effects preview window.
    Here is an example of what I am talking about
    http://img3.imageshack.us/img3/7325/comp1sh9.gif
    The whole image looks all fuzzy and its making me sad :(
    Any ideas on how to fix this, any help would be much appreciated :D
    Thanks

    Hi I actually made an animated gif in photoshop but it says to save it I have to optimize it and when i do that the same thing happens to me, it loses allot of quality and becomes fuzzy. How do I make an animated gif in photoshop without losing so much quality?

  • Open and edit animated .gif while preserving frame timing

    CS4 Premium Design Edition, Win XP
    I was disappointed with the removal of Image Ready from CS3 because although some of the functionality was placed into Photoshop 10, there was no way to open and edit an existing animated .gif while preserving the timing of each individual frame. I was told on the PS forum at the time that I really needed to use Fireworks. I resented that, because I was very happy with Image Ready and I didn't want to have to learn a new application just to gain functionality that had been included in previous versions of PS/IM.
    I've now got CS4 Premium Design Edition which of course includs Fireworks... and here's what Help has to say on the subject of imported .gifs.
    "Note: When you import an animated GIF, the state delay setting defaults to 0.07 seconds. If necessary, use the States panel to restore the original timing."
    This is no use to me. What if I don't know the individual frame timings? What if there are 200 frames with varying timings?
    Simple question: which current Adobe product is capable of importing a .gif while retaining the frame timings? If anyone knows, or if I've misunderstood the nature of the Fireworks Help quote above, I'd really appreciate some input here. Thanks :)
    Not so simple question: why was an excellent gif-editing application thrown out to have its functionality partially replaced by a bunch of scripts and half-effective workarounds cooked up by desperate users ("import a gif by using the video import and typing *.* into the filename box..")? It's a fair question I think.
    Mark

    Hi Bob, that's not glib at all, it's a reasonable question.
    I uninstalled it along with everything else when I installed CS3, in the reasonable expectation that whatever replaced IR would be at least equal in functionality.
    Perhaps I should just dig out CS2 and install IM from there, but I have some serious reservations about doing so, because I don't know if/how a partial install of CS2 will impact upon my installation of CS4, and I'm not confident of getting support.
    I am also curious to know if/why Adobe actually removed basic functionality without replicating or replacing it in their other software. I really want to know: which recent, currently supported Adobe product
    should I be using in order to regain this functionality? Or do Adobe no longer produce a geniuinely comprehensive .gif-editing application?
    Mark

  • Animated GIF ignoring frame timing

    I am trying to create simple animated GIFs with a few layers
    of text that simply fade in and fade out in sequence. My initial
    attempt worked perfectly. Most frames use the default 7/100's of a
    second delay as they fade. A few frames were manually set to much
    longer delays so that the text pauses, before fading out to be
    replaced by the next text.
    When I reopened the file, to adjust the background color, and
    then re-saved it, the GIF now plays straight through, ignoring the
    timing of each frame. Nothing I do now can get it to pause on the
    appropriate frames. I've tried cutting the symbols out and pasting
    them into a new file, removing the animation from the symbols and
    reapplying it, etc.
    Any ideas, anyone?
    Thanks in advance.

    None, None.

  • Edit animated gif

    Hi,
    How can I edit an animated gif in Photoshop Elements 6 for Mac?
    When I open the file there is just the first frame in one layer - no other layers available.
    Thanks!

    Thanks Barbara!
    Barbara B. wrote:
    ... then bring it to PSE.
    I can't drag the single frames from Preview to PSE, because PSE 6 doesn't run in window mode.
    (Is this improved in the current version?)
    I can only drag the single frames to the desktop (as TIFF files, I guess transparency info is lost then?).
    Barbara B. wrote:
    ... there's a bug beginning in PSE 6 where you can't change the frame delay rate from the default when you save an animated gif.
    What's the default frame delay rate? Maybe it's just what I need.
    Barbara B. wrote:
    You might  want to look into a free program like giffun from stone.com instead.
    Yes that's maybe a better idea. It doesn't have to be free software. Can you recommend something good?
    Thanks again!

  • Can i open and edit animated GIF in Adobe Photoshop Touch?

    Can i open and edit animated GIF in Adobe Photoshop Touch?

    No, only regular static GIF images are supported. The desktop version of Photoshop does support this however.

  • Animated GIFs are ridiculously large - why?

    Hi all,
    I cannot figure out why the animated GIFs I am exporting are
    so massive in file size. For example, I import a small 5-frame
    650Byte GIF. I edit the size of the canvas to pad it to a square
    (from 54x40 to 54x54, or something like that), then I save it with
    the following settings:
    Animated GIF
    Exact Palette
    0 Loss
    4 Colours (5 including alpha channel)
    No dither
    And it comes out as 64.4KB. How can the file size increase by
    100 times with barely any change? Even if I import it, change
    nothing and save the file with the same settings as above, it's
    still 64.4KB. Is Fireworks padding the file with unnecessary
    information or something?
    Thanks for any help,
    John.

    > But the original image is an animated GIF and it's less
    than 1KB big! So
    > how
    > does it increase in size 100 times when I save it
    even if I don't
    > change
    > anything about the image before saving? There is no
    PNG file but I can
    > link
    > you to the original 650 Byte Animated GIF:
    I'm confused. What is this I am looking at. What have you
    done to it to
    make it increase in weight?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Quircus" <[email protected]> wrote in
    message
    news:g6fohk$mip$[email protected]..
    > But the original image is an animated GIF and it's less
    than 1KB big! So
    > how
    > does it increase in size 100 times when I save it
    even if I don't
    > change
    > anything about the image before saving? There is no
    PNG file but I can
    > link
    > you to the original 650 Byte Animated GIF:
    >
    >
    http://www.aotplaza.com/Prod.gif
    >
    > Is it something to do with my settings perhaps? Like
    telling it to save
    > extra
    > information in the file?
    >

  • Animated gifs in PS CS6

    Hi all, I am trying to save animated gifs from PS, I can get it to work fine when the layers are just flat layers, but I need to create the animated gif when I have layer folders... Ie layer 1 will have a graphic and some text, layer 2 different graphic and different text. But I have to create lots of banners each with a slight change on the text. So I want to keep the text editable so its quick to just chnage the text and then save another animated gif. But when I try and create frames from layers its bringing all the bits from the layer as different frames ie the graphic is one frame then the text is one frame etc. Is it possible to create the animated gif while still having layer folders or does it just work if they are flat layers?

    Hi thanks for the reply, i didnt think it was really working, but now I have had a play, it does work and its pretty easy to change the text, it does pop open another photoshop file to edit the text, but it works ok.
    Thanks

  • Importing .GIF into Fc will not play the animated gif in output

    I imported a animated .gif  (attached video.gif) into Fc (of a sequence of pics I took saved as an animated .gif)
    It inported as a "bitmap image" and upon export to swf it did NOT show the .gif as an animated .gif but just shows the first frame..
    (It did not put this file into an assests folder...)
    So I converted the "bitmap image" into an optimaized graphic...and NOW it DOES put the original animated gif into the "assets" folder with a Graphic1.fxg and video.gif in that folder.. and If I open the gif in the assest folder it plays it as the animated .gif it is..
    BUT SADLY upon export to SWF it still DOES not play the gif as an animated gif.. just the first frame...
    Can I do anything in the code to tell the swf file that is exported to play the gif in the assest folder as an animated gif not just show the frame?
    I did the animated gif approach becasue I setup a photoshop cs4 file with a quicktime video as a layer and Fc only brought in the first frame of the quicktime layer..
    Could the next beta of Fc include the ability to import and play animated gifs as artwork as well AND/or to import Ps Cs4 video layers as videos
    So I would have to created a video page in flash pro and import that as a object? into a state?
    (no experience with flash pro but just bought cs4 and will try to learn FlashPro overweekend)

    Interesting. I don't think this is somethign you can do in Flash Catalyst. We have .GIF support in the Flash Player but I don't think you can use a GIF asset inside Catalyst. If you need that GIF to play you'll have to embed it using Flash Builder.
    But Flash Catalyst will support video version 1.0. I don't think you can turn arbitrary layers into "video" layers but you can bring in video files (like .FLV) and then attach components to behaviors (like play, stop, etc).
    =Ryan
    [email protected]

  • Load/import images into layers to create animated gif in PE4

    I'm trying to make an animated gif using Photoshop Elements 4.0.
    I have numerous images (photos) that I need to insert into separate frames of one image.
    (photo1, photo2 ..... photo10 - all combined in layers to create the frames of the animated gif)
    I can open each photo separately, copy it, go the the animated gif image, create a new layer, and paste the image into the layer to create a frame in the animated gif.  This is very time consuming.
    Does Elements 4.0 allow for just opening/importing the separate images (photos) into the layers (frames) of the gif direclty?  I remember having software that came with Macromedia Dreamweaver 4.0 in 2000 that made this simple and straight forward.

    We are not the right people to ask.  The Touch forum (for tablet) is at
    Adobe Photoshop Touch for tablet
    There's a long list f video tutorials here, but I can't see anything about animation
    Learn Photoshop Touch | Adobe TV

Maybe you are looking for

  • Error message for contact sheet II command - program error

    I am trying to create a contact sheet in photoshop elements editor (I have done this before so I know how to do it), but when I go ahead and click on the button an error message pops up: " the operation could not be completed. the file or directory c

  • HELP! complete newbie ready to throw my shuffle and mac out the window!

    I just got a mac mini for Christmas and an ipod shuffle. When I plug it into a usb port on the mini, it doesn't show up in Finder or in Itunes. Also the battery light is flashing yellow. Can anyone give me any clue what could be wrong. Is this just a

  • Communication Channel Error: Help Please.

    Dear SAP Friends, May I ask how do I go about resolving the error message I have right now with my two communication channels: Configuration error: com.sap.aii.af.service.util.configuration.Configuration.ExceptionSet:The following configuration error

  • I want to edit pdf file

    I want to edit pdf file

  • I cannot import files on to FCPX.

    I have tried everything, trashing preferences and reinstalling app, but nothing seems to work. I deleted movie files to make space on the hard drive, since then I cannot get fcpx to load any files and work properly. What am I doing wrong?