Animated gif is only output as a grey box

Hi,
I'm using CS4 and am trying to make an animated GIF. I've got it all set up and when I play it in Photoshop everything is fine. I then go to File > Save for web and then choose GIF in the dialog box and leave all other boxes alone. In the Optimized window my images are missing and only a grey box is shown. When I hit Save and then open the resulting GIF in a browser, all I get is that grey box and not the animation with my 8 frames. What am I doing wrong? Thanks.
Mark

Here you go. Thought I had pasted the screenshot to my OP.

Similar Messages

Animated gif plays only once

I am using Captivate 5.5 on a Windows machine. I inserted an animated gif into my Captivate, using insert > animation... Then, I inserted a button. When I pressed F4 to preview the animation, it played only once. I put a check mark on the loop on the timing of the properties of the animation. Still, it played only once. It stopped when the play head stoped moving. I cannot make the animated gif play continuously. Does anybody know how to make the animated gif play continuously?
thaks.

You can try this:
Stick this in the header area of your code
<script type="text/javascript"> function showBuyLink() {
document.getElementById("buylink").style.visibility = "visible";
} // adjust this as needed, 1 sec = 1000
setTimeout("showBuyLink()", 5000);
</script>
Stick this around your buy link code.
<div id="buylink" style="visibility: hidden">  <p style="text-align:center; font-size:26px;"> <a href="http://mybuylink">Add to Cart or Buy Link</a> </p> </div>
Yopu can rename "buylink", but you have to make sure you rename all instances or it will kill the script.
If you're not comfortable incorporating that, unfortunately, the other option would be to create a Flash animation and put a button in the last frame.
That would be just as difficult (if not worse) as writing (or tweaking) a javascript to delay the hotspot, and even worse because it would be invisible to phone users. Additionally, people who disable javascript would never see the link if you did add the script.
There isn't any way to do this with HTML or CSS, and you now know the flaws with the methods that will work.

Animated GIF in PDF output

Hi all,
is it possible to hand an animated GIF to the PDF output (remaining animated)?
FM10 and AcrobatX work together rather fine concerning other animation formats such as SWF or AVI. I am not sure however wether the PDF format supports animated GIFs at all.
Robert

As a side, I've never ever got an embedded avi to covert to pdf. I do it all in the pdf.

Complaint: Animated GIF, Photoshop CS4

I am a freelance print designer. Needless to say that I have upgraded to the Design Standard Edition of the Creative Suite 4. Still, some customers ask me to do their web banners, too.
Fact 1:
There is an animation palette in Photoshop CS4 Standard.
Fact 2:
You can create animations with that palette.
Fact 3:
You can save the animation as an animated GIF.
Fact 4:
Opening the animated GIF, you only get the first frame, so you cannot edit the animation or content inside the GIF.
Fact 5:
I need to alter a few animated GIFs which I created several years ago using Photoshop CS2. Due to a harddrive crash, I don't have access to the original layered PSD files any more.
Fact 5:
Photoshop CS4, the most advanced image editing tool on the face of the earth, is absolutely useless at this point, and I have to find freeware or shareware to do the job. Finding and purchasing this sort of software is MY time, and that is MY money.
Whatever drove Adobe to cripple Photoshop CS4 Standard, whatever drove them to expel the simple "Open Animated GIF" feature from Photoshop CS4, it was the wrong decision.
This, Adobe, is a customer complaint. Take it serious. There is competition, and I hear a lot about GIMP these days.
Frustrated,
Gero

I know this thread is getting on a bit now, but I do have the answers.
Quite simply, as far as I can tell, this cannot be done without Quicktime installed.
To open an animated gif in CS4 on a PC:
1. Go to File->Import->Video Frames to Layers
2. In the File Name box type “*” ( or you can type the name manually) The window will now show every type of file
3. Select your gif and you are done
To open animated gif in CS4 on a MAC:
1. Go to open, select your GIF, then in the bottom left corner of the open file dialogue box select Quicktime Movie as the format, then open your GIF.
2. You’ll need to open your animations window by going to window -> animation. This will bring up the time line.
3. If you want to have all of the frames broken up into layers, click the options in the animation window, and select “Flatten Frames into Layers”.
This will give you access to all the frames as layers and you can now edit the GIF as though it was a movie.
I hope this helps to ease somebody's frustration.

Hotspot on animated gif

How do I create a hotspot on the last frame of an animated gif that only plays once. When it is finished I want to be able to click on it to load another page.

You can try this:
Stick this in the header area of your code
<script type="text/javascript"> function showBuyLink() {
document.getElementById("buylink").style.visibility = "visible";
} // adjust this as needed, 1 sec = 1000
setTimeout("showBuyLink()", 5000);
</script>
Stick this around your buy link code.
<div id="buylink" style="visibility: hidden">  <p style="text-align:center; font-size:26px;"> <a href="http://mybuylink">Add to Cart or Buy Link</a> </p> </div>
Yopu can rename "buylink", but you have to make sure you rename all instances or it will kill the script.
If you're not comfortable incorporating that, unfortunately, the other option would be to create a Flash animation and put a button in the last frame.
That would be just as difficult (if not worse) as writing (or tweaking) a javascript to delay the hotspot, and even worse because it would be invisible to phone users. Additionally, people who disable javascript would never see the link if you did add the script.
There isn't any way to do this with HTML or CSS, and you now know the flaws with the methods that will work.

Firefox 4.0: Improper handling of Animated Gif background-image

FF 4.0 is giving erratic and incorrect displays of an animated gif on a project I am working on. I have prepared a very small sample that demonstrates the problem.
The problem occurs when an animated gif is used as the background-image for a div (it may also be true when used as a background-image for the body, but I have not tested that).
When a page is first loaded, the animated gif displays properly.
I would expect that the animation be displayed as animated either:
# On each page load
# On a page load with new session or when the image is removed from cache prior to loading the page. Otherwise the last frame of the image would show
The sample page is designed to test this.
IE: Behaved as in #1, i.e. the image was animated on each and every page load. (IE 8: 8.0.6001....)
Google Chrome: Behaved as in #2, i.e. the image is animated only when there is a new session or when the image is no longer in cache. (Version 10.0.648.204)
FF 3.6.8: Slightly strange, but acceptable.
* The image is animated on new session and on any reload button.
* The last frame is displayed if the location is reentered in the URL bar.
* The last frame is displayed if the back/forward navigation buttons are used.
* SOMETIMES the image is animated and sometimes the last frame is displayed when the change page button is pressed (i.e. Javascript change page).
FF 4.0: Just plain NOT acceptable
* Correctly animates the image on page load for new session
* Correctly animates the image on reload button following clearing the image from cache.
* INCORRECTLY shows the FIRST gif frame if the reload button is pressed.
* INCORRECTLY shows the FIRST gif frame if the URL is reentered from the URL bar.
* INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page).
* INCORRECTLY shows the FIRST gif frame if theURL is reentered from the URL bar after clearing the image from cache.
* INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page) after clearing the item from cache.
All of these tests were run with Windows XP-Pro (all service packs and updates applied).
I can find no clear specification as to what ''should'' happen with pages using animated gifs that are already loaded.
* I can conceive of rationales for always displaying with animation.
* I can also conceive of rationales for sometimes displaying the last frame, especially if the same page is being reloaded since many sites reload the same page in response to user form submissions.
# '''I can see no rationale for displaying the first frame of the gif and would suggest that this is a bug. '''

