Animated gif only saving an image

I have created an animated gif. 20 frames in the animation docker at the bottom of screen.
http://imgh.us/PS_screen2.jpg and http://imgh.us/PS_screen1.jpg the last image is what the outcome is. Only a gif images 21kb big. I have no idea what has gone wrong. Even when I play the animation in both the PS screen as well as in the save to web screen - it shows the frames being highlited in the animated frame docker=t but DOES NOT actaullay animate.PLEASE someonw help as all the forums just say save as gif in web whch is what I have done about 20 times now but still get one gif image at the end.

Can anyone assist in this frustrating problem I am having. I have read so many google assists and theay all say the same thing.But when following thos instructions, All I still get is an image and not an animated gif.

Similar Messages

Animated gifs appear to have image bleedthrough in Internet Explorer 9

I have been using Photoshop on a Mac for several years to make animated gif files for our company website and for our customers as well and have never had a problem until recently. On some Windows computers, these files are now appearing with ghost images bleeding through from one frame to another. I have made sure that all layers that are not needed in a particular frame are turned off and I have tried various ways of saving the gif out of Photoshop but have had no luck. I did discover if I turned the option for transparency off in the Save for Web and Devices box the image bleed issue would go away, but then white lines appeared in my gifs instead. After doing some research it appears the image bleed problem is happening in the Internet Explorer 9 browser, but does not happen in any other browser I have tested - Safari, Firefox on Mac and Firefox on Windows. Has anyone run across this issue and found any way to resolve it? It's hard to explain to my customers that their files are fine when what they see on their screens is not. Thanks!

Joel,
You are doing nothing wrong and it is not a Photoshop issue, but a Microsoft one from what I understand after researching this earlier this year. If you were to check you would NOT have this problem in Firefox on a Windows computer, only IE. I believe it started with version 8, but can't swear to that, but I know for sure it was in IE 9. At any rate the way to "fix" it is to change the Compatibility View Mode in IE. Depending on how this view is set you may see any number of issues including the lines that you descrbe. I've included a screen shot showing where to change this. (The small icon next to the address bar.) On my computer when the icon is blue it displays incorrectly, when it is gray things look as they should. Or you can use Firefox and avoid the problem all together. We even had issues where it made our web content reflow around the graphics incorrectly if we didn't have this set correctly. What's bad about it is that it's hard to explain to your customer why their stuff looks wrong and Microsoft has known about this issue for quite a while and hasn't fixed it.
Glad you posted on here so I could post back a fix. I usually do when I find a solution, but it took us several months to come up with what was happening and I'd forgotten to post back.

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!

Animated gif only plays one time??

An animated gif created in Photoshop and exported with 'loop forever' output only loops once on my home page. I have not resized, cropped it or added any effects but as it plays once Muse can't have rasterized it.
I am using adobe muse cc 7.1 build 329, OSX 10.9
the lilly in the top left gif image should animate continuously. - jimmymcgilchrist.comhttp://www.jimmymcgilchrist.com/index.html
any assistance appreciated.
Jimmy

Hi DrStrik9,
Thanks, I just tried it directly in the browser and it works fine. When previewing in the finder window on my desktop it works fine as well.
I have had animated gifs working fine previously on the same muse site as a browser fill and as buttons.
Nothing has changed about the way I make the animation but these are some variables that have changed:
- update Operating System from OSX 10.8 to 10.9
- udate to current muse version
- switch from Godaddy - wordpress hosting to Adobe Business Catalyst
- upload via 'publish' within muse rather than via 'upload to FTP host' within muse.
Thanks,
Jimmy

Splash page with animated gif only question

Hello all:
I have a splash page (index.html) that is designed using an animated gif created in photoshop. The rest of my site is Css/XHTML, but has some divs containing animated gifs. I have two questions;
1: By using only the animated gif on the splash page, am I limiting or hindering my SEO (google, microsoft, yahoo) ranking opportunities as there is no "content" on the page that the spiders/bots can see? I went ahead and included some "content" but hid it by coloring the type the same as the background color hoping that might do something, but obviously I'm a SEO newbie so any suggestions are more than welcomed. I will include the code at the end of this post, and my site is: http://reynolds-marketing.com.
2. Is there a way to pre-load the animated gifs on my pages so that they play more smoothly and efficiently?
TIA for any of your help. Murman
The code for the splash page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Reynolds Marketing - The Marketing Resource Source</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Reynolds Marketing is a marketing services company offering a full spectrum of marketing services including: consultation, creative, production and logistical marketing services headquartered in Temecula, CA." />
<meta name="keywords" content="Reynolds, Reynolds Marketing, marketing services company, marketing services agency, full spectrum of marketing services, full service marketing agency, marketing consultant, print creative, digital printing, offset printing, website design, website development, digital marketing, digital print on demand, DPOD,Video Production, Video Production, Direct Mail, Temecula, powerpoint presentations" />
<link rel="shortcut icon" href="http://www.reynolds-marketing.com/favicon.ico"/>

<style type="text/css">

</style>

</head>
<body bgcolor="#FFFFFF" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" id="index_" style="background-color:#FFFFFF;">
<p>

<img src="images/index.gif" alt="" width="640" height="480" border="0" usemap="#indexMap" id="index" /></p>
<p>Reynolds Marketing offers a full spectrum of marketing communications services including: consultation, creative, production and logistical marketing services located in Temecula, California. Our services include marketing consultation, press relations, public relations, copy writing, print creative, direct mail creative, video creative, web creative, interactive creative. Print production, direct mail, video production, web page creation and production. Digital print on demand, fulfillment services, powerpoint presentations, marketing communications, marketing communications conformance. To find out more about our services, please go to <a href="http://www.reynolds-marketing.com/who_we are.html">http://www.reynolds-marketing.com/who_we are.html</a> . </p>
<p>Site map:<br />
<a href="http://www.reynolds-marketing.com/index.html">http://www.reynolds-marketing.com/index.html</a><br />
<a href="http://www.reynolds-marketing.com/who_we_are.html">http://www.reynolds-marketing.com/who_we_are.html</a><br />
<a href="http://www.reynolds-marketing.com/contact_us.html">http://www.reynolds-marketing.com/contact_us.html</a><br />
<a href="http://www.reynolds-marketing.com/what_we_do.html">http://www.reynolds-marketing.com/what_we_do.html</a><br />
<a href="http://www.reynolds-marketing.com/services.html">http://www.reynolds-marketing.com/services.html</a><br />
<a href="http://www.reynolds-marketing.com/clients.html">http://www.reynolds-marketing.com/clients.html</a><br />
<a href="http://www.reynolds-marketing.com/projects.html">http://www.reynolds-marketing.com/projects.html</a><br />
<a href="http://www.reynolds-marketing.com/news.html">http://www.reynolds-marketing.com/news.html</a></p>
<p>
<map name="indexMap" id="indexMap">
    <area shape="rect" coords="296,434,342,444" href="who_we_are.html" />
    <area shape="rect" coords="228,451,286,461" href="who_we_are.html" />
    <area shape="rect" coords="296,451,353,461" href="what_we_do.html" />
    <area shape="rect" coords="364,451,416,461" href="contact_us.html" />
</map>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
</p>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8703884-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

My guess is yes, but that is just my opinion. I believe the text/background same color idea was really in vogue back in the late 90's and we all heard that it was the kiss of death for SEO that the SE's hated them so much you got de-listed, not sure if that is a fact or not.
My bigger concern would be how many people you are losing by making them wait to get to where they want to go. I have told many a client that in some sense, the interent is too big, you have too much competition and people have thin patience for things like splash pages. The ooo and aaa effect of animated gifs is long dead...again, in my opinion.
I dont know the answer to your load question...
Gray

Animated GIF problem saving for web in CS6

I made an animated gif in CS6 and trying to save it for the web. The duration of the animation is pretty long, about 44 seconds. After 17 seconds the animation stops while the saving was completed. How can I solve this problem? The file is too large to attach (725 x 225 px) unfortunately.
Please give me some advice;-)

Yopu probably exceed the GIF specs and generate too many frames.
How many frames are possible?

Adding animated gif to a still image, how do I do this?

