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.**