Tag Archives: Animation

Stars – music video

I worked with Imotion Media to create this animated music video.

They wanted some kind of rotoscope painting effect. So, after doing a few tests, we settled on a style and I started treating the footage. The first step was to chroma key all the shots, since I was planning to composite some together, then add particle effects in front and behind the various layers.


 
comp

Once everyone was happy with the edit, I dropped it to 10 frames per second to get a stop-motion look and processed each frame with a proprietary image processing algorithm, to get the painted effect (After Effects plugins weren’t quite doing it for me). The result is rather pretty I think.


 

Unity – Animation Blend Trees

How to create infinitely varied animation with your Unity characters.

A very powerful feature in the Unity Editor is the Blend Tree. This is an extension to an Animation Controller, which allows you to ‘blend’ the joint movements of multiple animations and control the ratio of blending with one or more parameters.

Continue reading Unity – Animation Blend Trees

David Beckham Academy Games

Awarded: FWA winner, Adobe Site of the Day winner and IAB Creative Showcase runner-up.

Continue reading David Beckham Academy Games

Lurpak Breakfast – Behind the screens

Winning two DMA awards back in 2009, I thought I’d give a quick insight into how the animation effects in this piece were achieved. Continue reading Lurpak Breakfast – Behind the screens

A History of the World

Explore 2 million years of human history in a completely new way.

I just finished a new project, called A History of the World in 100 Objects. It’s a joint venture between BBC Radio 4 and the British Museum, to chart human history in a new way. Continue reading A History of the World

Synchronising animation across multiple player instances

I’ve been asked a few times how to create effects that require multiple instances of the Flash Player on a page to remain ‘in sync’, even with user interaction. Reading and writing to cookies frequently is inefficient and resource heavy. Also, when you have more than 2 SWFs, deciding which SWF updates who becomes tricky – especially if someone decides to change or remove an instance, or an instance which you picked as ‘master’ is not loaded, for some reason.

So, I came up with this solution, using LocalConnection with a twist, which works pretty well. But, if anyone has a better method, drop it in a comment below 🙂

Mercedes Bend – Physics based banner animation

What I love even more than doing animation, is doing challenging code-driven animation.

This banner actually won some awards apparently, including NMA Campaign of the Month and was shortlisted for Cannes Lions.The line dynamics itself is just Hooke’s law stuff – basic physics. Took some experimentation to get a smooth curve drawn through a series of points (basicaly, the control points of your previous and next points need to be in line).

If you can’t see the demo above because you’re on mobile, or don’t have Flash enabled on your browser, you can see the banner in action below:

The cars follow one of the line’s points with differing elasticity and damping, but the real pain in the backside was drawing the dashed line via code, in crummy ActionScript. Luckily, I’m a persistent bastard 🙂 Read more about it on Bannerblog.

Fun with noisy filters

I’ve been playing with animating perlin noise and using it at a displacement map. Here’s a little example of what I mean (source).