Solved

GiF Animation in Fireworks

Posted on 2004-04-07
10
37,577 Views
Last Modified: 2013-12-13
I created a gif animation in fireworks, where 6 frames share 0/100 frame delay. The size of this animation is 22 px by 22 px. When previewed in Fireworks itself, it works fine...the animation is moving extremely fast.

However, when exported as animated gif, there is some kind of delay, like, instead of 0/100 seconds of frame delay, it's like 5/100 seconds frame delay.

What could be the problem and how do I settle this?

Thanks

Sylviawee
0
Comment
Question by:sylviawee
10 Comments
 
LVL 10

Expert Comment

by:Havin_it
ID: 10783446
Your problem here may be the limitations of your browser/viewer.  Certainly in IE I often find my larger animations struggle to playback at the intended speed, so if web deployment is your goal, I fear you'll be stuck with a certain amount of lag.  You could try specifying 1/100s delay and see if this improves things.
0
 

Author Comment

by:sylviawee
ID: 10788883
Nope, still the same.. :(
0
 
LVL 9

Expert Comment

by:j3one
ID: 10789365
It would seem that once a gif is loaded it should play smooth, especialy at that size. you could check and see what version of gif you are publishing and the amount of colors (pallet) used.

-> I know this may not be an option, but you could import your gif into flash and it would probably run smooth.
0
 

Expert Comment

by:billyjpage
ID: 10791133
Did you make sure that the box for "include when exporting is checked"? If you do not know where that is, click on your frame and then click on the drop menu to get to properties.
0
Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

 

Author Comment

by:sylviawee
ID: 10803075
Yes I did billy...I dunno what's the problem... :(
0
 
LVL 4

Accepted Solution

by:
monolith_888 earned 500 total points
ID: 10806202
Sylvia,

How are ya?  Ok- Good news, and bad news.

Bad news:
Browsers render animated gifs differently.  They all have undocumented(?) 'fastest draw' speeds in which they will render an animated gifs' frames.  IE's is the slowest.  So basically, just showing an animated GIF on a page will not give you the results you want in regards to speed of animation.

Good news:
You have 2 ways to solve this.
  1) Build it in flash.
  2) Use Javascript to do the animation, having it flip the images programmatically.

As it so happens, I happen to know Javascript rather well, and have written the code for you.

Here is the URL where I demonstrate the Javascript:
http://www.blakeanddawn.com/ee/Q_20947350.html

The top animated gif, is also set at 1/100 sec per frame, and I'm guessing is the equivalent result of what you are seeing with yours.

The bottom one is via Javascript.  I hope you can make use of it, just view the source, grab the code and change the image names to match.  Adding or Removing additional images (more or less than 6), is pretty wasy to change.

Let me know if you have any questions,
Blake
0
 

Author Comment

by:sylviawee
ID: 10809881
Thanks Blake. One further question. Is doing it in Flash and exporting as GIF makes any difference compared to doing the animated gif in fireworks?

FYI, I find the above answer by Blake very good help but I can't do it in Javascript because they want SINGLE IMAGE in GIF format....

Thanks to the rest who participated in this thread.
0
 
LVL 4

Expert Comment

by:monolith_888
ID: 10812662
Unfortunately, in the end, Flash still exports it as 89a, and is rendered by the browser in the same fashion as if you had created it in Fireworks.

I created it in Flash, 6 frames at 120 fps, which would take 0.05 seconds to 'run', and it is definately a mirror image of the original.  If your only choice is the single animated GIF, they have to be willing to sacrifice the speed of the animation.

Sorry!
Blake
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Preface This article introduces an authentication and authorization system for a website.  It is understood by the author and the project contributors that there is no such thing as a "one size fits all" system.  That being said, there is a certa…
Preface In the first article: A Better Website Login System (http://www.experts-exchange.com/A_2902.html) I introduced the EE Collaborative Login System and its intended purpose. In this article I will discuss some of the design consideratio…
In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…
Learn how to use the remote presentation tool in Prezi to allow you to harness the power of this cloud based presentation platform. You can show your presentation with a remote audience using this free tool.

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now