HTML5 Banner Using Adobe Animate

Outline

TOP FEATURES OF ANIMATE CC:

CREATE HTML5 ANIMATIONS – create your HTML5 animations which work across all devices and platforms

OAM EXPORT – export your HTML5 animations for use in Adobe InDesign, Dreamweaver, and Muse

ENHANCED ACTIONSCRIPT AND JAVASCRIPT EDITOR – a number of enhancements have been added to JavaScript and ActionScript editor including custom class code hinting and completion

CODE SNIPPETS – re-usable chunks of JavaScript and ActionScript code grouped into Code Snippets, easier to include in designs without writing all the required code.

• New Documents
• Drawing rectangles
• Adjusting shapes
• Layers
• The Polystar Tool
• The Pencil Tool
• Vector brush libraries
• Free Transform Tool
• Branded colours
• Adobe Color
• Gradients
• Shape Tweens
• Previewing your project
• Shape Tweens and extending backgrounds
• Looping
• Width Tool
• Creating symbols and instances
• Editing symbol instances
• Editing ‘symbols’
• Type and fonts
• Classic tween
• Pausing your animation
• Applying easing
• Create custom ease
• Importing images
• Working with Photoshop files
• Working with Illustrator files
• Converting bitmaps to vectors
• Image slide show
• Nested animations
• Working with sound
• Button actions
• Simple mask
• Infographic – line graph
• Buttons
• Animating a bone system
• Stop an animation from looping using JavaScript
• Motion tween
• Applying easing
• Motion guide
• Motion preset
• File size – what’s included
• File size – image compression
• Image spritesheets
• Publishing – what you need in the end
• Clicktag or click through
• Adding Clicktag for Double Click
• CreateJS
• HTML publishing templates
• Publishing to the Double Click Network (DCN)