Completion Ceremony
Animated Graphics

One task at Francis Tuttle was to create some animated graphics to present at the completion ceremony for each of the different academies and career techs. In total, there were eight different animations to make, and each was around three seconds long. This assignment was a test of my skills on Adobe After Effects, and all the assets were drawn in photoshop.  

When I got to this assignment, I had to think of little animations to encapsulate the different classes and what they study. I storyboarded out the animations to get some ideas, and looked at the past students version for this project for inspiration. 

Next, I needed to design a character to feature in these animations. I decided to make it a version of Purple, which is the mascot of Francis Tuttle. Purple is a purple duck, but I added some little tufts and spots to give more visual interest, since the mascot is one solid color. I made some outfits for different classes that have set uniforms, and a default one for everything else. 

I never ended up using the automotive class uniform, but I like how Purple looks in the hat. The cosmology/bioscience/pre-nursing outfit is a lighter version of their black scrubs, since the design uses softer purples and grays. 

With the design and storyboard made, I next needed to make all the assets to import into After Effects and move around. At first, I tried using Illustrate to make the assets, but I had no experience using it at the time and couldn’t figure out how to use it effectively. I settled on using Photoshop to draw the assets by hand, with exception of the car, which was made using the pen tool. The smoothness of the line art was from me turning smoothness up to the maximum, so the program would digitally smooth out all of my strokes while I made them. I wanted the lines to be as neat as possible, because a sketch/hand drawn style didn’t seem fitting for graphics for a completion ceremony.

For the Interactive Media section, I wanted to create an effect of a 3D model in a 2d space, so I used a technique called parallax, where I moved the eyes on the figure in a way that looked like its entire head was turning. Most of the other animations weren’t as complex; just simple movements and transitions.