First Foray into Animation – Cbeebies Short Project

I’ve already blogged on here about my MSc Project making an ident for CBeebies, using the programme Adobe After Effects.

I’ve written about some of the physical filming, as well as the Sound Design and Composition, but by far the hardest, more time consuming and most out of my comfort zone has been the animation of the characters. The ‘characters,’ which are the yellow are fairly amorphous so I could animate them simply using after effects and not need to use Maya/Flash.

To do this I used a technique called puppet pinning in which points along the edge of an image can be selected and then moved. Often this deforms the object and ruins the effect, but since these objects are intended to be ‘deformed’ it worked really well. It took a bit of experimentation to find a set of movements that made the characters move in a natural looking way, by varying the length of each pin movement so that they undulated across the screen rather than appearing to slide and float above the ‘ground.’ The effect I was going for was something like a sped-up snail. Sometimes the characters needed only a few pins, but it many scenes they needed to change frame-by-frame. Time consuming but ultimately more effective and satisfying!

However they still needed to be integrated with the real life background. I created drop shadows, which were customised to each character and at some points wereanimated so that they appeared to move beneath the character as if the character were jumping.

The characters on the left are jumping. As the background is plain, the movement of the shadow gives the impression of 3D space.

However the most important technique was masking, which meant that the characters could be a part of the environment, rather than appearing to be pasted over the top.

For example, in the scene below the bugs are jumping through the bars of the gate. A mask was placed over the area where the bug starts, which removed that section of the image so it appeared to be behind the gate.

The scene also required one piece of 3D animation. In the first shot, a ball bounces between the bugs, causing them to scatter briefly. In this previous blog, I detailed how I used a green screen so that a real ball could be keyed into the scene. However I soon ran into a problem with this – the ball had blurred as it passed across the camera. This meant that when I attempted to key the background out, the shape of the ball distorted. I couldn’t remove the green without removing some of the blue as well. If we had changed the frame rate of the camera it might have worked.

Instead, I decided to create a 3D ball shape within After Effects. As the ball was only onscreen for a second or two, it didn’t need to be perfectly realistic, so a blue shape with points of light and shadow, plus an animated drop shadow was a great replacement.

When the ball is moving through the shot it is fast and blurred enough to be convincingly real.

However in all this, there were bound to be a few mistakes along the way, which I made sure to capture on video. Some of them turned out pretty funny when rendered and I put together a quick montage.


Leave a Reply

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

You are commenting using your 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