Adobe Animate CC

32 Hours / 180 Days / Self-Paced

Course Overview:

This course provides hands-on learning with Adobe Animate to create interactive animations for games, apps, and the web.  Working through 10 project-based lessons, students will learn step-by-step how to create animations using Adobe's latest version of Animate.

Students will need a copy of Adobe Animate CC in order to follow along with the content in the course.

Students will:
  • Open and save Animate documents
  • Use drawing tools to create simple graphics
  • Create a static frame of a cartoon
  • Create natural motion such as walking
  • Add interactivity to an animation
  • Integrate sound and video into an animation
  • Publish an animation project

Course Outline:

Lesson 1: Getting Acquainted

In this lesson, you’ll learn how to:

  • Create a new file in Adobe Animate CC
  • Adjust Stage settings and document properties
  • Add layers to the Timeline
  • Understand and manage keyframes in the Timeline
  • Work with imported images in the Library panel
  • Move and reposition objects on the Stage
  • Open and work with panels
  • Select and use tools in the Tools panel
  • Preview your animation
  • Save your file
Lesson 2: Creating Graphics and Text

In this lesson, you’ll learn how to:

  • Draw rectangles, ovals, and other shapes
  • Modify the shape, color, and size of drawn objects
  • Understand fill and stroke settings
  • Create and edit curves and variable-width strokes
  • Use Art and Pattern brushes for expressive drawing
  • Edit colors quickly with tagged swatches
  • Apply gradients and transparencies
  • Create and edit text
  • Add web fonts into HTML5 Canvas documents
  • Distribute objects on the Stage
Lesson 3: Creating and Editing Symbols

In this lesson, you’ll learn how to:

  • Import Adobe Illustrator and Adobe Photoshop artwork
  • Create and edit symbols
  • Understand symbols and instances
  • Positioning objects on the Stage
  • Adjust transparency and color, and turn visibility on or off
  • Apply blending effects
  • Apply special effects with filters
  • Position objects in 3D space
Lesson 4:  Animating Symbols

In this lesson, you’ll learn how to:

  • Animate the position, scale, and rotation of objects
  • Adjust the pacing and timing of your animation
  • Animate transparency and special effects
  • Change the path of an object’s motion
  • Create nested animation
  • Split a motion tween
  • Change the easing of an object’s motion
  • Animate in 3D space
  • Animate camera moves with the Camera tool
Lesson 5: Advanced Motion Tweening

 In this lesson, you’ll learn how to:

  • Use the Motion Editor to refine and create complex animation
  • Understand when to use the Motion Editor
  • Change the Motion Editor view
  • Edit a property curve
  • Copy and paste a property curve
  • Use eases to create more realistic motion
  • Add different eases to different property curves
  • Modify or remove an ease
  • Understand the difference between a property curve and an ease curve
Lesson 6: Animating Shapes Using Masks

 In this lesson, you’ll learn how to:

  • Animate shapes with shape tweens
  • Use shape hints to refine shape tweens
  • Shape tween gradient fills
  • View onion skin outlines
  • Apply easing to shape tweens
  • Create and use masks
  • Understand mask limitations
  • Animate the Mask and Masked layers
Lesson 7: Natural and Character Animation

 In this lesson, you’ll learn how to:

  • Use the Bone tool to build armatures (skeletons) of movie clips
  • Use the Bone tool to build armatures of shapes
  • Animate natural motion of armatures using inverse kinematics
  • Constrain and pin the armature joints
  • Edit the position of armature bones and joints
  • Refine shape deformations with the Bind tool
  • Simulate physics with the Spring feature
  • Adjust the speed setting to add a sense of weight to armatures
Lesson 8: Creating Interactive Navigation

 In this lesson, you’ll learn how to:

  • Create button symbols
  • Add sound effects to buttons
  • Duplicate symbols
  • Swap symbols and bitmaps
  • Name button instances
  • Write ActionScript 3.0 code to create nonlinear navigation
  • Identify code errors with the Compiler Errors panel
  • Use the Code Snippets panel to quickly add interactivity
  • Create and use frame labels
  • Create animated buttons
Lesson 9: Working with Sound and Video

 In this lesson, you’ll learn how to:

  • Import sound files
  • Edit and split sound files
  • Use Adobe Media Encoder to prepare video
  • Understand video and audio encoding options
  • Use components to playback video for Adobe AIR, ActionScript 3.0, or HTML5 Canvas documents
  • Embed video as a guide to animation
  • Customize options on video playback components
  • Work with video that contains alpha channels
  • Embed video on the Timeline
Lesson 10: Publishing

 In this lesson, you’ll learn how to:

  • Understand runtime environments
  • Understand the output files for different Animate document types
  • Modify publish settings
  • Create classic tweens for HTML5 animation
  • Insert and edit JavaScript in the Actions panel
  • Use HTML5 Canvas snippets
  • Convert an existing ActionScript 3.0 document to an HTML5 Canvas document
  • Publish an Adobe AIR application for the desktop
  • Publish a projector for Windows and Mac OS
  • Test mobile interactions in the AIR Debug Launcher
  • Understand publishing for the iPhone or Android

All necessary course materials are included.


System Requirements:

Internet Connectivity Requirements:
  • Cable and DSL internet connections are recommended.
Hardware Requirements:
  • Minimum Pentium 400 Mhz CPU or G3 Macintosh. 1 GHz or greater CPU recommended.
  • 256MB RAM minimum. 1 GB RAM recommended.
  • 800x600 video resolution minimum. 1025x768 recommended.
  • Speakers/Headphones to listen to Dialogue steaming audio sessions.
  • A microphone to speak in Dialogue streaming audio sessions.
Operating System Requirements:
  • Windows Vista, 7, 8, 8.1, 9, 10
  • Mac OSX 10 or higher.
  • OpenSUSE Linux 9.2 or higher.
Web Browser Requirements:
  • Google Chrome is recommended.
  • Firefox 13.x or greater.
  • Internet Explorer 6.x or greater.
  • Safari 3.2.2 or greater.
Software Requirements:
  • Adobe Flash Player 6 or greater.
  • Oracle Java 7 or greater.
  • Adobe Reader 7 or greater.
Web Browser Settings:
  • Accept Cookies
  • Disable Pop-up Blocker.


** Outlines are subject to change, as courses and materials are updated. Software is not included with the purchase of the course, unless otherwise specified. Students are responsible for the purchase and installation of the necessary course software. **