Design the Web: Illustrator to Animated HTML5 Canvas

Design the Web: Illustrator to Animated HTML5 Canvas

Год выпуска: 10/2014
Производитель: Lynda
производителя: lynda/HTML-tutorials/Design-Web-Illustrator-Animated-HTML5-Canvas/191088-2.html
Автор: Chris Converse
Продолжительность: 0:48
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: Learn to create a web animation from a simple Illustrator file, with Ai2Canvas-a free plugin that works with nearly every version of Illustrator, from CS3 to CC. In this short Design the Web project, Chris Converse shows how to achieve complex animations with Ai2Canvas, simply by naming your layers with different animation properties. He also demonstrates how to combine properties like rotation and origin, for more interesting motion designs, and compress project files for web delivery. The exercise files for this course are free to all lynda members, so download them today.
Как создать веб-анимацию из простого AI-файла с открытым плагином Ai2Canvas.

Содержание
IntroductionPreviewing the final project
About the exercise files

1. Covering the Basics
Downloading and installing the free plugin
Exporting vectors and bitmaps
Animating and timing elements

2. Choreographing an Animated Ad
Setting the background animation and crop
Combining multiple animation properties
Animating the scale property
Final animation details
Using the debugging tool
Optimizing your files for workflow and delivery

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