keyframes est une bibliothèque qui vous permet de créer facilement des animations avec des éléments DOM.

Aujourd'hui un petit clin d'oeil à tous les fans de la célèbre série de george lucas, j'ai nommé "Star Wars". Eric Power a réalisé cette petite animation de 2 minutes tout en papier coupé sur une chanson de Jeremy Messersmith.

Pourquoi créer les personnages d'une sitcom américaine en CSS ? Sans doute parce que c'est l'un des plus long programme d'animations créée par Matt Groening et considérée come l'une des séries télévisées les plus longues de tous les temps.

Ces sculptures imprimés en 3D, appelés Blooms créées par John Edmark qui enseigne le design à l'Université Stanford, sont conçus pour paraitre animer quand elles tournent sous une lumière stroboscopique. Chaque éléments de la sculture reprend la même méthode utilisé par mère nature pour les pommes de pin, les tournesols ...Pour cette vidéo, plutôt que d'utiliser un flash stroboscopique, la caméra a été réglé à une vitesse d'obturation très court (1/4000 sec) afin de "geler" la sculpture.

These 3-D printed sculptures, called blooms created by John Edmark, design teacher at Stanford University, are designed to animate when spun under a strobe light. The placement of the appendages is determined by the same method nature uses in pinecones and sunflowers. For this video, rather than using a strobe, the camera was set to a very short shutter speed (1/4000 sec) in order to freeze the spinning sculpture.

Un film d’animation entièrement réalisé à partir de peintures, c’est le défi que s’était lancé Reza Dolatabadi, un jeune artiste iranien basé en Grande-Bretagne. Ce court-métrage de 5 minutes était son projet de fin d’études. Et il aura mis deux ans à peindre les 6000 toiles nécessaires pour réaliser ce thriller psychologique qui vous plongera dans le cauchemar d’un homme tourmenté.

 

(source : sur le net du 31/03/2010 france24)

Avant l'ère de youtube, les images GIF animés étaient le moyen le plus utilisé pour animer un page web. Maintenant, ils ne sont utilisés que pour quelques petites animations (comme les chargeurs ou des animations très courtes) et surtout pour le plaisir.

Des images uniquement composées de logos. Six années de recherche et de travail ont été nécessaires aux trois graphistes français qui ont réalisé ce court-métrage d’animation sélectionné aux Oscars cette année. Le temps de se réapproprier les signes graphiques qui envahissent nos villes.

 

(source : sur le net du 12/02/2010 france24)

cgSceneGraph est un environnement JavaScript  d'animation orientée objet et facile à utiliser qui est construit avec les propriétés HTML5 de canvas.

Suivre le parcours sur papier d’un jeune acrobate dans un milieu urbain : voici le défi que se sont lancés les créateurs de cette vidéo qui circule actuellement sur les sites de partage. Une animation originale qui aura nécessité de longues heures de travail.

 

(source : sur le net du 08/01/2010 france24)

Animatio est un éditeur d'animation écrit en JavaScript.