Previously:
- Alignment/Positioning Graphics
- Animating MovieClip Effects
- Stop() frame, Masks, Motion Paths
- Generate Animations using external files
- Banner Ads (Standard sizes)
TODAY:
- Practice making MovieClips/Keyframes
- More Motion Tween options
- Color Tool/Gradients
- Shape Tween External Image
- Animate our Banner Ads
- Buttons/MouseEvents
The First Commandment of using FLASH
Thou SHALT know how to make MovieClips
and assign properties to keyframes.
Two ways to make MovieClips in Flash:
- Insert New Symbol
- Convert image on a timeline to a Symbol
Two ways to Tween Animate the MovieClips:
- Classic Tween
- Motion Tween
The differences:
Classic Tween --> Explicitly set keyframes then create the tween
Motion tween --> Assign the Tween, then with each adjustment automatically generates a keyframe. MovieClips can have curved motion paths and 3D transforms.
More Motion Tween Options
- Path Subselection Tool
- Rotation Pivot Points
- Preset Motions
- Motion Editor
- Convert to Frame by Frame
Class Exercise:
Import the runcycle image sequence and
make the character run in a loop de loop
Exercise Files:
http://goo.gl/Len9Nc
Class Exercise:
Import the layered walk_cycle.psd file and make the
character walk against a parallax scrolling background.
Color Tool
Assign Colors for the Stroke and Fill
Create and Modify Gradients in Flash
Class Exercise:
Create animated masks using color gradients
3D Transform/Rotation
Assign MovieClips X,Y,Z properties
Animate using Motion Tween
Class Exercise:
Animate a zoom through an archway to a background image.
Class Exercise:
Animate a card flip using 3D rotation.
Class Exercise:
Animate a text crawl using 3D translation.
Class Exercise:
Import an illustrator file and
animate by modifying the shape tween envelope.
Class Exercise:
Import the monkey.fla file, and
animate the monkey swinging on the vine.
Class Exercise:
Import the Banner Ad psd/ai file and create an
animation that resolves into the final banner ad image.
Buttons
- 4 frame timeline/states - (Up/Down/Over/Hit)
- Hand cursor displays on rollover
- Can nest movieClips inside a button frame
- Can make the hitArea different position/area from graphic
Flash Lecture 3
By fdu
