Adobe Animate CC: Banner Ads & Social Media Promotions

Add motion to your banner ad, social media posts, web interface, games and more! Create responsive, interactive animations for desktop, iOS and Android Devices without any previous knowledge of code. Incorporate audio, Photoshop and Illustrator files into your animations to capture your audience’s attention with Adobe Animate CC.

Working in Animate

• Why use Animate CC to create web animations and what file formats you need?
• Using Animate for banner ads, social media posts, and other digital animations.
• Exploring the new Animate templates and samples.
• Creating animations and setting up properties.
• Getting to know the Animate interface and working with Panels and Panel Layouts.
• Using Preferences to set up a customized workspace within Animate.
• Publishing an Animate file.
• Working with the Library panel, the Property inspector and the Tools panel.
• Exploring publishing settings.

Publishing for Mobile Browsers

• Introducing the CreateJS Library.
• Getting Started with the “Toolkit for CreateJS”.
• Using SpriteSheet Animations.
• Creating SpriteSheets in Adobe Animate.
• Adding your Animate exported HTML5 content to your web pages.

Creating and Importing Graphic Assets

• Using Animate with Illustrator & Photoshop.
• Importing Vector Graphics from Illustrator with the native Illustrator format.
• Converting Illustrator layers to either Layers or Keyframes and selecting different layers to import.
• Copying directly from Illustrator into Animate.
• Importing Bitmap Graphics into Animate from Photoshop.
• Converting Bitmaps to Vectors.How Symbols differ from Instances.
• Using the Animate drawing tools to create shapes and gradients.
• Using Object and Merge drawing.Adding and modifying Buttons in Animate.

Organizing Assets as Library Symbols

• Saving static symbols as graphics.
• Using graphics for animation.
• Saving graphical elements as movie clips to allow for interactivity.
• Creating button symbols to allow for simple interactivity.

Text and Layers in Animate CC

• Creating and Using the Animate Graphic Symbols.
• Using the Library panel.
• Adding Animate layers stop the Timeline.
• 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.

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.

Javascript Basics for Animate HTML5 Files

• Creating Animate HTML5 files 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.
• Creating and Using Button Symbols within Animate.
• Interacting with other HTML assets like VIDEO or AUDIO from your Animate HTML5 content.

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.