Overview
  • Introduction
  • What we'll be making
  • Exercise Files
Industry Overview
  • SWF to HTML5
  • What is HTML5
  • Where did Flash and Edge go?
  • The various ways to create HTML5 Banner Ads
  • Roles - Designers vs Coders
Drawing Tools
  • Background Color and Shape Problems
  • Layers and Polystar Tool
  • The Pencil Tool and Vector Brush Libraries
  • Free Transform Tool
Color
  • Using Brand Colors and Adobe Color
  • Gradient
Shape Tweens
  • Shape Tweens and Previewing
  • Shape Tween Project
Warnings and Errors
  • Warning Frame Numbers in EaselJS Start at 0 error
Width Tool
  • Width Tool
Class Tweens
  • Creating Symbols and Instances
  • Adjusting Symbol Instances
  • Editing Symbols
  • Naming Instances
Fonts
  • Adding Static Text Boxes
  • Crisp Text in Adobe Animate
Create a Banner Ad
  • Making a Banner Ad Using Classic Tween
  • Applying Easing to Your Banner Ad
Images
  • Vector vs Bitmap
  • Bring in from Photoshop and Illustrator
  • Converting Bitmaps to Vectors
  • Image Slideshow
Nested Animations
  • Nested Animation - Animation Inside Symbols
Sound
  • Working with Sounds
Project
  • Mini Project
Buttons
  • Buttons
Masking and Infographics
  • Basic Masks
  • Animating Masks
  • Animating Infographics - Line Graph
  • Animating Infographics - Bar Graph
  • Animating Infographics - Pie Chjart
Bone Tool
  • Bone Tool
Stop looping with Javascript
  • Get the Animation to Stop Looping using Javascript
Motion Tweens
  • Motion Tweens vs Classic Tweens
  • Motion Path
Keeping File Size Down
  • What Counts against File Size
  • Image Compression
Publishing
  • What you need in the end
  • Clicktag or Click Through
  • CreateJS
  • HTML Templates
  • Publishing Adobe Animate to Doubleclick
  • Publishing via Adwords GDN
  • Publishing Adobe Animate to Sizmek
Conclusion
  • What Next