Cours Motion Design

Qu’est ce que le motion design

L’histoire du motion design

Je vous renvoie vers le très bon article de Jeremy Fassio sur le site de Motion Café
https://motion-cafe.com/la-genese-du-motion-design-de-lanimation-experimentale-a-after-effects

Pour faire un raccourci, la naissance du motion design date des années 50 et 60, au moment où les génériques de films ne sont plus l’apparition simple des titres et crédits, mais amène déjà le spectateur a se mettre dans l’ambiance du film. Animation de texte, de graphisme, assemblage avec de la vidéo, on retrouve tout les ingrédients du motion design.
Saul Bass, designer d’affiche puis de générique de film est souvent considéré comme le premier motion designer.

Saul Bass (1920-1996)

Norman McLaren (1914-1987)

Pour ma part, j’apprécie énormément le travail de Norman McLaren, pionnier de l’animation qui a passé presque toute sa carrière à l’ONF (Office National du Film Canadien). Expérimentateur et avant-gardiste, il intervenait directement sur pellicule (peinture, grattage), a été précurseur de la technique de pixilation (stop motion avec des acteur-rices) et de la musique électronique. Il a influencé bon nombre de cinéastes, dont Michel Gondry.

Un lien vers sa filmographie
https://www.onf.ca/cineastes/norman-mclaren/
et un court documentaire animé sur sa production (10 minutes)
https://www.onf.ca/film/negatifs_de_mclaren/

Exemples d’utilisation de motion design

Génériques

[studio Elastic]

Art of the title, site de référence des génériques
https://www.artofthetitle.com/

Habillage TV

[studio Nobl]

Habillage de la chaine Arte
https://www.arte.tv/sites/corporate/habillage/

Didactique

Réseaux sociaux

Brand Reveal

Le langage du motion design

En design, nous jouons sur les formes, les couleurs, les textures, les contrastes, la composition … tout cela va être pris en compte dans l’animation. Mais un nouveau langage se rajoute avec la notion de temps :
– la dynamique du mouvement
– le tempo général
– les transitions (fondu, cut, match cut, balayage, transformation, caméra)
– les effets

Les logiciels

Adobe After Effects #2D #2.5D #3D #keyframe #compositing #Lottie
Adobe Animate #2D #tradi #camera #keyframe #Lottie
Cavalry #2D #2.5D
Unreal Engine #3D
Cinema4D #3D
Blender #3D #tradi #gratuit #compositing
Procreate Dreams #appli #tradi #keyframe
Callipeg #appli #tradi
Krita #tradi #gratuit
Fable #onLine #gratuit/abonnement #2D #Lottie
Rive #onLine #gratuit/abonnement #2D #Lottie

Les 12 principes d’animation

Formalisés par Frank Thomas et Ollie Johnston dans le livre « The illusion of Life : Disney Animation ». Les 2 animateurs font parties des « Nine Old Men », les neuf sages qui étaient les piliers des débuts de Disney. Ces principes d’animations sont devenus des fondamentaux de l’animation en général.

1. Squash & Stretch / Compression et étirement

2. Anticipation

3. Staging / Mise en scène

4. Straight Ahead & Pose to Pose / Animation en continu ou pose par pose

5. Follow Through & Overlapping Action / Continuité du mouvement initial et chevauchement de deux mouvements consécutifs

6. Ralentissement en début et fin de mouvement

7. Arcs / Trajectoire arquée

8. Secondary Action / Détails secondaires en mouvement

9. Timing

10. Exaggeration / Exagération

11. Solid Drawing / Dessin en volume

12. Appeal / Charisme

La Chaine youtube de Yoann Bomal produit en ce moment une série sur les 12 principes d’animations (20 à 30 minutes par épisodes), avec des interviews d’animateurs
https://www.youtube.com/watch?v=GQtQFWGr0m4&list=PLkDWVxZiozr2olnHKrPixpBRhJ1oMAI-5

Les étapes de productions d’une animation motion design

Un lien vers la version de Gweno avec ces 9 étapes
https://gweno.medium.com/le-process-du-motion-design-en-9-%C3%A9tapes-120e7522175d

les étapes de production pour le Studio BOUTON
https://www.studiobouton.fr/cas-client/

Les studios de motion design

Lien vers 15 studios à suivre sur le site de Jeremy Fassio
https://mappingmotion.com/15-studios-de-motion-design-a-suivre/
mon studio préféré
https://www.ordinaryfolk.co/

Du motion design vers l’animation

à venir …