logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA
Irish Culture
Home Finance


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Interactive Animation in InDesign CS5


If you thought that the integration of FlashR with InDesignR was impressive in CS4, you will be excited with the new Animation Panel in InDesign CS5. With this panel you can add preset Flash animations, without the need for any coding, to your document while still working within the InDesign workspace. This is great for those designers who wish to create the layout of their Flash document in InDesign and export the results as a .fla file.

Let's take a look at what the new Animation panel in InDesign CS5 has to offer the designer. If you will be working with a lot of animation, you may wish to switch to InDesign's Interactive Workspace. Your first step is to select the design element that you wish to animate and open the Animation panel. You can add as many animations to a spread as you wish and each one is controlled through the Animation panel.

In the Animation panel, you will notice that InDesign has automatically given your object a name but you will probably want to change this to something less generic. You will also notice the pink butterfly placeholder object in the preview area. Just under the Name is the Preset menu. As you can see, you have many presets to choose from and you can also use custom presets. Depending on the preset you choose, an editable motion path for the animation will be added to the object in the spread.

Your next decision is to choose the event that will cause the animation to begin. Depending on the type of animation that you have chosen, you will have several choices such as On Page Load or On Roll Over. You will also want to decide on the Duration of the animation in seconds and how many times the animation will repeat. Finally, the Speed menu has the easing options. If you expand the Properties section in the Animation panel, you have more settings for Rotation, Scale, Opacity and Visibility.

To preview your animation as you are working, you don't need to leave InDesign. Click on the Preview Spread button (bottom of Animation panel). This will open the Preview panel and the animation will begin. Because you can have more than one animation on a spread, you will need to control their sequence. This will take us to the Timing panel. In this panel, you will get a list of the animations added to a spread. To reorder the sequence, simply drag the name of the animations up or down the list. To set the controls for one of the animations in the list, simply select the name. To play two or more animations simultaneously, select them and click the Play Together button. This links the animations together.

*Adobe provided a review copy to me free of charge.


Join us in the Digital Art and Design forum.




Add Interactive+Animation+in+InDesign+CS5 to Twitter Add Interactive+Animation+in+InDesign+CS5 to Facebook Add Interactive+Animation+in+InDesign+CS5 to MySpace Add Interactive+Animation+in+InDesign+CS5 to Del.icio.us Digg Interactive+Animation+in+InDesign+CS5 Add Interactive+Animation+in+InDesign+CS5 to Yahoo My Web Add Interactive+Animation+in+InDesign+CS5 to Google Bookmarks Add Interactive+Animation+in+InDesign+CS5 to Stumbleupon Add Interactive+Animation+in+InDesign+CS5 to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Santos Cage Doll SVG Cut File - First Steps

SVG Cut File Design of Top Hat

Offset Path in Illustrator

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor