motion design

Vignette motion Edenred Vivatech

Motion design Edenred / Vivatech

1080 608 tibo

Création d'un motion design pour Edenred diffusé lors de Vivatech 2023

Réalisation d’une animation d’une minute diffusée sur le stand d’Edenred lors du salon Vivatech. Ce motion fait partie d’un set d’animations réalisée pour l’occasion de ce salon professionnel. Ce set contenait également une animation spécifique du logo diffusée en hologramme au dessus du stand et d’une animation diffusée au sol.

Diorama 3D vignette low poly

Scene 3D Diorama

1080 1080 tibo

Création d'une scene en 3D sous Blender

Suite à un petit jeu événementiel Edenred Boat Quest créé avec Play Curious,  je me suis amusé a réaliser cette petite scene 3D low poly. Réalisé entièrement sous Blender, le but était de s’exercer et de ré-utiliser la musique créée par Gabriel Palmieri un compositeur que je kiffe et avec qui je bosse régulièrement depuis 2017 😉 Ce petit diorama donnera surement lieu à un jeu vidéo que nous souhaitons développer d’ici les prochains mois avec Play Curious !

Diorama détail navire low poly
Diorama détail bicoque low poly
Diorama détail arrière cabane low poly
Diorama détail pieuvre low poly
Diorama détail île et palmiers low poly
Diorama détail coffre low poly
Diorama détail feu de camp zoom low poly
Diorama détail bicoque et bouée low poly
Logo Lords of rock

Création de logo & motion LORDS OF ROCK

1080 1080 tibo

Création de logotype pour un groupe de Rock

Réalisation d’un logo et d’une animation en motion design pour LORDS OF ROCK.

La demande : Réaliser une version plus actuelle et plus qualitative de l’ancien logo. La nouvelle version doit comporter les mêmes éléments que la version précédente. De plus le logo doit être modulable, le lettrage doit fonctionner seul et également avec son illustration. J’ai donc proposé trois propositions graphiques. Je me suis amusé a réaliser ces propositions sous forme d’illustrations rapides sur l’application Procreate.

Lords of rock proposition 1
Lords of rock proposition 2
Lords of rock proposition 3

Création de la première version du logotype

Le choix c’est porté sur la première version. Suite à nos échanges nous avons opté pour une composition plus proche de l’ancien logo et également pour la reprise des ailes qui partent du crâne. Création du lettrage en volume pour apporter du détail et de la matière.

Lettrage Lords of rock V1
Premiere version du logo Lords of rock lettrage incurvé
Tee-shirt Lords of rock

Finalisation du logotype

Après quelques retours j’ai du modifier le lettrage pour le rendre moins agressif. En enlevant les coté anguleux et 3D de la typographie.

Logo Lords of rock typo
Logo Lords of rock
Edenred-Boat-Quest-Keyvisual

Edenred Boat Quest

1080 608 tibo

Edenred Boat Quest le jeu

Création d’un jeu vidéo évènementiel pour les fêtes de fin d’année. L’objectif pour Edenred est de motiver les essentiellement les employés de participer à une bonne action par le jeu. Edenred s’engage avec l’ONG Sea Cleaners pour faire une donation à la hauteur du score cumulé par les joueurs sur le jeu pendant la vie de l’évènement (2 mois).

Propositions de concepts

Edenred Boat Quest Propositions jeux

Avec Play Curious, nous avons proposé 3 concepts à Edenred. Nous l’avons présenté sous forme de dessin accompagné d’un document de game design (light) pour chacune des idées.

1 – Doodle jump (inversé)

But du jeu, éviter les obstacles durant la chute libre et tomber dans la bonne poubelle

2 – Endless runner

Le déchet doit atteindre la poubelle avec ses amis collectés tout au long du run.

3 – Jeu de nettoyage

Collecter les déchets en les attrapant avec le filet du navire.

Création du prototype

Le prototype est une phase importante dans le développement d’un jeu. Il doit reprendre les éléments de gameplay principaux, il permet de valider la pertinence du concept rapidement. L’avantage avec ce type de développement, c’est qu’il est plus facile de faire des modifications profondes de gameplay sur le prototype que sur un jeu ou les graphismes sont déjà intégrés.

Edenred Boat Quest prototype

Réalisation du design du jeu

Edenred Boat Quest Items graphiques