Can be this bug:
* [https://bugzilla.mozilla.org/show_bug.cgi?id=641198 Bug 641198] – Rollover animated gif show only one frame.
You can try these nightly test builds to see if they behave better:
Fx5.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-aurora
Fx6.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central
Create a new profile exclusively for each Firefox version and create a desktop shortcut with -P "profile" appended to the target to launch each Firefox version with its own profile.
See these mozillaZine KB articles for information:
* http://kb.mozillazine.org/Testing_pre-release_versions
* http://kb.mozillazine.org/Creating_a_new_Firefox_profile_on_Windows
* http://kb.mozillazine.org/Shortcut_to_a_specific_profile
* http://kb.mozillazine.org/Using_multiple_profiles_-_Firefox

Animated gifs in emails

I was in a chat with microsoft and they said that because our outlook is run through an exchange server this may have something to do with why our gifs are not animated in emails we receive.
What can be done to fix this?
Thank you in advance for your help.

Hi,
Which version of Outlook are you using?
If you are using Outlook 2007 or later version of Outlook, Outlook won’t display the animated gifs.
Only a static representation of the GIF image shows.
Outlook 2007 and Outlook 2010 use only Microsoft Office Word as the email editor while Outlook 2013 uses a Word-based email editor. Neither of the two email editors supports animated gifs.
For more information, please refer:
http://www.howto-outlook.com/faq/wordhtml.htm
As a workaround to view animate gif images, we can view the email in Browser. To do this, double click to open the message, and then click
Actions button > View in Browser.
To make it easier, we can write a macro to directly display Outlook message in a browser, see:
http://www.howto-outlook.com/howto/openinbrowser.htm
Regards,
Steve Fan
TechNet Community Support

Looping options in Save for Web - Animated GIF

I find this one rather annoying, in the latest verison of Adobe Photoshop CS6 when creating an animated GIF via the Save for Web dialog box; there is a looping option section that allows your animation to loop forever, or once...
In the previous version, it would remember which setting you selected for subsequent saves. In this new version, it forgets it and always defaults to ONCE; where I want FOREVER... making me forget to check it sometimes, when I'm working fast; and create animations that stop after one loop...
Anyone else experience this annoyance?
-Joe

Seems like people shouldn't have to re-request features that were already features in the last version.
Either Adobe took the "stickyness" of that setting out on purpose, in which case I'd expect nothing more will be done, or they left it out accidentally with the restructuring of the Timeline window, in which case it would be a bug, no?
But Christoph is right in either case - you can help ensure it is seen by posting it on the http://feedback.photoshop.com/photoshop_family/ site.
-Noel

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

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]

Photoshop elements 10 animated gifs show one layer only

I don't like this new version of photoshop elements (photoshop elements 10). When I try to edit an animated gif file, it says I can only view one layer and the rest will be lost. Why is this?

Known issue. This is actually because Photoshop CSx used a GIF plug-in that didn't support opening GIF files as layers. That same plug-in was sent over to PSE in version 9. You can get the plug-in from earlier versions to fix this:
Can't open animated GIF files as layers | Photoshop Elements 9 | Windows
http://helpx.adobe.com/photoshop-elements/kb/cant-open-animated-gif-files.html

How to only edit one state when creating an animated .gif?

I created my first anaimated .gif image the other day. Now when I try to create a new one everytime I duplicate state and try to edit just the duplicated state all states are updated. I only click on one state then as soon as I do something it updates all of them! How do I turn this off? It's driving me nuts I've been messing with it for over 2 hours! Ahhh.... thanks!

yaksushi wrote:
I created my first anaimated .gif image the other day. Now when I try to create a new one everytime I duplicate state and try to edit just the duplicated state all states are updated. I only click on one state then as soon as I do something it updates all of them! How do I turn this off? It's driving me nuts I've been messing with it for over 2 hours! Ahhh.... thanks!
Hi,
what's your Fireworks version? You should be able to edit and modify any state in an animated gif without all the States to modify.
Now all depends on what you have in your States. For example, if you have symbol 1 in State 1, you duplicate your State and get symbol 1 in State 2. When you modify symbol 1 all the symbols 1 will be modified at the same time.

Animated GIF duplicates each layer, only in production browser

If you go to the website I am working on: http://www.headjobby.com you will see an animated GIF at the top of the page. It shows the identical text on two lines. However, I did not create my GIF as two lines, only one. Also, it only shows up in the production browser, not in the Preview.
I am using Photoshop Elements 4 on a Windows Small Business Server with 2 GB RAM.
Thanks,
Bill Ross

I am not a web designer expert, but right clicking shows it as a HTML file and not a GIF. The logo box in the upper left corner shows as GIF. I don't know if this is significant, but may give you an idea where to look next.

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.

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 is only output as a grey box

Similar Messages

Maybe you are looking for