I used to know how to do it, but I've forgotten.
Example: The person who told me how to do it had taken an animated gif (butterfly) and placed it on her breast in a still photo of herself. I know that she used Image Ready and as I recall, she created the same number of frames of the still image as the animated butterfly and then she somehow merged the two together. Can someone help, is there a tutorial somewhere? I'm using 7.0 by the way.
Thanks,
Ray
P.S. I also remember that it had something to do with linking the layers so that you just needed to place the first frame in the sequence and link all the other layers to it, but I'm totally lost now!

I don't believe that PS 7.0 supports animation, 'least I don't know how to use this function if it does. That is why I remember using Image Ready to do it. In Image Ready you can use any animated gif file to do what I want, I just can't remember how I did it. I do remember that I had to take my background image and duplicate it to get the same number of frames as the animated gif file, but I don't remember how I merged the two together. It had something to do with placing the first frame of the animated gif where I wanted it on my background and then using the link tool in the layer box to link them together, that way I didn't have to place each individual frame of the animation on to the background and avoid an alignment nightmare. I sure wish I would've taken notes!
Thank you for your suggestions.
Ray

Animated gif layered above background image

I have a static background image which is displayed in a JPanel. I need to display animated gifs at certain positions on the base image. For every new frame of the animation, the paint method is called whcih attempts to load the entire base image + all the new animated images which is extremely slow!. It also means the animated gif keeps on getting loaded, and seldom gets beyond the first frame.
Im sure many people have had to do something like this. Is the solution to draw the gifs on the glasspane (or use layered panes), and to have a seperate paint method? or is their a simple approach like setting a special clip area.

thanks for the help...
The size of the background image is approx 400*400 pixels (gif or jpg), and the icons are 25*25, and have between 1 and 6 frames.
Here comes the code... I havent finished with the mediatracker stuff, but youll get the idea Im sure.
public void paint(Graphics g) {
    MediaTracker tracker = new MediaTracker(this);
    tracker.addImage(image,0);
    try {tracker.waitForID(0);}
    catch (InterruptedException e){}
    g.drawImage(image, 0, 0, this); //draw background image (approx 400*400 pixels)
    int ICON_ID = -1;
    Image img;
    //draw all the icons...
    //all icons have between 1 and 6 frames. 25*25 pixels.
    for (int i = 0; i < icon_IDs.size(); i++) {
      try {
        ICON_ID = new Integer(icon_IDs.elementAt(i).toString()).intValue();
        Point p = dm.getIconPosition(ICON_ID);
        if (isAlarm(ICON_ID)) {        //ITS AN ALARM - use animated gif
          img = getAlarmImage(ICON_ID);
        else                          //NORMAL ICON - no animation
          img = DataDefinition.getImageIcon(dm.getIconType(ICON_ID)).getImage();
        tracker.addImage(img,0);
        try {tracker.waitForID(0);}
        catch (InterruptedException e){}
        int width = DataDefinition.getSize(dm.getIconType(ICON_ID)).width;
        int height = DataDefinition.getSize(dm.getIconType(ICON_ID)).height;
        g.setClip(p.x, p.y, p.x+width, p.y+height);
        g.drawImage(img, p.x, p.y, p.x+width, p.y+height, 0,0,img.getWidth(this),img.getHeight(this),this);
      catch (SQLException sqle) {
        System.out.println("Could not find position of icon : " + ICON_ID);
}

Animated .gif file correction and image ready help.

Hi,
I have an animated gif created in an early verison of Image Ready & Photoshop. I need to make some changes. I have two problems.
A: Can't figure how to do it in the current version of Photoshop.
B: Open in the old image ready version, can't find the Layers pallet. I turn it on and off and it doesn't appear.
Trying to recreate a rotating .gif file any pointers or how to's?
Thanks,
John

You didn't say which version of ImageReady, but cs5 should open
most animated gifs from ImageReady and show the frames in the
Window>Animation panel. Some may not work right depending on
how old the version of ImageReady was that created them.
(you may have to resave the animation in ImageReady as a psd file)
In ImageReady try Window>Workspace>Reset Palette Locations and the layers
palette should be visible.
In ImageReady, in the actions palette, are several actions to rotate (spin) images.
MTSTUNER

Animated GIF as a background image on a C5-00?

Is there any way to get animated GIFs runnig as a background image on a C5-00? At the moment, it just shows a still picture....

Yes, Captivate 7. I'm re-working an old Dreamweaver HTML CBT program to bring it up to today's standards using Captivate. I previously had small cartoon hands pointing to the right or left to click to go to the next or previous slide.The pointing hands are static, but on rollover I had an animated gif of the pointing hand moving in the direction it pointed. I'm certain I can figure out a workaround, just wanted to see if there was a built-in way to have an animation be the 'over' state.

Animated gif to be a Treenode image, can it?

I would like to put the animated gif as a treenode image.
But it doesn't show.
Is there any way?

I didn't read all the code here, only the heading, but maybe this could help:
http://www.java2s.com/Code/Java/Swing-Components/AnimatedIconTreeExample.htm

Possible to Use Animated GIF as Rollover Image?

Before I spend a lot of time on development...does anyone
know if it's possible to use an animated GIF as a rollover image in
Captivate? I'm developing an e-Learning course for a
Sarbannes-Oxley application, and I want to be able to hover over an
object, then have a rollover graphic describe the hover target in
more detail...the catch being that I want the description to look
like a scrolling stock ticker.
I'm sure Flash is probably the ideal development environment
for this idea, but that project is way beyond my Flash skills at
this point...
Thanks!

I know you can load and display a PNG image just the way you do for a GIF/JPEG one :
ImageIcon myIcon = new ImageIcon("my_icon.png");but I don't think many others formats are recognized by j2se... you can simply try to load a BMP file to find out.

Toolkit.createCustomCursor(...) blocks when provided with an animated GIF

Hi everyone:
Here is a code snippet from an application of mine:
// Loading an image: works fine. duke.gif is an animated Duke icon found in the source code version of J2SDK 1.3.1.
ImageIcon imageIcon = new ImageIcon("duke.gif");
// Conversion into an image: works fine too. I checked its proper termination with a MediaTracker, which I removed after determining that getImage() does not block at all.
Image image = imageIcon.getImage();
// This method blocks forever!
Cursor myCursor = Toolkit.getDefaultToolkit.createCustomCursor(image, new Point(0, 0), "Duke");After testing with a few other GIF images, I could determine that this blocking problem seems to occur only with animated GIF images. Are animated GIFs supported as cursor images at all? Also, what is the best method to use the Toolkit.getBestCursorSize(...) to properly size the loaded image for use as a cursor icon?
Thanks in advance for helping...
Jean-Fran�ois Morin

I think the problem may be that your using an animated gif. If you read the doc on the Curson class it says that Cursor is a bitmap representation of the mouse cursor. Bitmaps do not generally support animation. Also it is likely the createCustomCursor method is waiting for a call to ImageConsumer.imageComplete(). I am not sure, but if the GIF animation loops this function may never get called. This could cause your hangup. I would suggest trying a non-animated GIFf produced from the same program to ensure that your paint program is producing compliant GIFs. If that works I would assume the problem is that Cursor does not support animation at this time. I could be wrong about that, but there is nothing in the documentation to indate that it would.
NoOneLeft

Can a flex app play animated gif?

I embedded a simple animated gif file in an image component
but it was eventaually presented a static image only. The mxml code
looks like
<mx:Image id="image1" source="@Embed('running_horse.gif')"
x="209" y="260"/>
The gif file itself was working fine in its own right and but
it stops animating when it is viewed within the swf generated. The
final html presents the first frame of the gif file only. Any help
on this appreciated.
A novice flex user

I believe the answer is no. At least, animated gifs do not
work for me. I can't recall anything in the docs about this though.
Tracy

Animated GIF as a rollover?

I need to have an animated GIF be the rollover image for a button. However, when I insert the 'up' image for the button, and naming the aminated GIF as the "over" part, it doesn't play it as an animation since an animated GIF must be added as an animation, not as an image. Is there a way to do this?

Yes, Captivate 7. I'm re-working an old Dreamweaver HTML CBT program to bring it up to today's standards using Captivate. I previously had small cartoon hands pointing to the right or left to click to go to the next or previous slide.The pointing hands are static, but on rollover I had an animated gif of the pointing hand moving in the direction it pointed. I'm certain I can figure out a workaround, just wanted to see if there was a built-in way to have an animation be the 'over' state.

Animated gif only saving an image

Similar Messages

Maybe you are looking for