Class Description

Previously known as Flash, Animate incorporates vector drawing, animation, video, and scripting capabilities to generate interactive and media-rich stand-alone applications for the desktop, innovative and immersive HTML5-based web sites, and apps for distribution to mobile devices. Bring your ideas to life with animation techniques ranging from simple point-to-point motion to simulation of life-like movement using inverse kinematics. This 3-day intensive hands-on training provides an introduction to Animate for designers and developers new to the Animate environment. You’ll get comfortable with essential concepts, from timeline animation  to scripting basics for adding interactivity. Topics include:

Course Curriculum

Getting acquainted

• Understanding document types
• Getting to know the workspace
• Working with the Library panel
• Understanding the Timeline
• Organizing layers in a Timeline
• Using the Properties panel
• Using the Tools panel
• Undoing steps in Animate
• Previewing your movie
• Modifying the content and stage
• Saving your movie

Creating graphics and text

• Understanding Stokes and Fills
• Creating shapes
• Making selections
• Editing shapes
• Using gradient and bitmap fills
• Using variable-width strokes
• Using swatches and tagged swatches
• Creating Curves
• Using transparency to create depth
• Being expressive with the Paint Brush
• Creating and editing text
• Aligning and distributing objects
• Converting and exporting art

Creating and editing symbols

• Importing Adobe Illustrator files
• About symbols
• Creating symbols
• Importing Adobe Photoshop files
• Editing and managing symbols
• Changing the size and position of instances
• Changing the color effect of an instance
• Understanding display options
• Applying filters for special effects
• Positioning in 3D space

Animating symbols

• About animation
• Understanding the project file
• Animating position
• Changing the pacing and timing
• Animating transparency
• Animating filters
• Animating transformations
• Changing the path of the motion
• Swapping tween targets
• Creating nested animations
• Graphic symbols
• Easing
• Frame-by-frame animation
• Animating 3D motion
• Animating Camera moves
• Testing your movie

Advanced motion tweening

• About the Motion Editor
• Understanding the Project file
• Adding motion tweens
• Editing property curves
• Viewing options for the Motion Editor
• Copying and pasting curves
• Adding complex eases

Animating shapes and using masks

• Animating shapes
• Understanding the project file
• Creating a shape tween
• Changing the page
• Adding more shape tweens
• Creating a looping animation
• Using shape hints
• Previewing animations with onion skinning
• Animating color
• Creating and using masks
• Animating the mask and masked layers
• Easing a shape tween

Natural character animation

• Natural motion and character animation with inverse kinematics
• Creating a walk cycle
• Disabling and constraining joints
• Inverse kinematics with shapes
• Simulating physics with springiness

Creating interactive navigation

• About interactive movies
• Creating buttons
• Understanding ActionScript 3.0
• Preparing the timeline
• Adding a stop action
• Creating event handlers for buttons
• Creating destination keyframes
• Creating a Home button using code
• Snippets
• Code Snippets options
• Playing animation at the destination
• Animated buttons

Working with sound and video

• Understanding the Project file
• Using sounds
• Understanding video
• Using Adobe Media Encoder CC
• Playbook of external video in you project
• Working with video and transparency
• Embedding video

Publishing

• Understanding publishing
• Publishing for Flash Player
• Publishing for HTML5
• Using classic tweens
• Exporting to HTML5
• Inserting JavaScript
• Converting to HTML5 Canvas
• Publishing a desktop application
• Publishing to mobile devices