motion design / animation

Kinari vignette

Kinari

1080 1080 tibo

Kinari concept

First, Kinari was a short “combat dance” animation. With it, I wanted to showcase my pixel art animation skills in 30 seconds. Following very positive feedback, I created the environment and the story around the main character. I created animated mobs, new Kinari’s animations, decoration and mechanisms for the game. Today, “Kinari” evolved into a Metroidvania-style video game.

Animation and gameplay intent for the game, this animation is made frame by frame. Music and sound design by Gabriel Palmieri.

Animation exemple

Sword combo
Counter
Animation spider mob
Mob attack
Shuriken combo
Battery Start
Animation lift
Decoration environement

Plateform design

Kinari Temple entrance
Kinari plateforms
Kinari lift
Kinari plateforms pikes
Kinari plateforms battery
Kinari inside the temple
Kinari inside the temple pikes
Kinari inside the temple control
Kinari outside the temple
Kinari Boss room
NUMENIA logo

Animation pour NUMENIA

1080 1080 tibo

Réalisation d'une couverture animée

Création d’une illustration, d’un logo en 3D et d’une animation pour l’ouverture de l’application pour Lunii.

Réalisation des premières propositions de couverture

Réalisation de 3 propositions en noir et blanc pour la couverture. Les cadrages sont différents pour suggérer différentes émotions. Résultat, un mélange des 3 pour la composition finale.

Proposition 01 de couverture Numenia
Proposition 02 de couverture Numenia
Proposition 03 de couverture Numenia

Illustration finalisée

Numenia couverture
Numenia illustration sans logo

Animation finalisée

Illustration brute VS post prod

A gauche, l’illustration brute sortie de photoshop et à gauche avec des ajouts réalisé en post production. Ajout d’éléments 3D (Blender) animés pour les fées, animation du portail dans after effect, filtres couleurs…

Couverture NUMENIA illustration brute photoshop
Couverture NUMENIA post production
Secret woods key art

« Secret woods » Jeu vidéo

1080 628 tibo

Secret Woods

Découvrez les merveilles cachées de la forêt
Secret Woods est un jeu cozy qui mélange objets cachés, puzzles et narration

Inspiré de la réserve de la forêt de la Massane, Secret Woods invite à la découverte de la faune et de la flore environnante pour vous dévoiler ses secrets.
Entièrement réalisé à la main les illustrations et animations permettent de se projeter dans un univers naturel foisonnant et coloré.

La carte de Secret Woods

Map Secret Woods

Images du jeu

Pour la partie « objets cachés » les niveaux ont 3 différentes points de vue ; de jour, de nuit, et au niveau des insectes pour rythmer le jeu.

Secret woods owl
Secret woods ingame
Secret woods ingame toad at night
Insects level in game

Introduction du jeu

Création d’une série d’illustrations destinés à mettre dans l’ambiance et à poser le narration. Le personnage de la grand-mère est le fil rouge du jeu, elle accompagne le joueur dans sa quête.

Les puzzles

Le joueur récupère des stickers dans les niveaux d’objets cachés. Il les collectionne dans son journal et les utilise pour réaliser les puzzles. Ces puzzles lui permette de débloquer des souvenirs pour avancer dans la narration.

Sticker found
Foodweb
Start Ant Puzzle
Puzzle Ants End
Memory Start

Quelques animations en jeu

Les animations comme les illustrations sont faites à la main pour leur donner un aspect imparfait et plus naturel.

fox animation
Cat animation
rosalie animation
Owl animation
Roedeer animation
Beetle animation
We're going down

We’re going down

976 976 tibo
We're going down-Steam banner
We're going down-World-01
Mobs serie World 01
We're going down-world-02
Mobs serie World 02
We're going down-World-03
Mobs serie World 03
Mob-07
Motion mobility

Corporate Mobility

1080 1080 tibo

Corporate mobility

Réalisation d’un motion design pour Edenred. Création des illustrations, du storyboard et des animations.

Storyboard

La première étape pour un motion design est de créé un story board suivant le script envoyé par le client. Je vous épargne les différentes versions et ne vous mets que quelques extraits…

Motion Mobility Story board 01
Motion Mobility Story board 04
Motion Mobility Story board 07
Motion Mobility Story board 10
Motion Mobility Story board 12
Motion Mobility Story board 16
Motion Mobility Story board 19
Motion Mobility Story board 21
Motion Mobility Story board 24
Motion Mobility Story board 02
Motion Mobility Story board 05
Motion Mobility Story board 08
Motion Mobility Story board 11
Motion Mobility Story board 14
Motion Mobility Story board 17
Motion Mobility Story board 20
Motion Mobility Story board 23
Motion Mobility Story board 25
Motion Mobility Story board 27
Motion Mobility Story board 03
Motion Mobility Story board 06
Motion Mobility Story board 09
Motion Mobility Story board 13
Motion Mobility Story board 15
Motion Mobility Story board 18
Motion Mobility Story board 22
Motion Mobility Story board 28
Motion Mobility Story board 26

Direction artistique

Création des illustrations clefs qui servent à valider la direction globale du motion design. Réalisation dans photoshop, ces illustrations seront peaufinées dans illustrator puis seront intégrée dans After effect pour être animées.

Motion Mobility Illustration DA 01
Motion Mobility Illustration DA 02
Motion Mobility Illustration DA 15
Motion Mobility Illustration DA 17
Motion Mobility Illustration DA 14
Motion Mobility Illustration DA 16

Le motion design

Livraison du motion avec intégration de la musique de la voix préalablement enregistrée. Le motion est décliné en 5 langues avec ajouts de sous-titres.

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 😉

  • 1
  • 2