Tweening is great for a couple of reasons. Tweened animation is a huge time-saver because it doesn’t require that you draw out your animation frame-by-frame. Instead, you establish endpoints and make drawings for each of those end points. Then you let Flash interpolate, or tween, the changes between them. Tweening also minimizes file size because you do not have to save the contents for each frame in the animation.
Because you only define the contents of the frames at each end point, Flash only has to save those contents, plus the values for the changes between the end points. Two kinds of tweens can be created in Flash Shape Tweens and Motion Tweens each with its own unique characteristics.
The Frames Panel
To work with tweens, you need to become familiar with the Frames Panel, shown below, which is used for choosing the kind of tween and for assigning the properties for each tween. Additionally, the Frames Panel is used for adding labels and comments to keyframes, which is most often associated with ActionScripting operations.
The Frames Panel, in three configurations: as a Label maker (A), when used for assigning properties for a Shape Tween (B), and when assigning properties for a Motion Tween (C).
Shape tweening is useful for morphing basic shapes between end points. Flash can only shape tween shapes, so don’t even try to shape tween a group, symbol, or editable text it won’t work. You can shape tween multiple shapes on a layer, but for the sake of organization it’s clearer (and advised!) that each shape be put on its own layer. This makes it much easier to return to the animation later and to make changes, because it can be nearly impossible to figure out what’s going on if a number of tweens share the same layer. Shape tweening also enables you to tween colors.
You can see the progression across seven frames because onion skinning has been activated below shows. Although this appears similar to the frame-by-frame example as shown below, the two animations play quite differently. Here are the steps for creating a Shape Tween:
Shape tweening enables you to accomplish easy morphing of basic shapes.
Shape hints give you more control over complex Shape Tweens. They link corresponding points on each shape at both end points of the Shape Tween. The best way to see why shape hints are so useful is to actually work with them.
Shape hints are small, circled letters at the end points of a Shape Tween.
Using shape hints in a Shape Tween
To use shape hints, follow these steps:
To get a better idea of just what shape hints do, take a look at the sample in the shape hints folder of the ch11 folder on the CD-ROM. A good experiment is to compare the hinted example to the same example with all hints removed. You just might be amazed!
Motion tweening is useful for animating groups, symbols, and editable text; however, it cannot animate regular shapes. As the name suggests, motion tweening is used to move an item from one place to another, but it’s capable of much more. Motion tweening can be used to animate the scale, skew, or rotation of items; it can also animate the color and transparency of a symbol.
A motion tweened item can be started and stopped as much as you want simply insert a keyframe for each change of pace. Using the easing controls can further finesse this pacing control of Motion Tweens. Furthermore, the kind of tween can be changed; for example, the symbol can be tweened to rotate in the opposite direction. So, if you use a tween to move a symbol from frame 1 to frame 10 and stop the tween on frame 11, you can have the symbol sit still for 10 frames, and then start a new tween (of this same symbol on same layer) from frames 20 to 30.
The possibilities are almost endless. A Motion Tween. Is more efficient because it doesn’t require unique content for each frame of animation. Yet it is not appropriate for all effects sometimes you’ll need to use either frame-by-frame or shape tweening to accomplish what you have in mind.
The extent of a Motion Tween is revealed here with Onion Skin outlines.
Create a Motion Tween
Here’s how to create a Motion Tween:
Using the Easing option to decelerate animation
Motion Tweened effects
Because symbol instances have properties that can be manipulated separately from their root symbol, it’s possible to scale, rotate, and skew an instance. This feature of symbols makes it possible to generate a wide range of animated effects that rely almost entirely upon the file efficiency of Flash symbols. While this is indeed great, it gets even better: There’s one more class of instance properties that can be tweaked these properties are tint, brightness, alpha (or opacity), and advanced combinations of all three.
Using the chromatic options of the Effects Panel in concert with motion tweening gives you great control over the color and opacity of symbol instances in your animations, with good file size economy too. Our lunar example has been modified to slowly become the fabled blue moon.
Using the chromatic options of the Effects panel along with motion tweening
As shown below, the Effects Panel enables you to control color and opacity of motion tweened symbol instances. There are five iterations of this panel, each of which is accessed from the Effect drop-down. If you look closely, you’ll notice that nearly all of the sliders have the capability to reduce a value by a negative percentage.
The Behavior drop-down of the Effects Panel is shown with four of the five Behaviors and their many options. The fifth behavior, None, has been omitted.
Here’s a rundown on the gamut of controls that are available in this colorful workhorse of a panel:
Flash Related Interview Questions
|Adv Java Interview Questions||J2EE Interview Questions|
|Adobe Flex 3 Interview Questions||Dreamweaver Interview Questions|
|3D Animation Interview Questions||Adobe Flash CS6 Interview Questions|
|Dreamweaver CS3 Interview Questions||Adobe Flex Interview Questions|
|Adobe Flex Actionscript Interview Questions||Gif Animation Interview Questions|
|Adobe Fireworks Interview Questions|
Understanding The Flash Framework
Exploring The Interface: Panels, Settings, And More
Using Tools For Navigation And Viewing
Working With Selections And The Pen Tool
Working With The Drawing And Painting Tools
Working With Text
Exploring The Timeline
Checking Out The Library: Symbols And Instances
Drawing In Flash
Animating In Flash
Using Bitmaps And Other Media With Flash
Designing Interfaces And Interface Elements
Understanding Sound For Flash
Importing And Editing Sounds In Flash
Optimizing Flash Sound For Export
Understanding Actions And Event Handlers
Navigating Flash Timelines
Controlling Movie Clips
Sharing And Loading Assets
Planning Code Structures
Creating Subroutines And Manipulating Data
Understanding Movie Clips As Complex Objects
Sending Data In And Out Of Flash
Understanding Html And Text Field Functions In Flash
What Is Generator?
Revving Up Generator
Working With Third-party, Server-side Applications
Working With Raster Graphics
Working With Vector Graphics
Working With Audio Applications
Working With 3d Graphics
Working With Quicktime
Working With Realplayer
Creating Full-motion Video With Flash
Creating Cartoon Animation With Flash
Planning Flash Production With Flowcharting Software
Working With Authoring Applications
Publishing Flash Movies
Integrating Flash Content With Html
Using Players, Projectors, And Screensaver Utilities
All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.