2016
Lynda
Chris Converse
1:21
English

Designing and producing animated ads that look great and work as expected in modern browsers can be a headache—unless you're using the new release of Adobe Animate CC. Animate CC allows you to export HTML5 and JavaScript files that are responsive and look great on any platform. This project takes you from a blank HTML Canvas project all the way to a finished banner ad, using Animate CC. Chris Converse shows how to assemble a composition using existing artwork and text, animate the different elements, add web fonts and a call to action, and make the ad clickable and controllable by the user. The course wraps up with a look at the different publishing options available in Animate CC.

Introduction
1m 42s
Welcome
58s
About the exercise files
44s
1. Creating and Importing Artwork
13m 48s
Creating a new HTML Canvas project
2m 24s
Importing artwork to the library
2m 35s
Creating a composition
5m 20s
Adding text and shapes
3m 29s
2. Creating Animations
30m 58s
Creating and animating a symbol
5m 32s
Transformations and easing effects
3m 36s
Creating and animating a mask
6m 22s
Creating a movie clip of remaining products
4m 8s
Masking and animating the first two products
5m 55s
Animating the final product
5m 25s
3. Adding Scripts (Actions) for Playback and Interaction
13m 24s
Adding timeline actions
5m 26s
Testing your project in a browser
2m 14s
Making the ad clickable
5m 44s
4. Adding Web Fonts and Final Animations
15m 6s
Animating the text box
2m 31s
Using a Typekit web font
1m 56s
Animating the text
3m 24s
Creating the call-to-action symbol
3m 57s
Animating the call-to-action symbol
3m 18s
5. Publish Settings
6m 27s
Exploring the publish options
5m 11s
Options for optimizing images
1m 16s

lynda.com/Flash-Professional-tutorials/Creating-HTML5-Banner-Ad-Animate-CC/473879-2.html

Download File Size:249.97 MB

---