Créer & animer une Illustration sur Figma avec des formes géométriques
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
31m47
de formation
4
leçons vidéo
1
chapitre
Débutant
niveau requis
Adrien Gazaix
Adrien Gazaix
Formateur certifié

Créer & animer une Illustration sur Figma avec des formes géométriques

4.8/5 Trustpilot (1392 avis) Visionnage immédiat
31m47
de formation
4
leçons vidéo
1
chapitre

Dans ce tuto Figma en vidéo, nous allons découvrir ensemble comment créer & animer une illustration facilement sur Figma.

Les étapes de ce tuto Illustration géométrique sur Figma :

  • Mise en place d'une grille de composition et utiliser les repères grâce au raccourci clavier,
  • Découvrir les outils de Figma pour créer différentes formes géométriques comme des cercles, des demi-cercles, des arcs...
  • Utiliser des techniques différentes pour couper des formes, vectoriser un contour,
  • Appliquer des couleurs manuellement et automatiquement via un plugin sur notre illustration d'après les couleurs de la palette,
  • Insérer un personnage détouré et créer un masque
  • Animer les éléments photo, formes, textes via l'onglet prototype du logiciel

Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.

Les fichiers sources sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place de la grille de composition pour créer l'illustration
Leçon 2
Créer différentes formes géométriques en niveau de gris
Leçon 3
Habiller l'illustration avec les couleurs de la palette manuellement et/ou automatiquement
Leçon 4
Créer un prototype pour animer le personnage, tourner des formes et apparition du texte

Table des matières

Leçon 1

Mise en place de la grille de composition pour créer l'illustration

03m37
Leçon 2

Créer différentes formes géométriques en niveau de gris

10m11
Leçon 3

Habiller l'illustration avec les couleurs de la palette manuellement et/ou automatiquement

08m38
Leçon 4

Créer un prototype pour animer le personnage, tourner des formes et apparition du texte

09m21

Aperçus

Avis des apprenants

Détail des avis
217
Apprenants
7
Commentaires
4,9/5
Note moyenne
5/5
6
4/5
1
3/5
0
2/5
0
1/5
0
Yannick Ghanty
Yannick Ghanty
Publié le 25/08/2026
super tuto bien expliqué
Claudric Pierre Minger
Claudric Pierre Minger
Publié le 29/06/2025
La pratique...toujours et encore la pratique....il n'y a pas de secret. Je me suis beaucoup amusé en construisant ma propre animation ( couleurs, formes et illustrations) tout en suivant le tuto. Merci beaucoup...! Bonne élocution, bon rythme et surtout et superbe pédagogie.
Patrick Latour
Patrick Latour
Publié le 18/05/2025
Super tuto ! Présentation simple et claire, comme toujours !

Vos questions sur le cours

Que contient le fichier source ?

Le fichier Figma de départ, la photo avec et sans fond ainsi que le fichier Figma obtenu à la fin de la formation.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données