Philosophy Video for new MS Website

Here is a quick animation that I put together for the Philosophy section of the new Mediasauce website with Larry's help on initial concept, Mitch as writer and voice talent, Mike as the Creative Director, and Andy as audio extraodinaire. It was nice to have some freedom on the direction of the design and animation style. I enjoyed sketching some of the elements with a pen that were included in the design, and it was fun to jump into Maya briefly to create the root animation. Thanks for the Maya crash course Joseph!

I have to say, the project went relatively smoothly until I tried to mess with the temporal properties of my position key frames in the graph editor. I dont quite understand why the key frame splits or why you cant angle the handles to make the curve you're after. It's something I definitely need to investigate further because it was driving me crazy! I look forward to spending more time on the next piece like this one and incorporating more pizazz and 2ndary movement.

Here's an image of the design I used for the animation. The photos all came from personal travel photos I've taken and the flower designs are the result of some fun with pen and ink. I liked how they turned out and would love to make a funky fabric based on them at some point.

This Year's Holiday Greeting from Mediasauce

Here's this year's Holiday greeting from Mediasauce. Vince, Dan, and I did the white board time-lapse illustration, and Mike and Mitch worked together on the interface.

Click here to watch the greeting.

Indy Green Tips Tshirt Designs

Here at Mediasauce I was in charge of organizing a day where everyone in the company would devote 5 hrs of service to our community. Everyone worked together to create a PSA of sorts that shares small ways that everyone can work together to help make Indy a greener place. I'll share more about the project once it launches. For now, I'll just share a tshirt design that I put together for it using some of the design elements we created on our day of service.

Click here to see my other t-shirt designs

Bookend with Audio

After working with Andy on what I was thinking on the audio, he produced this lovely sound track for the bookend. Dan made the scurry sound for us with a couple pencils on a pad of paper. Well done guys!!!

Mediasauce.TV Bookends

I've been working on a little bookend animation for the videos that will be posted on mediasauce.tv The "network" hasn't launched yet, but should sometime within the next couple weeks. Dan created this little tv character that will be used throughout the site. A lot of the videos will be that low fi production feel so I wanted to animate his little character to feel that way as well. I liked the idea of seeing the paper flip and change as the poses changed and gave a slight wiggle to the lines of the tv character to simulate that hand drawn wiggle. (It's a bit hard to see on the small video) I've still got some sound effects and a nice little music track to add. Dan is going to play some snare drum for the music track. I cant wait to get it all together.

Lip synch animating with the slide controller in After Effects

The only lip synch animations that I've done, I've done in Flash. I wasn't entirely sure how the workflow would be most efficient in after effects, but here's one that I discovered to be pretty quick and clean. It involves time remapping and a slider control.

1. Bring the ai file of your character in as a composition with all of the different mouth shapes on their own layer.

2. Pre-compose all of the mouth shapes into one composition called "Mouth Shapes". You should now have 2 layers in your main composition. One layer is the composition containing the mouth shapes, and the other is the layer containing everything else.

3. Open the "Mouth Shapes" composition and make the duration of each layer 1 frame. Use Animation presets to stagger the layers end to end so that you have a different mouth shape on every frame of the composition. (Animation>Keyframe Assistant>Sequence layers) Make sure that the "overlap" checkbox is un-checked.

To keep things neat and tidy, change your comp settings to match the number of frames in your comp. ie. if you have 15 mouth shapes, make the comp 15 frames long.

4. Go back out into your main composition. Select the "Mouth Shapes" layer and enable time remapping. (Layer>Time>Enable Time Remapping) Select the time remapping properties under the mouth shapes layer and type the number 3 into the time code contained in that property layer. You should notice that the mouth shape changed to correspond with the mouth shape in frame 3 of your "Mouth Shapes" composition. Set a keyframe in the time remapping property. Be sure to right click on the keyframe and select "Toggle Hold Keyframe" from the menu. This way it will hold on frame 3 of that composition until you set another key frame to change it to a different mouth shape.

5. Now it's time to add slider controls. Delete the key frames that you added to the "Mouth Shapes" layer. The next step is to create a null object that will control the time remapping property of the "Mouth Shapes" composition.

Go to Layer>New>Null Object. Name your new layer "Mouth Controller".

Next, add a slider control to the layer. (Effect>Expression Controls>Slider Control)

Add an expression to the slider control effect that you just added to the "Mouth Controller" layer (Animation>Add Expression).

Now, select the time remapping effect on your "Mouth Shapes" layer and add an expression to it as well.

Add this script to the "Mouth Controller" layer: effect("Frequency")("Slider")

Now add this script to the time remap expression: [1*thisComp.layer("Mouth Controller").effect("Frequency")("Slider")];

You should now be able to go up to the slider controls under "Mouth Controller" and click and hold on the value then move your cursor from left to right and see the mouth shapes change. Add a keyframe to the slider property and dont forget to change it to hold keyframe. Scrub along your audio until you're ready for the mouth shape to change then move the slider again to the new shape you want to use. It should automatically add a key frame for you.

There may be additional tricks to use with this method, and there may be ways to clean it up, but this new technique allowed me to animate a lip synch for my character very quickly. Below is a sample of the animation. The same method could be used for other facial features such as eyebrows, forehead wrinkles, ear wiggles and blinking. The secondary motion of the head, arms, and rest of the body could be added afterwards.

Now I just need to put together a little slider app that does the same thing for flash. :)


(This animation test was done using a character from an American United Life Insurance Company project that we animated that is used to encourage 20 somethings to think about saving for retirement. Special thanks to Vince Gorman and Dave Devries for character design)


Let me know if this tutorial was helpful! I'd love feedback.

Sorority Anti-Hazing PSA Illustration

Here's an illustration of a sorority girl that I did for an anti-hazing public service announcement. We do a lot of simple vector-y illustrations here at work because most are used to be animated in flash. It would be fun to drum up some work that allowed us to do illustrations with more texture and depth. For now, we'll just have to work on some of those outside of work.