En parallèle de la réalisation du prototype, la partie design et animation avancent de concert. Une fois la direction artistique est posée et que les assets à réaliser sont validés, on illustre et on anime le tout pour donner de la vie au jeu. C’est également à ce moment ou nous déléguons la réalisation des éléments sonores et la musique, un point qui a son importance puisque le son et la musique apportent un supplément d’âme au jeu et participe également au gameplay (avec tout ses petits bruits en fin de boucle de gameplay, ou pour envoyer des signaux sur des actions en jeu…).  Nous n’oublions pas tout les détails, icônes, interfaces, texte…

Intégration des éléments graphiques et sonores

Une fois les éléments graphiques finalisés et le prototype fonctionnel, nous passons à l’intégration. Chaque image, chaque animation est implémentée dans notre moteur de jeu. Beaucoup de réglages sont à faire afin de procurer l’expérience et le rendu désiré. L’intégration des sons et de la musique se font également à ce moment, c’est à ce moment que le jeu prend toute sa dimension !

Edenred Boat Quest en jeu

Quelques captures du jeu

Intro et téléchargement pour le jeu vidéo évènementiel Edenred Boat Quest
Tableau de dons pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Tutoriel pour le jeu vidéo évènementiel Edenred Boat Quest
Fin de partie pour le jeu vidéo marketing Edenred Boat Quest
Motion design Edenred

Motion design pour Edenred

1080 1080 tibo

Création d'un motion design pour Edenred

Présenter de l’offre de service d’Edenred pour les entreprises.

Les étapes essentielles pour la réalisation d'une animation en motion design

  1. La création d’un storyboard pour synthétiser l’animation.
  2. La réalisation des illustrations clefs de l’animation.
  3. L’animations des éléments illustrés.

1. La création du storyboard de l'animation suivant le script défini avec l'équipe Edenred.

L’équipe marketing d’Edenred est venue avec un schéma qu’ils souhaitaient réaliser en motion étapes. Le script était en place pour réaliser le storyboard de l’animation. Le but étant de rendre le schéma dynamique, ludique et vivant tout en restant didactique.

Une étape indispensable qui permet un ping pong entre le client et le prestataire. Ici pas besoin de couleurs, de dessins léchés, le but est de faire rapidement comprendre comment vont s’enchaîner les plans et ce qu’ils contiennent. Le texte a également son importance, il faut l’intégrer dès le storyboard pour éviter les mauvaises surprises par la suite.

Brief pour la réalisation d'un motion design
Storyboard pour Edenred

2. Illustration des images clefs de l'animation

Suite aux retours et aux modifications du storyboard, nous pouvons passer à la réalisation des illustrations clefs de l’animation.

À ce stade les plans sont bien définis. Reste à illustrer, trouver le style pour répondre aux attentes du client et des personnes qui vont le visionner. Ici on affine, on détaille et on prévoit les éléments qui vont être animés. On passe à l’export des éléments graphiques pour être animés à l’étape suivante.

Motion essentiel animation logotype
Motion design animation icones
Motion design animation de décors
Motion essentiel illustration personnages
Motion design smartphone
Motion design quartier
Motion essentiel animation ville
Motion design animation d'icones
Motion design illustration agenda
Motion design carte physique
Motion design personnages
Motion design icones

3. Réalisation du motion

Dernier étape du processus de réalisation. Animation des éléments préalablement réalisés. Le but ici est de se focaliser sur le rythme (une fois la musique ajoutée) et la fluidité de la réalisation. Intégration et animation du texte. Export et validation de chaque plan une fois réalisé pour s’assurer et rassurer 😉

Vidéo sur le site d'Edenred

Pour visualiser la vidéo en ligne sur le site d’Edenred c’est ici 😉

30days challenge

30 Days challenge

1080 608 tibo
30days challenge

1 illustration, 1 citation, 1 post par jour pendant 30 jours !

C’est le défi que je m’étais fixé et que j’ai tenu en ce début d’année. J’ai imaginé un personnage dans de nombreuses situation qui évoquent des qualités d’entrepreneur freelance (mais pas que…). Personnage tiré de mon avatar réalisé pour ma carte de vœux cette année 😉

