Projet 2 - Stratégie et contenus numériques

Motion design

Dans cet atelier, créez une animation graphique !

✅ Remise

📁 Livrable final

Remise d'un lien vers votre dossier OneDrive comprenant :

1 - Animation du chat

  • Fichier format MP4.

2 - Animation perso

  • Fichier format MP4.

🏗️ L'atelier

Exercices

Cette semaine, aucun exercice spécifique n'est demandé ! Cependant, votre recherche doit être documentée sur le FigJam.

Livrable final

Cette semaine, la dynamique change un peu ! Pas de théorie, mais beaucoup d'apprentissages : Vous devrez trouver la théorie par vous-même pour réaliser votre propre petite scène animée !

Un fichier FigJam sera créé et partagé au groupe. Sur ce fichier, vous devrez partager vos trouvailles pour que les autres puissent les consulter ! Vous avez trouvé un truc ? Partagez-le ! Vous avez trouvé une ressource interessante ? Partagez-la !

Pendant cet atelier, vous devrez réaliser au minimum :

  1. Animation du chat

L'animation sera trouvée sur le FigJam.

  1. Animation personnelle

Laissez place à votre imagination ! Vous pourrez créer votre propre scène animée. Trouvez une référence en ligne ou créez là de toute pièce !

🎓 La théorie

Introduction au motion design

Le motion design, ou animation graphique, est l'art de donner vie à des éléments graphiques. C'est un mélange de design graphique, d'animation, de typographie, de vidéo et de son. L'objectif principal est de transmettre un message de manière dynamique et visuellement attrayante.

En bref, c'est ce qui transforme des images statiques en une histoire en mouvement.

Motion graphics set shapes and letters in motion. Design via Abigail Kim


Les Principes Clés

  1. Le Mouvement est l'Outil Principal Le mouvement n'est pas un simple ajout ; c'est le cœur du motion design. Il permet de guider l'œil du spectateur, de créer un rythme et de donner une personnalité aux éléments. Pensez à la manière dont un logo peut s'animer ou dont une infographie devient plus claire grâce au mouvement.


  2. La Combinaison des Disciplines Le motion designer doit avoir plusieurs cordes à son arc. Il utilise :

    • Le design graphique : pour les couleurs, les formes et la composition.

    • L'animation : pour les transitions et les mouvements fluides.

    • La typographie : pour animer le texte et le rendre expressif.

    • Le design sonore : pour les effets sonores et la musique qui renforcent l'émotion et le message.


  3. Le Message avant tout Le motion design n'est pas seulement esthétique ; il est fonctionnel. Chaque mouvement, chaque effet a un but :

    • Expliquer un concept (vidéo explicative).

    • Promouvoir un produit (publicité).

    • Divertire (générique de film). Le succès d'un projet se mesure à la clarté et à l'efficacité du message transmis.

Exemples d'Applications Courantes

Le motion design est partout autour de nous :

  • Publicité : Les spots publicitaires animés pour les réseaux sociaux.

  • Médias et divertissement : Les génériques de films et de séries TV, les interfaces de jeux vidéo.

  • Contenu Web : Les vidéos pour sites web, les tutoriels animés, les bannières publicitaires interactives.

  • Éducation : Les vidéos éducatives qui simplifient des sujets complexes (par exemple, des concepts scientifiques).

  • Communication d'entreprise : Les présentations animées pour rendre les rapports plus dynamiques.

Les Avantages

  • Capte l'attention : Le mouvement attire l'œil plus rapidement que les images statiques.

  • Améliore la mémorisation : L'association de visuels, de sons et de mouvements aide à mieux retenir l'information.

  • Simplifie l'information : Il rend des sujets complexes et abstraits plus faciles à comprendre et plus engageants.

Motion design vs animation

Dans le monde de la vidéo d'entreprise et du marketing, les termes "animation" et "motion graphics" sont souvent utilisés de manière interchangeable. Pourtant, il existe une distinction clé qui peut vous aider à choisir la meilleure approche pour votre projet. Ce cours a pour but de clarifier ces deux concepts et de vous aider à comprendre quand utiliser l'un ou l'autre.

  1. Qu'est-ce que l'animation ?

L'animation est le terme générique et le plus large. Il désigne toute technique qui donne l'illusion de mouvement à des objets ou des images statiques. C'est un domaine vaste qui inclut de nombreux styles :

  • Les dessins animés traditionnels (comme ceux de Disney).

  • La 3D (CGI).

  • Le stop-motion (comme la pâte à modeler animée).

  • Le rotoscopie, etc.

L'animation est principalement axée sur la narration et le "storytelling". Elle a pour but de créer des personnages, de raconter une histoire avec une trame narrative et de générer une connexion émotionnelle avec le public. Les films de Pixar en sont un excellent exemple.

2. Qu'est-ce que le Motion Graphics ?

Le motion graphics est un sous-ensemble de l'animation. Il se concentre sur l'animation d'éléments de design graphique qui seraient autrement statiques, comme :

  • Le texte

  • Les formes

  • Les logos

  • Les icônes

  • Les graphiques (comme les barres d'un diagramme)

Contrairement à l'animation au sens large, le motion graphics a généralement moins d'aspect narratif. Il est utilisé pour illustrer, expliquer ou embellir un concept. Pensez à l'animation d'un logo qui apparaît sur un site web ou à un graphique qui s'anime pour montrer l'évolution de données.


3. La distinction clé : Le "Storytelling"

  • La principale différence réside dans l'objectif et la manière de communiquer :
    L'animation (au sens large) : Elle est faite pour raconter une histoire avec des personnages et une progression émotionnelle. Si votre vidéo met en scène un personnage humain qui vit un voyage émotionnel, c'est de l'animation.

  • Le motion graphics : Il est utilisé pour illustrer un point ou rendre l'information plus claire. Si votre vidéo anime des graphiques, des icônes ou du texte pour expliquer un concept, c'est du motion graphics.

Les termes peuvent se chevaucher, mais la question à se poser est : "Y a-t-il une histoire racontée ?"


4. Quand utiliser l'un ou l'autre ?

Utilisez le Motion Graphics quand vous voulez :

  • Expliquer des idées complexes. Le motion graphics agit comme une aide visuelle puissante pour simplifier des concepts abstraits ou des services.

  • Mettre l'accent sur des faits. Il est parfait pour des vidéos infographiques, des tutoriels ou des présentations qui mettent en avant des données.

  • Garder un ton professionnel et épuré. Il est souvent perçu comme plus formel et moins "enfantin" que certaines formes d'animation.


5. Utilisez d'autres styles d'animation quand vous voulez :

  • Créer une connexion émotionnelle. Si l'objectif est de toucher le public et de partager une histoire humaine, l'animation narrative est la meilleure option.

  • Développer un univers ou des personnages. Pour les publicités qui racontent une histoire ou les contenus de marque qui utilisent une mascotte.


Le choix entre le motion graphics et l'animation dépend de votre objectif final. Les deux sont des outils puissants pour engager votre public et augmenter l'impact de vos vidéos. Cependant, le motion graphics excelle pour clarifier l'information, tandis que l'animation est inégalée pour raconter des histoires et créer une connexion émotionnelle durable.

Create a free website with Framer, the website builder loved by startups, designers and agencies.