Questions? Call Us


Adobe Animate Level I

Animation can add life and interest to your projects and Adobe Animate gives you the power to create the animations you want! This class will help you to create and export standalone animations for sharing on social media or sites like Youtube and Vimeo, or create amazing interactive web animations for computers, phones and pads, and help you to understand how to develop engaging interactive experiences with HTML5 and basic Javascript to make it all happen with the click of a mouse.

Overview: What is Animate? What Can it Do?

Using Animate to create animations for web

Exploring file formats.

Exploring the new Animate templates and samples.

Understanding and Customizing the Animate Workspace

Working with Panels and Panel Layouts.

How the Animate interface compares to interfaces in the rest of the suite.

Setting Animate Preferences.

Using Preferences to set up a customized workspace within Animate.

Getting Started

Identifying the Development cycle.

Creating animations and setting up properties.

Setting Stage Dimensions within Animate.

Publishing an Animate file.

Working with the Library panel, the Property inspector and the Tools panel.

Exploring publishing settings.

Creating and Importing Graphic Assets

Working with different graphic formats within Animate.

Using Symbols and Instances.

Create shapes and gradients Using the Animate drawing tools.

Using Object and Merge drawing techniques.

Animating Objects and converting Shapes to Symbols.

Importing Vector Graphics from Adobe Illustrator.

Converting Illustrator layers for use in Animate.

Copying directly from Illustrator into Animate.

Importing Bitmap Graphics from Adobe Photoshop.

Copying directly from Photoshop into Animate.

Importing Photoshop images into the Animate Library.

Converting Bitmaps to Vectors.

Adding and modifying Buttons in Animate.

Creating Animations

Working with the Animate Timeline to create complex animations.

Using Keyframes, Blank Keyframes, and Frames.

Creating Animate CC Motion tweens and Shape tweens.

Applying tweens directly to objects instead of keyframes.

Creating Transition Effects within Animate.

Applying Onion Skinning to see multiple frames on the Stage at once.

Nesting Movie Clip symbols within each other for greater flexibility.

Editing Symbols and adding Layers and Keyframes to its Timeline.

Using Shape Tweens to transform objects.

How Motion Tweens differ from Shape Tweens.

Using Classic Tweens to reduce file size.

Fading objects in and out using Transparency options.

Animating on a Motion Path.

Fine tuning animation using the Motion Editor.

Saving and reusing animations using the motion presets panel.

Animating with Text

Using the Text Tool.

Adding and Formatting Static Text within Animate.

Using imported text for your Animate movie.

Converting text to symbols when you need to use the same text multiple times.

Animating text within masks to hide parts of your text.

Using Font Best Practices for Animate.

Connecting to HTML Text and Text Fields from Animate.

Working with Layers

Animate Layers and Layer Folders

Creating and Using the Animate Graphic Symbols.

Using the Library panel.

Adding Animate layers stop the Timeline.

Animating for Mobile Browsers

Introducing the CreateJS Library.

Getting Started with the “Toolkit for CreateJS”.

Publishing options and limitations with CreateJS.

Creating content directly with CreateJS.

Using SpriteSheet Animations.

Creating SpriteSheets in Adobe Animate.

Adding your Animate exported HTML5 content to your web pages.

Creating Animations that change based on the viewer’s actions.

Introduction to JavaScript.

Adding JavaScript to get buttons to listen for mouse events.

Creating a link to another webpage using JavaScript.

Adding JavaScript to a Frame to stop or start animation.

Assigning Variables to assign a data type and store information.

Using proper JavaScript syntax, or the proper “Grammar” of JavaScript.

Working with Conditional Statements to act upon determinations.

Creating and Using Button Symbols within Animate.

Interacting with other HTML assets like VIDEO or AUDIO from your Animate HTML5 content.

Creating and controlling assets dynamically with JavaScript.

Exploring Further Functionality with Movie Clips

Using Movie Clips

Creating and Using Movie Clip symbols.

Organizing a Movie Clip Timeline.

Using Actions to Control a Timeline.

Using the Movie Clip to create navigation.

Using Frame Labels for Animate.

Responding to User Interactions.