Objectives:
- Produce an HTML5 animation using multiple Motion Tweens.
Student-Friendly Objectives:
- I can create a Movie Clip, Button and a Graphic Symbol.
- I can produce an HTML5 animation using multiple Motion Tweens.
Video Links:
Understanding Frames and Keyframes:
https://tv.adobe.com/watch/learn-flash-professional-cs5/gs02-understanding-frames-and-keyframes-/
https://tv.adobe.com/watch/learn-flash-professional-cs5/gs02-understanding-frames-and-keyframes-/
Creating Motion Tweens:
https://tv.adobe.com/watch/learn-flash-professional-cs4/getting-started-13-creating-motion-tweens/
https://tv.adobe.com/watch/learn-flash-professional-cs4/getting-started-13-creating-motion-tweens/
Topics Discussed:
- Starting a new HTML5 document in Animate CC using the Welcome screen.
- Library
- Symbols
- Movie Clip Symbol
- Button Symbol
- Graphic Symbol
- Timeline
- Playhead
- Empty Frame
- Content Frame
- Keyframe
- Blank Keyframe
- Layer
- Motion Tween
Assignment:
- Produce a new Animate HTML5 canvas. Name it “Your Name – Motion Tweens″
- Use the Shape tools we worked with last week to draw a shape, then convert it to a Movie Clip Symbol using the technique demonstrated in class and in the video.
- Make a new Layer in the Timeline.
- Repeat the previous two steps to create a Button Symbol and a Graphic Symbol, each on its own Layer.
- Use the process demonstrated in class and in the video to create three Motion Tween animations, one for each layer.
- Move each shape in a different direction.
- When you are finished, you should have three layers, each with a different Motion Tween animation.
- Turn in the completed “Your Name – Motion Tweens” file to today’s Google Classroom post by the end of today.
Assigned: April 19th, 2018
Teacher Pacing Due Date: April 19th, 2018