Animations vs transitions : quelle différence ?
Beaucoup confondent ces deux concepts, pourtant ils sont très différents :
| Concept | S’applique à | Quand ça se déclenche | Exemple |
|---|---|---|---|
| Transition | La diapositive entière | Passage d’une diapositive à la suivante | Fondu, pousser, morphose |
| Animation | Un élément individuel (texte, image, forme) | Pendant l’affichage de la diapositive | Apparition, disparition, trajectoire |
Une transition fait passer d’une slide à l’autre. Une animation fait bouger un élément à l’intérieur d’une slide. Maîtriser les deux transforme une présentation statique en une narration visuelle dynamique — essentielle pour capter l’attention lors d’une formation, d’un pitch client ou d’une soutenance à l’UCAD ou à l’ISM.
Les transitions : fluidifier le passage entre diapositives
Où les trouver : Onglet Transitions dans le ruban.
Les 3 catégories de transitions :
| Catégorie | Transitions | Usage recommandé |
|---|---|---|
| Subtiles | Fondu, Pousser, Découvrir, Scinder | ✅ Usage professionnel quotidien — sobres et élégantes |
| Captivantes | Morphose, Galerie, Zoom, Rideau | ✅ Présentations dynamiques, formations, pitchs |
| Contenu dynamique | Tourbillon, Origami, Avion en papier | ⚠️ Réserver aux contextes informels (anniversaire, ludique) |
Régler une transition :
- Sélectionnez la diapositive dans le volet de gauche
- Onglet Transitions → choisissez votre transition
- Options d’effet : Cliquez sur la flèche sous la transition pour choisir la direction (depuis la gauche, depuis le bas, etc.)
- Durée : Réglez entre 0,50 et 1,50 seconde (au-delà, c’est trop lent)
- Son : Laissez « Aucun son » — les sons de transition sont toujours gênants
- Appliquer partout : Cliquez « Appliquer partout » pour uniformiser
La transition Morphose : l’arme secrète de PowerPoint
Morphose (Morph) est la transition la plus puissante de PowerPoint. Elle anime automatiquement les différences entre deux diapositives consécutives : déplacement, redimensionnement, changement de couleur, rotation.
Comment ça marche :
- Créez la diapositive 1 avec vos éléments positionnés
- Dupliquez-la (Ctrl+D)
- Sur la diapositive 2, déplacez, redimensionnez ou modifiez les éléments
- Appliquez la transition Morphose à la diapositive 2
- PowerPoint animera automatiquement le passage entre les deux positions
5 effets Morphose concrets :
| Effet | Slide 1 | Slide 2 (après Morphose) | Résultat visuel |
|---|---|---|---|
| Zoom sur un point | 5 icônes alignées en petit | 1 icône agrandie au centre, les autres disparues | Focus progressif sur un sujet |
| Déplacement fluide | Texte à gauche, image à droite | Texte à droite, image à gauche | Les éléments échangent de place en glissant |
| Rotation carte | Rectangle avec le recto | Même rectangle pivoté 180° avec le verso | Effet carte qui se retourne |
| Timeline animée | 3 cercles sur une ligne | 5 cercles sur la ligne (2 ajoutés) | La timeline s’étend progressivement |
| Changement couleur | Forme bleue | Même forme en vert | La couleur change en fondu |
Astuce nommage : Pour que Morphose reconnaisse qu’un élément sur la slide 1 correspond au même élément sur la slide 2, donnez-leur le même nom commençant par « !! » dans le volet Sélection (Accueil → Sélectionner → Volet Sélection). Exemple : « !!cercle1 » sur les deux slides.
Les 4 types d’animations et quand les utiliser
Chaque animation appartient à l’une de ces catégories :
| Type | Couleur icône | Rôle | Animations recommandées |
|---|---|---|---|
| Entrée | 🟢 Vert | Faire apparaître un élément | Apparition, Fondu, Balayer, Zoom |
| Accentuation | 🟡 Jaune | Mettre en valeur un élément déjà visible | Impulsion, Rotation, Changer de couleur, Agrandir/Rétrécir |
| Sortie | 🔴 Rouge | Faire disparaître un élément | Disparition, Fondu sortie, Balayer sortie |
| Trajectoire | ⚪ Blanc | Déplacer un élément le long d’un chemin | Ligne, Arc, Boucle, Chemin personnalisé |
Comment appliquer une animation :
- Sélectionnez l’élément (texte, image, forme)
- Onglet Animations → choisissez l’animation
- Un numéro apparaît sur l’élément (ordre de déclenchement)
- Réglez les options dans le panneau de droite
Le volet Animation : contrôle précis du timing
Le volet Animation est le centre de contrôle de toutes vos animations. Ouvrez-le : Animations → Volet Animation.
Les 3 modes de déclenchement :
| Mode | Comportement | Quand l’utiliser |
|---|---|---|
| Au clic | L’animation se lance quand vous cliquez | Présentation interactive, révélation progressive |
| Avec le précédent | Se lance en même temps que l’animation précédente | Plusieurs éléments apparaissent ensemble |
| Après le précédent | Se lance automatiquement après l’animation précédente | Séquence automatique (démo, vidéo narrative) |
Réglages essentiels :
- Durée : 0,5 à 1 seconde pour les animations courantes. Au-delà, c’est ennuyeux
- Délai : Temps d’attente avant le lancement (ex: 0,25 s de délai entre deux apparitions successives)
- Ordre : Glissez-déposez les animations dans le volet pour réorganiser
Animations multiples sur un même élément
Un élément peut avoir plusieurs animations enchaînées. C’est la clé des présentations avancées.
Exemple : texte qui apparaît, pulse, puis disparaît :
- Sélectionnez le texte
- Animations → Fondu (entrée)
- Cliquez « Ajouter une animation » (pas sur une animation directement, sinon vous remplacez !)
- Choisissez Impulsion (accentuation) — déclenchement « Après le précédent », délai 1 s
- « Ajouter une animation » → Fondu sortie — déclenchement « Après le précédent », délai 2 s
Piège classique : Si vous cliquez directement sur une animation au lieu de « Ajouter une animation », vous remplacez l’animation existante. Utilisez toujours le bouton « Ajouter une animation » pour en empiler plusieurs.
Animation par paragraphe : révéler le texte progressivement
C’est l’une des techniques les plus utiles pour les formations et présentations :
- Sélectionnez la zone de texte contenant vos puces
- Appliquez l’animation Apparition ou Fondu
- Dans Options d’effet → Texte animé → choisissez « Par paragraphe de 1er niveau »
- Chaque clic révélera un point de puce
Pourquoi c’est efficace : Votre audience lit le point que vous expliquez, pas les 5 suivants. Cela maintient l’attention et évite que les gens avancent mentalement avant vous.
Astuce formation : Combinez avec « Atténuer après animation » (Options d’effet → Après l’animation → choisissez gris clair). Le point précédent s’estompe, mettant en valeur le point actuel.
Trajectoires personnalisées : faire bouger les éléments
Les trajectoires déplacent un élément d’un point A à un point B sur la diapositive.
Trajectoires prédéfinies : Ligne, Arc, Rebond, Boucle, Entonnoir, etc.
Trajectoire personnalisée :
- Sélectionnez l’élément
- Animations → Chemin personnalisé
- Dessinez le chemin en cliquant pour chaque point de passage
- Double-cliquez pour terminer
Cas d’usage concrets :
- Processus : Une icône se déplace de l’étape 1 à l’étape 5 le long d’une flèche
- Carte géographique : Un point se déplace de Dakar à Saint-Louis sur une carte du Sénégal
- Organigramme : Les données « circulent » d’un département à l’autre
- Budget : Des pièces FCFA se déplacent vers différentes catégories de dépenses
10 combinaisons animation + transition pour impressionner
| Contexte | Transition recommandée | Animations sur la slide | Effet global |
|---|---|---|---|
| Slide titre → contenu | Fondu | Titre : Balayer depuis le haut. Sous-titre : Fondu avec délai 0,5 s | Entrée douce et pro |
| Liste de points clés | Pousser | Puces : Apparition par paragraphe au clic | Révélation progressive |
| Avant/Après | Morphose | Aucune (Morphose fait tout) | Transformation visuelle fluide |
| Données chiffrées | Fondu | Graphique : Balayer depuis le bas. KPI : Zoom avec délai | Construction progressive des données |
| Zoom sur détail | Morphose | Cercle de focus : Agrandir (accentuation) | Focus naturel sur un point précis |
| Timeline projet | Pousser gauche | Chaque étape : Fondu + Avec le précédent, délais croissants (0, 0.3, 0.6, 0.9 s) | La timeline se construit pas à pas |
| Témoignage client | Fondu | Photo : Zoom. Citation : Fondu avec délai. Nom : Apparition | Mise en scène du témoignage |
| Processus 5 étapes | Aucune | Trajectoire : icône se déplace d’étape en étape au clic | Parcours visuel guidé |
| Comparaison produits | Scinder | Colonne gauche : Balayer gauche. Colonne droite : Balayer droite | Les deux options arrivent de chaque côté |
| Slide conclusion | Fondu (lent, 1,5 s) | Logo : Zoom. Contact : Fondu avec délai 1 s | Fin mémorable et sobre |
Animer un graphique pour raconter une histoire
Les graphiques PowerPoint peuvent être animés élément par élément :
- Insérez un graphique (Insertion → Graphique)
- Sélectionnez le graphique entier
- Appliquez l’animation « Balayer » (depuis le bas)
- Options d’effet → Graphique animé → choisissez « Par catégorie » ou « Par série »
« Par catégorie » révèle les barres une par une (Janvier, puis Février, puis Mars…). Idéal pour montrer une évolution.
« Par série » révèle toutes les barres d’une série ensemble (tous les revenus, puis toutes les dépenses). Idéal pour comparer.
Astuce : Pour un graphique en camembert, utilisez « Par catégorie » avec l’animation « Roue » — chaque part apparaît progressivement en tournant.
Créer un effet de zoom interactif (sans Morphose)
PowerPoint intègre un outil Zoom natif (Insertion → Zoom) :
- Zoom de résumé : Crée une slide « sommaire » avec des miniatures cliquables qui zooment sur chaque section
- Zoom de section : Inséré dans une slide, renvoie vers une section puis revient
- Zoom de diapositive : Renvoie vers une slide spécifique
Comment créer un zoom de résumé :
- Organisez votre présentation en sections (clic droit dans le volet → Ajouter une section)
- Insertion → Zoom → Zoom de résumé
- Sélectionnez les diapositives à inclure
- PowerPoint crée automatiquement une slide avec des miniatures cliquables
- En mode présentation, cliquez sur une miniature pour « plonger » dans cette section
C’est parfait pour une formation où l’audience choisit les modules à explorer, ou un pitch où l’investisseur peut demander d’approfondir un point.
Optimisation des performances
Trop d’animations peuvent rendre la présentation lourde, surtout sur un ordinateur modeste ou via une connexion lente (projecteur distant, Teams/Zoom) :
| Problème | Cause | Solution |
|---|---|---|
| Animations saccadées | Trop d’animations simultanées | Max 3-4 animations par diapositive |
| Fichier trop lourd | Images HD non compressées + animations | Compresser les images (Fichier → Compresser les images → 150 ppp) |
| Lag en partage d’écran | Morphose + vidéos sur Zoom/Meet | Remplacer Morphose par Fondu pour les présentations à distance |
| Transitions coupées | Projecteur vieux ou ordinateur lent | Utiliser uniquement Fondu et Pousser (les plus légères) |
Règle d’or pour le Sénégal : Si vous présentez en visio (Zoom/Meet en 3G), désactivez Morphose et utilisez des transitions simples. Le rendu sera plus fluide qu’une Morphose qui saccade.
Les erreurs à ne jamais commettre
- Mélanger 5 transitions différentes : Choisissez-en 1 (maximum 2) pour toute la présentation
- Animations sur chaque mot : Animez par bloc de sens (un paragraphe, pas chaque ligne)
- Durée > 2 secondes : Votre audience décroche. Restez entre 0,5 et 1 s
- Sons de transition : Jamais. Sauf si vous présentez à des enfants de 5 ans
- Tourbillon/Origami en contexte professionnel : Cela nuit à votre crédibilité
- Animer le logo sur chaque slide : Le logo doit être statique — il est un repère visuel
- Oublier de tester : Lancez toujours la présentation (F5) avant de présenter pour vérifier le timing
Raccourcis clavier pour le mode présentation
| Raccourci | Action |
|---|---|
| F5 | Lancer depuis le début |
| Shift+F5 | Lancer depuis la diapositive actuelle |
| N ou Clic ou → | Animation/diapositive suivante |
| P ou ← | Animation/diapositive précédente |
| B | Écran noir (pause, moment d’échange) |
| W | Écran blanc |
| Ctrl+P | Activer le pointeur stylo |
| Ctrl+L | Activer le pointeur laser |
| E | Effacer les annotations stylo |
| Numéro + Entrée | Aller directement à la diapositive N |
| Échap | Quitter le mode présentation |
Astuce formateur : Pendant une formation en présentiel à Dakar, utilisez « B » (écran noir) quand vous voulez que l’audience vous regarde plutôt que l’écran. Appuyez à nouveau sur « B » pour reprendre.