Home > Products > Dreamweaver > Support > Working with Studio MX
Dreamweaver Icon Macromedia Dreamweaver Support Center - Working with Studio MX
Wildlife Project 12: Using Fireworks MX and Flash MX to create animation

This tutorial shows you how to add animation to your website with Macromedia Fireworks MX and Macromedia Flash MX. Though this tutorial is designed for beginners, it will be easier for you to complete if you first familiarize yourself with the Macromedia Flash MX Stage, Timeline, and Tools. If you haven't already done so, complete the lessons that come with Macromedia Flash before proceeding. You can find and complete the lessons by selecting Help > Lessons.

This tutorial is the twelfth in a series of Macromedia Studio MX tutorials that teach you how to plan, design, create, and deploy a fully-functional website. To see all of the tutorials in the series, visit the Macromedia Studio MX page on the Macromedia Dreamweaver Support Center. A complete list of tutorials is also available at the Macromedia Designer and Developer Center.

This tutorial series uses a fictional organization, The Wildlife Project, to demonstrate website asset development. If you haven't already done so, be sure to read the Project overview section in the first tutorial, Planning your Macromedia Studio MX website, and view the completed sample site.

Download the Windows source file (332K)
Download the Macintosh source file mx_animation.sit (336K)

When the file decompresses, a folder named mx_animation is created on your system.

If you have trouble downloading or decompressing the files, see TechNote 13686.

About Flash MX animation
Examine the Fireworks MX download files
Create a new Flash MX document
Import and convert the Fireworks MX file
Create a text layer and symbol
Create keyframes
Set alpha transparency
Create motion tweens
Publish the completed FLA file

Article Information
Author: Jon Michael Varese

Jon Michael Varese is a technical writer for Instructional Media Design at Macromedia.

Last Updated: 25 March 2003
Keywords: alpha, fade, Fireworks, Flash, HTML, keyframe, loop, motion tween, publish, SWF, text, Timeline, tutorial, Wildlife Project
Doc ID: 9961