Adobe Animate

• To begin with, open Animate CC and pull down File / New.  Under the “General” tab, start with HTML5 or with Action Script 3.0.
• Save as you go, and test your animation from time to time by pulling down Control / Test.
• Once you finish your animation,  there are several export options.
  • Export to video gives you .mov files that can be loaded into YouTube or Vimeo.
  • Export to animated gif gives you .gif type files that can be placed directly on WordPress pages or posts.
  • Export to movie gives you .swf file for interactive buttons.

Assignment 7.2a  — Motion Tween

1. Insert / Timeline / Keyframe out  60 frames on the timeline
2. Go back to frame 1 and use a graphic tool and create an image (circle, square, etc).
3. Place your cursor next to the keyframe (frame 59 for example)
4. Insert / motion tween .
5. Pull your image across the screen. A path should be visible. You can change that path and make your image move in different directions.

Assignment 7.2b — add a Shape Tween 

1. Create an image but don’t turn it into a symbol.
2. Keyframe at 30 to 50 frames out.
3. On the keyframe, create an entirely different second image.
4. Control click (right click) on the timeline. This should bring up a timeline menu. Select Shape Tween.

Assignment 7.2c (optional) —  Animated sound — Add  a sound track.  (There are issues with some export formats, sound, and our lab, so we’re not sure if this works for everyone).

Semester Project Option — Create an animated  2-D character.
https://helpx.adobe.com/animate/how-to/create-2d-animation.html

———–

Details: 

Adobe Animate —  Animate creates complex scripted animations for web, mobile and other applications.  It replaces Adobe “Flash.” The basic Animate file suffix is “.fla”  (like “.psd” for Photoshop or “.indd” for Indesign).

Assignment 19 — Motion and shape tweens