Blog Archives

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

Alien Project – Style Guide

As part of the alien project, we had to create a style guide for our brand.
Click here to view the style guide for Enix!

%d bloggers like this: