Unit Lessons Create frame animations Create motiontweened animation
- Slides: 26
Unit Lessons Create frame animations Create motion-tweened animation Work with motion guides Create motion animation effects Animate text
Intro to Animation can be an important part of a Web site, CD-ROM, Demo, or game The perception of motion is an illusion made up from a series of still images “Persistence of Vision” is the basis for frame rates in animations Frames rates of 10 -12 fps generally provide smooth computer-based animation
Intro to Animation Frame rates lower than 10 -12 fps often result in jerky images, while higher frame rates result in a blurred image Flash uses a default frame rate of 24 fps
Macromedia Flash Animation is one of the most powerful features of Flash Basic animation is a simple process – Move an object around the stage – Change an object’s size, shape, color – Apply Special Effects, such as zooming, fading, or a combination of effects Two Animation Methods: Frame Animation, and Tweened Animation
Understanding Frame Animations Also called frame-by-frame animations Created by specifying an object that is to appear in each frame of a sequence of frames Useful when you want to change individual parts of an image Depending on the complexity of the animation, can require a lot of time
Understanding Frame Animations Three images used in a Frame Animation
Understanding Frame Animations A greater number of images generally suggests less change needed between each image — creating more realistic animation Consider the number of frames in which an image will appear – Fewer frames and the animation may appear jerky Consider the frame rate
Creating a Frame Animation Insert a keyframe on the layer Place your first drawing on the stage Insert your next keyframe, and change the drawing “Onion Skinning” may help you placing a series of images
Creating a Frame Animation In each Frame, the car is in a different position
Understanding Motion Tweening is far less tedious than Frame Animation – Create a Start and End frame – Flash creates the “in-between” frames Flash only stores the attributes that change from frame to frame, thus creating smaller file sizes than Frame Animation
Understanding Motion Tweening Two types of Tweening: – Shape Tweening-A morphing effect, covered in a later unit – Motion Tweening-used to animate objects which are moved, resized, recolored, or rotated
Motion Tweening requires only a Start and End Frame Light Blue Background represents a Motion Tween
Creating a Motion Tween Insert a starting frame Insert an ending frame Make alterations to the ending frame Go back to the starting frame and choose Insert>Create Motion Tween Make adjustments through the Properties Panel
Understanding Motion Guides A path that will guide moving objects around the stage in any direction Without Motion Guides, animations would always travel in straight lines Animations are placed on their own layer beneath a motion guide layer
Creating Animation with Motion Guides Two ways to create this relationship – Create a guide layer with a path, then create a layer of animation an attach – Or, create an animation. Then create a motion guide layer with a path, and attach Depending on the type of object you’re animating, you may need to orient the object to the path
Creating Animation with Motion Guides Object not oriented to path A motion guide layer and its associated animation Object oriented to path
Working with Properties Tween-specifies Motion, Shape, or none Scale-tweens the size of an object Ease-specifies the rate of change betweened frames – Ease values are between -100(slow) and 100(fast) Rotate-specifies the number of times an object rotates clockwise(CW) or counter clockwise(CCW)
Working with Properties Orient to path-orients the baseline of the object to the path Sync-ensures that the object loops properly Snap-attaches the object to the path by its registration point Orient to Path Feature enabled in the Properties Panel
Resizing an Object using a Motion Tween Select the object in the ending frame and then use the Scale Tool options from the Free Transform tool
Rotating an Object using a Motion Tween Select the object in the start or end frame rotate with different options; – Rotate with the Rotate Tool option of the Free Transform tool – Rotate Clockwise or Counter Clockwise a specified number of turns or degrees through the Properties panel – Use Modify > Transform to specify rotation
Rotating an Object using a Motion Tween Specifying the rotate settings via the Properties Panel
Changing an Object’s Color with Motion Tween Numerous ways to change an object’s color over an animation’s time – Change the Tint of the object in the last frame – Change the Alpha of the object in the last frame – Change the Brightness of the object in the last frame – Apply Advanced Effects
The Advanced Effect Panel Onion Skinning
Onion Skinning A feature that allows you to view an outline of objects in any number of frames Helps in positioning animated objects on the stage – Turn Onion Skinning on via the Icon in the timeline – Use The sliders to determine the range of Onion Skin display
Animating Text Like other objects, Text can be animated – The entire text block is animated unless “Broken Apart” – Text can be rotated, skewed, scaled, or re-colored – Motion Tweened Text blocks are automatically saved as Symbols
Unit Tasks Create frame animations Create motion-tweened animation Work with motion guides Create motion animation effects Animate text
- Impact motion tween
- Frame by frame animation programs
- Contoh penggunaan animasi dalam multimedia
- Impulse-style scroll animations
- Pcr animations
- Create animation google photos
- Loffe animations
- Traditional animation vs computer animation
- Pengertian animasi frame by frame
- Risanuri hidayat
- Frame relay frame format
- Jika noel(create(q)) adalah 0 maka front(create(q)) adalah
- Cartoon animation unit
- Unit 6 review questions
- Word choice lessons
- Diction literary definition
- Vex iq lessons
- Tinkercad lessons for middle school
- Characteristics of the shunammite woman
- Great gatsby activities
- The five people you meet in heaven lessons
- Lessons from the ten plagues of egypt
- Moscow art theatre
- Python lesson 1
- The teacher assigns homework after 3/4 of the lessons
- Outstanding pmld lessons
- Nancy dean