Carte de vœux 2022
30days-challenge-illus-01
30days-challenge-quote-02
30days-challenge-quote-01
30days-challenge-illus-02
30days-challenge-illus-03
30days-challenge-quote-04
30days-challenge-quote-03
30days-challenge-illus-04
30days-challenge-illus-05
30days-challenge-quote-06
30days-challenge-quote-05
30days-challenge-illus-06
30days-challenge-illus-07
30days-challenge-quote-08
30days-challenge-quote-07
30days-challenge-illus-08
30days-challenge-illus-09
30days-challenge-quote-10
30days-challenge-quote-09
30days-challenge-illus-10
30days-challenge-illus-11
30days-challenge-quote-12
30days-challenge-quote-11
30days-challenge-illus-12
30days-challenge-illus-13
30days-challenge-quote-14
30days-challenge-quote-13
30days-challenge-illus-14
30days-challenge-illus-15
30days-challenge-quote-16
30days-challenge-quote-15
30days-challenge-illus-16
30days-challenge-illus-17
30days-challenge-quote-18
30days-challenge-quote-17
30days-challenge-illus-18
30days-challenge-illus-19
30days-challenge-quote-20
30days-challenge-quote-19
30days-challenge-illus-20
30days-challenge-illus-21
30days-challenge-quote-22
30days-challenge-quote-21
30days-challenge-illus-22
30days-challenge-illus-23
30days-challenge-quote-24
30days-challenge-quote-23
30days-challenge-illus-24
30days-challenge-illus-25
30days-challenge-quote-26
30days-challenge-quote-25
30days-challenge-illus-26
30days-challenge-illus-29
30days-challenge-quote-30
30days-challenge-quote-29
30days-challenge-illus-30
30days-challenge-illus-27
30days-challenge-quote-28
30days-challenge-quote-27
30days-challenge-illus-28
ETCR motion design

ETCR motion design

1080 1080 tibo

Mission réalisée pour l’agence Corail. Création d’un motion design pour la présentation du nouveau logo ETCR. Déclinaison de l’animation dans différents formats pour une diffusion sur les réseaux sociaux.

vignette presentation motion design

Présentation en motion-design

1080 1080 tibo

Réalisation d’un motion design pour la présentation de mon activité en tant que motion-designer. Pour cette animation, j’ai réalisé tout les design que j’ai ensuite animé dans after-effect. Musique créée par Gabriel Palmieri

skatter-trotinette
Animation kaleidoscope et avatar

Animation Naïca

1024 569 tibo

Réalisation de l’introduction et du teaser du jeu pour la sortie de la bêta, éléments important dans la communication auprès de nos alpha-testeurs et de nos futurs joueurs.
nous avons également réalisé un livestream diffusé sur Youtube.

Pour la réalisation de l’introduction nous avons réalisé un story-board afin de connaitre le nombre de plans à faire, estimer le temps de réalisation, le rythme ainsi que le texte qui accompagne l’animation avant la mise en production. Nous avons pu ainsi vérifier la quantité d’informations ainsi que l’enchainement des scènes avant de réaliser chaque plan.

Pour le teaser nous avons repris des éléments de l’introduction à laquelle nous avons ajouté des prises de vue ingame que nous avons prises avec quelques testeurs de notre communauté.
Nous avons également ajouté des plans supplémentaires qui n’apparaissaient pas dans l’intro.
Nous avons opté pour une musique plus épique, refait un montage et hop le tesaer bien badass était là !

Réalisation d’habillage graphique pour le livestream de lancement de la bêta ouverte du MMORPG Naïca.

Itfy motion design

ITfy motion design

1024 576 tibo

La réalisation d’un motion design demande un investissement important du couple client / prestataire. C’est un travail collaboratif exigeant qui demande de se projeter avec une prise de risque parfois importante. Le budget et le temps de réalisation risquent rapidement de s’envoler suite à des choix incertains ou à un manque de validations. C’est pourquoi il est indispensable de poser des jalons indispensables tout au long du processus de réalisation. Une fois le budget et le planning validé il est important de valider une à une ces 5 étapes.

  1.  Création du scénario et des textes.
  2.  Choix de la direction artistique, impliquant musique et voix off.
  3.  Validation du storyboard présentant tout les plans qui sont abordés dans la vidéo finale.
  4.  Illustration de chaque plan.
  5.  Réalisation des animations plan par plan.

Je vous accompagne lors de toutes ces étapes comme je l’ai fait pour ITfy qui souhaitait une vidéo de présentation destinée au recrutement de “talents” pour son site générateur de leads dans le domaine de l’IT.

 

Première étape : création du storyboard incluant les plans de l’animation finale.

Storyboard ITfy

 

Seconde étape, réalisation des illustrations en couleur validées du storyboard noir et blanc.

Storyboard couleur ITfy

  • 1
  • 2