How to create amazing animated characters in Illustrator and Flash

Create an animated character by harnessing the power of Illustrator and the flexibility of Flash.

ccstep09

09. Create two layers in Flash. Name the bottom layer ‘Background’ and the top one ‘Madame’. Open the Library and locate the background symbol. Drag it onto the background layer and position to cover the canvas. Repeat for the Madame symbol in the Library, this time dragging it onto the ‘Madame’ layer.

ccstep10

ccStep10Alternative

10. We’ll start off by animating the eyes. Locate the left eye symbol in the Library and double click on it (or double-click on the instance of Madame on the canvas to edit the symbol, then double-click on the left eye). Check you are editing the left eye symbol by looking for the breadcrumb trail, which should show something like Scene 1 > Madame Octopus > Left Eye.

ccStep11

11. In the timeline, scroll to frame 100 and add a keyframe. Choose the scale tool and grab the eyelid. Increase the vertical size to give the appearance that the eye is closing. Move to the next frame and add another keyframe. Scale the eyelid to completely cover the eye. Finally, move to the frame 102 and add one more keyframe. Set the eyelid to a similar position to frame 100.

Join the PC World newsletter!

Error: Please check your email address.

Tags animationflashadobe illustrator

Struggling for Christmas presents this year? Check out our Christmas Gift Guide for some top tech suggestions and more.

Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

Sam Hampton-Smith

Digital Arts Magazine

Most Popular Reviews

Follow Us

Best Deals on GoodGearGuide

Shopping.com

Latest News Articles

Resources

GGG Evaluation Team

Kathy Cassidy

STYLISTIC Q702

First impression on unpacking the Q702 test unit was the solid feel and clean, minimalist styling.

Anthony Grifoni

STYLISTIC Q572

For work use, Microsoft Word and Excel programs pre-installed on the device are adequate for preparing short documents.

Steph Mundell

LIFEBOOK UH574

The Fujitsu LifeBook UH574 allowed for great mobility without being obnoxiously heavy or clunky. Its twelve hours of battery life did not disappoint.

Andrew Mitsi

STYLISTIC Q702

The screen was particularly good. It is bright and visible from most angles, however heat is an issue, particularly around the Windows button on the front, and on the back where the battery housing is located.

Simon Harriott

STYLISTIC Q702

My first impression after unboxing the Q702 is that it is a nice looking unit. Styling is somewhat minimalist but very effective. The tablet part, once detached, has a nice weight, and no buttons or switches are located in awkward or intrusive positions.

Latest Jobs

Shopping.com

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?