Creating an HTML5 Banner Ad with Animate CC

Creating an HTML5 Banner Ad with Animate CC

Год выпуска: 05/2016
Производитель: Lynda
производителя: lynda/Flash-Professional-tutorials/Creating-HTML5-Banner-Ad-Animate-CC/473879-2.html
Автор: Chris Converse
Продолжительность: 1:21
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: 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

Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 30fps, 104kbps
Аудио: AAC, 48kHz, 160kbps, stereo