Adobe Animate CC Introduction

Learn the fundamentals of Animate as we guide you through this comprehensive introduction to the new leading interactive-design program. We will show you how to draw and animate your own graphics. This is the perfect starting point for anyone interested in creating enhanced web output.

After we give you a complete tour of the Animate environment, we will take you from a blank canvas to being able to produce your own graphics and animations. You will see how it easy it is to import your own audio and video, add simple interactivity, and then publish your projects in a variety of formats.

This 2-day Introduction course helps you learn about the tools and features available in Adobe Animate CC. We will help you understand how this new industry-leading program takes interactive design to a new level. 

We will guide you in learning the work area and the best practices for creating animated content with different export options. Plus, you will get the hands-on experience you need to create your own projects.

Upon successful completion of this course, you will be able to:

• Navigate the Animate environment
• Import and create graphics
• Draw using the built-in tools
• Create and use symbols
• Animate shapes
• Import audio and video
• Add simple interactivity through Script Assist and Behaviours
• Publish in several formats

Our goal is for you to be able to create simple visual projects that are ready to use for the web.

Course Target Audience and delegate prerequisites:

This course is intended for designers and developers who are new to Animate and who want to learn the interface and commonly used features.

You will need basic PC or Mac skills, including a solid understanding of a computer's operating system (Windows or Mac OS). You will also need to know how to launch a program, create and save files, and copy files from CDs and other media.

Course Outline:

• Getting to know Animate
• Adobe Animate Workspace
• The Tools panel
• Working with Panels
• Panel Dock
• Libraries
• Setting Preferences
• Keyboard Shortcuts
• Working with documents
• Working with the Stage
• Resizing Stage and Content
• Using Guides, Rulers, and Grids
• Using the Timeline
• Using Layers
• Importing Native Photoshop and Illustrator Files
• Copying and Moving Content
• Undoing, Redoing
• History in Animate
• Working with shapes and colour
• Drawing in Animate
• Using Vector Graphics
• Using Bitmap Graphics
• Merge Drawing Mode
• Object Drawing Mode
• Drawing Primitive Shapes
• Creating Overlapping Shapes
• Adding Colour
• Strokes and Fills
• Gradients
• Lines
• Arranging Objects
• Transforming Objects
• Working with text
• Using Text in Animate
• Working with Fonts
• Using Typekit Web Fonts
• Using Leading
• Working with symbols
• What Symbols are and how they work
• What Symbols’ Instances are
• Movie Clip Symbols
• Graphic Symbols
• Button Symbols
• Creating Symbols
• Converting Content to Symbols
• Swapping Content
• Editing Symbols
• Editing Instances
• Working with Library
• Working with animations
• Shape Tweens
• Classic Tweens
• Motion Tweens
• Motion Presets
• Frame-by-Frame Animation
• Working with Frame Rates
• Frames and Keyframes
• Keyframes and Blank Keyframes
• Orient to Path
• Masks
• Motion Guides
• Easing
• Nested Timelines
• Using Onion Skinning
• Previewing Animations
• Creating interactivity
• Using JavaScript in Animate
• Using ActionScript 3.0 in Animate
• Frame Labels
• Using Code Snippets
• Adding Code Snippets to Objects
• Working with Buttons
• Making Movie Clips into Buttons
• Buttons States
• Editing Buttons
• Testing Buttons
• Publishing and exporting
• Exporting from Animate
• Publishing from Animate
• Differences between Exporting and Publishing
• Exporting as SWF
• Exporting for HTML5
• Exporting Formats
• Publishing Preview
• Publish Settings
• Adding Flash Player Detection
• Publishing HTML5 to InDesign, MUSE and Dreamweaver
• Create responsive animations
• Add a pre-loader to your HTML5 animation