PERSIFLEUR // Making-of

Persifleur // Interactive Music Video

The idea of this interactive video came up in december 2011, based on a very simple concept : let the user “draw the music”.

Since then and until the public release of the video innovember 2013, there has been many steps:

Creating the typographies:
every single word in the song is hand drawn (using ink, brushes, or pen).

- Then we scanned the words, and animated them using After Effects,
following the intonations of the voice and instruments.

- Last but not least, the programming.
The animations are injected into the program, so that it reacts to the user’s actions.

The video was developped in Java using Processing.
The source code is available here.

It was built into a Web App thanks to ProcessingJs added to HTML5 / CSS / Javascript / PHP.

More infos to come…

Posted in LAB

R // 002 : No Keyframe!

The R // videos are signed by each of the reanimators independently.
They’re a testing ground for experimentations of new techniques (and ancient too), with only one constraint or theme.

For this second serie, we made animations without any keyframes!

Posted in LAB

RAIN MELODY // work in progress


After a week of learning Pure Data at the Imal, Boris came up with this…. thing.

« It was a beautiful sunny week though!

I’d like to keep working on this, mainly on the sound part.
But also maybe to get something more random and more organic in the image.
And maybe some day make an app out of it! »

Posted in LAB



DELANTE TV got in contact with REANIMATION early in the project (during the writing of the season1) for the design of the opening credits.

The brief was simple : we had to create a 40s sequence which sets up the series’ universe:

the city of Paris
• modern investigation techniques
• introducing the detectives family

The general mood had to evoke the fresh, light and modern feel of the series…

This work came in continuity to a first collaboration between DELANTE and REANIMATION on the feature film MOI MICHEL G (released in 2011).



We follow a small investigation through Paris, jumping from one clue to another, via a “Google Streetview like” interface.

At first we don’t understand what the clues are leading to, but as we move through Paris, we realize that the object of our investigation is the Roche family…

The idea of the opening sequence is to get the spectator to want to watch the sequence again. At the begining of every episode he would notice a new detail.

The investigation is fluid, one clue calls another, the eye is constantly guided by a common thread which drives us elsewhere (a pen stroke, a mouse pointer…).

The investigation has a playfull aspect, it helps in feeling the light atmosphere of the series, far from the dramatic or shabby clichés other police series can have.



In this sequence, we wanted to show the tools a modern detective uses on a daily basis (which mainly consists in a clever use of tools we all have access to : search engines, cross-databases, social networks



In order to create animated streetviews, we used a very special capture technique which allowed us to create 360° stop-motion sequences.

In post-production we were then able to move inside these timelapses, changing the camera movements.

Here’s a different point of view on the introduction sequence :

We wanted to use another technique : photographic travellings, a technique we like to use on a regular basis with REANIMATION, which gives us a way to smoothly move through the city.



The choice of the track When You Know was a part of the brief from the very start.

The band Puggy was quite familiar to us as Yann worked on the motion graphics of their videoclip Dubois in 2007.




An Opening Sequence by REANIMATION

Yann Deval // Direction, shooting, compositing & sound design
Thomas Fage // Shooting & editing
Boris Wilmot // Motion-graphics design & animation
Stéphane Laplatte // Motion-graphics design & animation

Music by Puggy
Production by Delante TV
March 2012

The series DETECTIVES is aired on France 2 in spring 2013.

Posted in LAB


Yesterday was the airing of the documentary Philippe Geluck, l’échappé belge. A biography of belgian cartoonist Philippe Geluck.

The briefing was pretty clear : “old paper texture and a typewriter writing on it”.

Pushing things further, we decided to write down a whole alphabet with an old 1920 Continental typewriter we had, and use it as our font. Looking organic, looking dirty, just as we like it!

Now that the movie is out, we wanted to give away this material, for free, for others to use it. So here it is, a new KIT DE REANIMATION, with the scanned Continental alphabet, as well as some sound recordings of the machine!

Download the Kit!

Posted in LAB

R // 001 : REANIMATION logo animation, march 2013

The R // videos are signed by each of the reanimators independently.
They’re a testing ground for experimentations of new techniques (and ancient too), with only one constraint or theme.

For the first batch in march, we played around with the REANIMATION logo.

All videos were sound designed by Yann Deval.
Posted in LAB

KIT DE REANIMATION // After Effects text preset : Airport Sign

A text preset. Comes with an .aep project for you to check out.

The idea is to have a text layer only with “g” in the Webdings font, to make the rotating squares.
In the example, to get this rectangle shape, I scaled the font 129% vertically and 70% horizontally.
And I pushed the tracking to 100..

And another layer, with a monospaced font. Then, you have to play with the characters size, scale and tracking to put each of them in the center of the squares.

In the example, I took the OCR font, with the same size as my webding font. I pushed the tracking to 50 but left both horizontal and vertical scaling to 100%.

You do the same animation on both layers, et voilà!
(Just be carefull that you need to have the same amount of letters on the square layer and the text layer, so just fill the blanks with spaces…)

Last thing I did in the example is to offset the “OCR” text anchor point, so my text is in front of the square shapes when they turn.

Download the Kit!

Posted in LAB