Créez une frise chronologique animée sous PowerPoint

Article mis à jour le

dans

Vous souhaitez présenter la chronologie de votre futur projet à vos collègues ?
Ou au contraire faire une rétrospective du travail réalisé ?
Et vous voulez que votre présentation soit pro et agréable à suivre ?

Alors une frise chronologique PowerPoint animée (ou timeline) est ce qu’il vous faut !

Dans cet article, vous allez découvrir 2 exemples : un premier très simple et un second plus élaboré.
Vous pourrez aussi télécharger le fichier correspondant, afin de bien comprendre et tester les techniques présentées, et pourquoi pas le réutiliser pour vos propres besoins.

Exemple 1 : frise chronologique sur une seule diapo PowerPoint

Nous allons construire ensemble la frise ci-dessous qui retrace une partie de l’historique des versions de Windows :

frise chronologique PowerPoint simple

Analyse de l’exemple

En regardant attentivement l’exemple ci-dessus, vous pouvez voir que la frise est composée de 5 items presque identiques (un item = une version de Windows). Et que pour chacun d’eux la même séquence se répète :

  1. Un rond fait son entrée par la gauche
  2. Une date apparaît en dessous
  3. Un trait vertical s’étire vers le haut
  4. Une zone de texte contenant le nom de la version apparaît
  5. L’icône éventuellement associée à la version apparaît

La méthode la plus rapide pour créer ce genre de diapo est la suivante :

  1. Créer les éléments uniques (le titre de la diapo, la ligne de temps)
  2. Créer un item (= une version)
  3. L’animer
  4. Copier/coller l’item pour créer les suivants

Cette méthode est la plus rapide, car vous n’avez véritablement qu’un seul item à créer. En plus, elle vous garantit un résultat propre et homogène, car :

  • Toutes les formes auront les mêmes dimensions et couleurs
  • Toutes les animations seront identiques d’un item à l’autre

Voyons maintenant comment dessiner et animer un item (une version).

Dessin

1 – Partez d’une diapo avec la disposition « Titre seul » (menu Accueil, liste Disposition) :

Liste des dispositions de diapos PowerPoint

2 – Saisissez le titre

3 – Dessinez la ligne de temps et le premier item à l’aide des outils encadrés en rouge dans la capture ci-dessous.

Outils de dessin utilisés pour créer la frise

Astuces

Pour créer un rond à partir de la forme ellipse, laissez la touche SHIFT enfoncée pendant que vous étirez la forme avec la souris.

Afin d’être sûr que la ligne de temps soit bien horizontale, laissez la touche SHIFT enfoncée pendant que vous étirez la flèche avec la souris.

4 – Ajustez les couleurs, grâce à la liste des styles de formes du menu « Format de la forme ». Les couleurs proposées dépendent du thème choisi dans le menu Création

5 – Ajoutez le logo en cliquant sur Insertion \ Image.

Animations

Voici la séquence d’animations à créer pour l’item que nous venons de dessiner :

ObjetEffetOption d’effetDémarrageDurée
RondEntrée
brusque
À partir de
la gauche
Au clic 0,5 s
DateApparaître _ Après la précédente Auto
ConnecteurBalayer A partir du bas Après la précédente 0,5 s
Nom de
version
Apparaître _ Après la précédente Auto
LogoApparaître _ Après la précédente Auto

Chaque animation se déclenche après la précédente. Mais la séquence complète se déclenche au clic de souris pour laisser le temps au présentateur de commenter.

Créez les animations dans l’ordre du tableau. Si vous vous trompez, utilisez les boutons « Déplacer antérieurement » ou « Déplacer ultérieurement », ou bien le volet Animations pour modifier l’ordre.

Si vous n’êtes pas à l’aise avec la création d’animations, je vous conseille vivement de lire cet article.

Testez bien cette séquence pour vérifier que les animations s’enchaînent comme prévu.

Création des autres items

Voici les étapes pour créer les autres items de votre frise :

  1. Sélectionnez l’ensemble des éléments du premier item
  2. Faites un copier / coller
  3. Alignez verticalement le second item ainsi créé en vous aidant des lignes en points-tillés que PowerPoint affiche pour vous guider (cf. capture ci-dessous)
  4. Modifiez les textes et couleurs des zones de texte, ainsi que le logo
Alignement du nouvel item avec le premier à l'aide des lignes en points-tillés de PowerPoint
Alignement des formes à l’aide des lignes en points-tillés

Répétez ces étapes pour les 3 autres items.

A la fin rejouez l’ensemble des animations pour vérifier qu’elles s’enchaînent correctement.

Remarque : si vous voulez que les espace entre items soient identiques, aidez-vous des doubles-flèches que PowerPoint affiche durant le déplacement des objets. Ou bien sélectionnez uniquement les ronds par exemple, puis cliquez sur « Aligner \ Distribuer horizontalement » dans le menu « Format de la forme ». Puis recommencez pour les zones de texte.

L’exemple complet est téléchargeable via le bouton qui figure dans le chapitre suivant.

Exemple 2 : frise chronologique sur plusieurs diapos PowerPoint

Si votre frise chronologique est longue, vous n’aurez sans doute pas assez de place sur une seule diapo PowerPoint.
Vous pouvez vous contenter de créer plusieurs diapos comme celle que nous venons de faire. Le résultat sera déjà très correct.

Mais si vous avez envie d’épater un peu vos collègues, vous aimerez sans doute réaliser quelque-chose de plus élaboré, comme ce qui suit :

frise chronologique sur plusieurs diapos PowerPoint

Si cette présentation vous intéresse, vous pouvez la télécharger en cliquant sur ce bouton 😉

Mais le plus intéressant est de comprendre les techniques utilisées dans cette présentation pour savoir la refaire, non ?
Alors voici les explications :

Techniques utilisées

Pour la ligne de temps, j’ai remplacé la grande flèche horizontale par des connecteurs entre les ronds. Chaque item est donc maintenant composé en plus d’un connecteur qui arrive sur le rond.

Voici les animations sur chacun des objets d’un item :

ObjetEffetOption d’effetDémarrageDurée
Connecteur
horizontal
BalayerÀ partir de
la gauche
Au clic0,5 s
RondApparaître_Après la précédenteAuto
DateApparaître_Après la précédenteAuto
Connecteur
vertical
BalayerA partir du basAprès la précédente0,5 s
Nom de
version
Apparaître_Après la précédenteAuto
LogoApparaître_Après la précédenteAuto

Pour donner l’impression de continuité, j’ai utilisé 4 techniques :

  • Le premier et le dernier connecteur dépassent des bords de la première diapo
  • Les connecteurs horizontaux sont animés par un effet de balayage à partir de la gauche
  • Sur la seconde diapo, une transition « Pousser » avec l’option « A partir de la droite » et une durée de 2 secondes permet de voir les 2 diapos en même temps lors du passage de l’une à l’autre.
  • Sur la seconde diapo, le premier connecteur n’est pas animé, ce qui donne l’impression qu’il a été dessiné dans la foulée du dernier connecteur de la diapo précédente

Conseil : lors de la présentation, pour que la transition soit fluide, passez à la diapo suivante juste après l’affichage du dernier connecteur de la première diapo.

Conclusion

Vous avez vu 2 exemples de frises chronologiques (ou timelines) animées sous PowerPoint et la façon de les réaliser.
Bien entendu, vous pouvez créer beaucoup de variations. Par exemple, avec des changements de directions dans la ligne de temps (alternance entre horizontale et verticale), des effets d’entrée différents, des nœuds plus complexes avec plusieurs branches partant de chaque date…etc.

Votre imagination et le temps que vous y passerez seront vos seules limites, car vous connaissez maintenant toutes les techniques nécessaires.

Pour trouver de beaux modèles de chronologies PowerPoint (non animées), cliquez sur Fichier \ Nouveau, puis tapez « chronologie » dans la zone de recherche. PowerPoint vous proposera 30 modèles riches et variés.

Vous pouvez aussi télécharger le fichier proposé sur cette page, qui contient 15 exemples de chronologies PowerPoint au look très pro.

Pour finir, à vous la parole :
Avez-vous déjà réalisé une frise chronologique sur PowerPoint ?
Avez-vous des questions ?
Dites-moi tout en commentaire.


S’abonner
Notification pour
guest

7 Commentaires
Le plus ancien
Le plus récent Le plus populaire
Commentaires en ligne
Afficher tous les commentaires
Sommaire