Design the Web: Illustrator to Animated HTML5 Canvas

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.com members, so download them today.

About the Author

Chris Converse applies design and UX principles to technology, from motion graphics to CSS-driven websites.

Chris Converse graduated from Rochester Institute of Technology with a degree in graphic design. He began his career in print, designing and preparing digital files for commercial offset printing. Chris has spent the last 22 years studying and applying design and interface principles to technology. His work spans various distribution media (CD-ROMs, web sites, and interactive DVDs) and applies many authoring media and techniques (HTML, CSS, JavaScript, AJAX, image optimization, motion graphics, Flash, Director, Shockwave, sound engineering, digital video compression, PHP, and ASP). Chris has a passion for and a commitment to conceiving, creating, and delivering the best possible user experience, regardless of the medium.

Product Details

• Full Video Tutorials
• Full Exercise File Included
• Video File Format: MP4
• Skill Level: Beginner
• Video Duration: 48m 25s
• Instructor: Chris Converse