Flash animation – Cheetah Run Cycle

Flash animations generally don’t require too much work if your assets are all setup and you have everything planned out. This was a pretty simple scene with a looping background and a run cycle.

Click to view result
Source files

Starting off, I got an image to use as the run cycle for a feline:

Once the image was traced out in Illustrator, I added a gradient and started testing out the animation in Flash since I hadn’t tried it before.

screen2

I then came back to Illustrator to add spots to the cheetah and shadows as well. The shadows were just flipped, re-sized versions of the original with reduced opacity.

screen1

screen3

Moving to Flash, I imported my frames and started setting up my animation. I then imported grass and ground elements from other illustrator files.

screen4

screen5

I’d already setup one of the layers with a large width to animate so I set that up for the other grass as well, but instead I did it in Flash. This was done by duplicating and reflecting the image onto it’s right side so the part where they join matches along with the beginning and the end ensuring a smooth loop. This was then classic tweened from right to left.

screen7

I added clouds and a simple background and was almost done with the animation. Just to test out how audio worked, I also added a song from the lion king soundtrack on a separate layer.

screen9

And finally, it was complete! Click to view the flash animation!

♠ Leave me an email (contact page) if you need any help setting up your animation!!

Advertisements

About Aamir Raza

VFX enthusiast and Digital Media Artist living in Toronto. // www.digitaleffectx.wordpress.com

Posted on June 6, 2012, in Flash, Photoshop / Illustrator / Print and tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , . Bookmark the permalink. 1 Comment.

  1. the cheetah looks awesome and I’m liking how the grass came out.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: