Creating Animated Icons for the Web in Flash

In this series of Flash tutorials, we'll be creating animated icons that can be published as HTML5 canvas documents. Software required: Flash CC 2014.
Course info
Level
Beginner
Updated
Jan 4, 2015
Duration
1h 16m
Table of contents
Description
Course info
Level
Beginner
Updated
Jan 4, 2015
Duration
1h 16m
Description

In this series of Flash tutorials, we'll be creating animated icons that can be published as HTML5 canvas documents. We'll start by creating a simple looping animation that the user can control. We'll use ActionScript to allow mouse-over events to play and stop the animation. Then, we'll learn how to take an ActionScript document and convert it to an HTML5 canvas document. Next, we'll create a more complex animation that has a few more stops along the timeline that we'll navigate. We'll copy and paste frames of our animation to create a backwards playing effect and create code that will control the animation. We'll end by creating an animated icon that uses a mask to conceal portions of a layer to create a great effect. This course goes over the process of creating animations in Flash and using actions to control them. By the end of this Flash training, you'll be familiar with the drawing tools, the timeline, and the actions and snippets panels. Software required: Flash CC 2014.

About the author
About the author

Alex is a motion graphics author at Pluralsight. Starting out his career in illustration and design gave Alex a firm foundation in the more traditional forms of art. As he refined his skills, he eventually was pulled into the world of motion animation, as well as product design. It was there that Alex was able to take his artistic skills to new heights and really develop himself as a well-rounded CG artist.

More from the author
Illustrator CC Creating Business Collateral
Intermediate
54m
Dec 14, 2017
Designing a Proper Invitation in Illustrator
Intermediate
1h 48m
Dec 26, 2015
More courses by Alex Hernandez
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hello, I'm Alex with Digital-Tutors and this series of tutorials we'll be Creating Animated Icons in Flash that can be published as HTML 5 Canvas documents. We'll start by creating a simple looping animation that the user can control. We'll use ActionScript to allow mouse-over events to play and stop the animation. Then we'll learn how to take an ActionScript document and convert it to a HTML5 Canvas document. Next, we'll create a more complex animation as a few more stops along the timeline that we'll navigate. We'll copy and paste frames of our animation to create a backward playing effect and create code that will control the animation. We'll end by creating an animated icon that uses a mask to conceal portions of a layer to create a great effect. This course goes over the process of creating animations in Flash and using actions to control them. By the end of this course, you'll be familiar with the drawing tools, the timeline, and the actions in snippets panels. So let's go ahead and get started by creating a simple animated icon.