Transition Effects in Flash Catalyst

This entry is part 10 of 12 in the series Flash Catalyst Tutorial

Now we will add some transition effects in Flash Catalyst. We will do this from the Timelines panel.

When the visitor clicks on the button, the orange rectangle behind the content text will rotate.

  • In the Timelines panel, click on ‘Page 1> Page 2′
  • In the Artboard, select the large orange rectangle behind the content text.
  • At the bottom of the Timeline panel, click on the the ‘+ Add Action’ button, then ‘Rotate 3D’.
  • In the Properties panel you will be able to set the properties for  Rotate 3D. Change the angle from 360 to 180. If you like, you can change the duration of the transition from here as well.

Repeat the entire process for the rectangle on ‘Page 2 > Page 1′.

Test your project by selecting ‘File’, then ‘Run Project’ from the main menu.

You will see the orange rectangle spin when the button is clicked.


Flash Catalyst Tutorial

  1. Flash Catalyst Tutorial
  2. Create a New Project
  3. Flash Catalyst Workspace
  4. Flash Catalyst Tools
  5. Flash Catalyst Webpage
  6. Logo Design in Flash Catalyst
  7. Webpage Layout in Flash Catalyst
  8. Buttons in Flash Catalyst
  9. Pages/ States in Flash Catalyst
  10. Interactivity in Flash Catalyst
  11. Transition Effects in Flash Catalyst
  12. Publish the Flash Catalyst Website
Series Navigation Interactivity in Flash CatalystPublish the Flash Catalyst Website

Posted in Flash Catalyst Tutorial | No Comments »