// google // // google end //

GIF Animating in Fireworks

Print This Post

February 2, 2010 by admin  
Filed under Fireworks

Animating with a Gif
This creates a simple animation by changing states.

  1. Create a simple image.
  2. Go to the “States” panel and from the options at the top right select “Duplicate State”
  3. Select State 2 then the Layers Tab and change something ie a colour.
  4. Now with button State 1/State 2 under the layers panel you can see both states.
  5. You can play the animation by selecting the Play icon just above the properties panel.
  6. To change the time interval. Go to the states panel and select both states. Then double click one to get the delay panel up.
  7. To export the animated gif go to the Optimise tab and select “Animated gif” (no transparency, images only, Html=none, slices=none)
  8. To save as a Flash animation select File/Save as (select adobe flash on drop down)

Animating with Twist and Fade

  1. Create a design to animate and select it.
  2. select Commands/Creative/Twist and Fade. Click animation check box and adjust settings for required animation or select a preset from bottom left.
  3. Click on the Run button to view the animation.

Tweened Animation
A Tween is a frame between starting and stopping of an animation sequence.

  1. Select your image and change it to a symbol by Modify/Symbol/Convert to symbol (select graphic option.
  2. Hold down the Alt key and drag another copy out. position it away from first symbol. repeat for a third copy.
  3. Select all symbols then Modify/Symbol/Tween Instance (select 10 steps and distribute to states)
  4. Run and test it
  5. In the states panel you can select states within animation and use Modify/Transform/Free Transform to alter instances of the shape.
  6. To change the animation speed select all the states in the State Panel. Then right mouse click to set speed.

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!

You must be logged in to post a comment.