Motion Design d’un cœur mécanique

À travers ce making-of, je vous partage le processus créatif derrière le motion design d’un cœur adoptant des mouvements mécaniques. Ce projet n’est pas une création originale mais un exercice inspiré de l’œuvre d’un artiste motion designer découvert en ligne.
En tant qu’artiste 2D/3D, j’ai voulu relever le défi de reproduire son animation tout en pratiquant des techniques de motion design avec After Effects. Voici les étapes clés et quelques astuces techniques qui m’ont aidé à produire cette animation.

Le design du cœur est simple et épuré, avec des lignes rouges plus ou moins épaisses sur fond blanc.
Pour commencer, j’ai reproduit le visuel dans le logiciel Adobe Illustrator en séparant soigneusement chaque pièce du mécanisme : roues dentées, bielles, pistons, et autres éléments mécaniques.
Chaque pièce a ensuite été exportée en calques séparés pour être importée dans After Effects en vue du motion design 2D.

Une fois les éléments graphiques prêts, je les ai importés dans le logiciel After Effects. Chaque pièce mécanique était sur son propre calque, ce qui m’a permis de les animer individuellement. Mon objectif était de rendre le motion design du cœur réaliste en m’appuyant sur les principes physiques des engrenages.

Un des plus grands défis techniques était de simuler correctement le mouvement des engrenages.
Le principe était de respecter la proportionnalité des vitesses des engrenages. Les roues, petites et grandes, devaient tourner à des vitesses proportionnelles. Pour ce faire, j’ai dû calculer le rapport de transmission des engrenages, en m’aidant d’un manuel de physique trouvé en ligne. J’ai ensuite appliqué ces rapports dans After Effects pour que chaque roue tourne à la bonne vitesse et renforce l’impression de réalisme de l’animation graphique.

Les expressions dans After Effects sont des outils puissants pour automatiser et synchroniser des mouvements complexes. Pour animer les bielles et pistons, j’ai relié leurs mouvements à ceux des engrenages en utilisant des scripts personnalisés.

Un tutoriel avancé de Dan Ebberts, expert en expressions After Effects, m’a aidé à intégrer ces scripts efficacement, assurant une parfaite synchronisation des éléments mécaniques et renforçant la crédibilité de l’animation graphique.

Pour donner encore plus de vie à l’animation, j’ai ajouté un effet de pulsation du cœur. À chaque révolution complète du mécanisme, le cœur entier se contracte et se relâche, simulant ainsi un battement.
Cette étape a nécessité l’utilisation de keyframes d’animation et d’effets d’échelle subtils dans After Effects ajoutant une dimension organique à cette machine mécanique.

Ce motion design d’un cœur mécanique était une excellente occasion de pratiquer des techniques de motion design avancées, notamment la gestion des rapports d’engrenages et l’utilisation des expressions pour l’animation mécanique 2D.
Même si cette animation est inspirée de l’œuvre d’un autre artiste, j’ai pu explorer de nouvelles méthodes de travail et approfondir mes connaissances sur After Effects. Le résultat est une animation fluide et cohérente.

Basé à Montréal, je suis un motion designer freelance passionné, spécialisé dans la création d’animations 2D et 3D sur mesure. Que ce soit pour des vidéos corporatives, des publicités, ou des projets artistiques, je transforme vos concepts en visuels dynamiques et captivants.

Faites équipe avec moi pour des projets uniques et impactants qui marqueront vos spectateurs.