Guide d'utilisation Annuler

Animations dans Adobe Captivate

  1. Guide de l’utilisateur de Captivate
  2. Présentation de Captivate 
    1. Nouveautés d’Adobe Captivate
    2. Configuration requise d’Adobe Captivate
    3. Mises à jour d’Adobe Captivate
      1. Notes de mise à jour d’Adobe Captivate (mise à jour 12.4)
      2. Notes de mise à jour d’Adobe Captivate (mise à jour 12.3)
      3. Notes de mise à jour d’Adobe Captivate (mise à jour 12.2)
      4. Notes de mise à jour d’Adobe Captivate (mise à jour 12.1)
    4. Télécharger Adobe Captivate
    5. Foire aux questions
  3. Ajout d’une diapositive
    1. Navigateur de diapositives dans Adobe Captivate
    2. Ajout d’une diapositive de conversation
    3. Ajout de personnages à votre projet Adobe Captivate
    4. Modification de l’image d’arrière-plan d’une diapositive
    5. Ajout d’une marge intérieure dans les blocs de contenu et composants
    6. Création d’un projet à défilement long
  4. Ajouter des blocs de texte
    1. Ajout de texte dans un projet
  5. Ajouter des blocs de média
    1. Ajout d’images dans un projet
    2. Ajout de vidéos dans un projet
    3. Ajout de citations
    4. Ajout de fichiers SVG dans un projet
  6. Composants interactifs
    1. Ajout d’un bouton
    2. Ajouter un champ de saisie
    3. Ajouter un groupe de boutons radio
    4. Ajout d’une liste déroulante
    5. Ajout d’une case à cocher
  7. Widgets
    1. Ajout d’une carte
    2. Ajout d’onglets
    3. Ajout d’un certificat
    4. Ajout d’une liste
    5. Ajout d’une zone réactive
    6. Ajout d’un élément de glisser-déposer
    7. Ajout d’un montage chronologique
    8. Ajout d’un élément Cliquer pour afficher
  8. Création de questionnaires
    1. Ajout d’une question à choix multiples
    2. Ajout d’une question de type vrai ou faux
    3. Ajout d’une question d’association de la colonne
    4. Ajout d’une question à réponse courte
    5. Ajout d’une question de séquence
    6. Ajout de groupes de questions et de diapositives de questions aléatoires
    7. Importation de questions au format CSV
  9. Ajout de l’audio à un projet
    1. Ajout d’audio
  10. Interactions
    1. Ajout d’interactions dans un projet
    2. Création d’une vidéo interactive avec incrustation
    3. Création d’une interaction au niveau de la diapositive
    4. Création d’une interaction au niveau de l’objet
  11. Animations
    1. Ajout d’animations dans un projet
  12. Accessibilité
    1. Rendre un projet accessible
  13. Personnalisation du montage chronologique
    1. Montage chronologique dans Adobe Captivate
  14. Personnalisation de la table des matières et de la barre de lecture
    1. Table des matières dans Adobe Captivate
  15. Modification des propriétés d’un projet
    1. Variables dans Adobe Captivate
    2. Préférences
    3. Dimensions du projet
    4. Thèmes
  16. Création d’un projet de simulation
    1. Simulation
  17. Prévisualisation d'un projet
    1. Aperçu
  18. Partage d’un projet pour révision
    1. Partage pour révision   
  19. Publication d’un projet
    1. Publication de votre projet
  20. Mise à niveau de projets dans Adobe Captivate
    1. Passez à la dernière version pour vos projets

Donnez vie à vos projets en ajoutant des animations. Motivez vos élèves et optimisez leur productivité.

Présentation

Dans le nouvel Adobe Captivate, les animations désignent des effets visuels et mouvements que vous pouvez ajouter dans vos projets de formation en ligne afin d’améliorer l’interactivité et l’implication des élèves. Dans Adobe Captivate, les animations permettent de créer du contenu dynamique et interactif.

Types d’animations

Dans Adobe Captivate, les animations sont classées en deux types : animations basées sur la durée et animations basées sur le déclencheur. Dans les animations basées sur la durée, vous pouvez appliquer une animation à un objet synchronisé selon un montage chronologique ou une durée spécifique.

Dans les animations basées sur le déclencheur, vous pouvez ajouter une animation à un objet basé sur le déclencheur de votre choix, par exemple en affichant ou en masquant une animation lors du clic sur un bouton, ou ajouter une animation à l’état d’un objet.

Dans cet article, 

Animation basée sur la durée

Animation basée sur le déclencheur

Pour toutes les animations basées sur la durée et le déclencheur, Adobe Captivate prend en charge les éléments suivants :

  • Entrée : les animations d’entrée permettent d’animer un objet lorsqu’il apparaît sur la diapositive. Ce type d’animation sert notamment à faire apparaître les objets à une taille réduite au début d’une diapositive puis à augmenter la taille graduellement.
  • Accentuation : les animations d’accentuation attirent l’attention des élèves sur un objet particulier. Vous pouvez créer des animations pour mettre en évidence le contenu ou l’accentuer.
  • Sortie : les animations de sortie permettent d’animer un objet lorsqu’il disparaît.

Liste des animations

  • Fondu en entrée
  • Redimensionner en entrée
  • Étirer en entrée
  • Tourbillon en entrée
  • Charnière en entrée
  • Fente en entrée
  • Transition en entrée
  • Déployer en entrée

 

 

 

  • Rebond en entrée
  • Scintillement en entrée
  • Faire pivoter en entrée
  • Transition en entrée elliptique
  • Souffle en entrée
  • Incliner en entrée
  • Balancer en entrée
  • Clignotement
  • Gelé
  • Secouer
  • Rebond
  • Tremblement
  • Scintillement
  • Pulsation
  • Vibrer
  • Faire pivoter
  • Retournement
  • Fondu en sortie
  • Redimensionner en sortie
  • Étirer en sortie
  • Tourbillon en sortie
  • Charnière en sortie
  • Fente en sortie
  • Transition en sortie
  • Déployer en sortie
  • Scintillement en sortie
  • Rebond en sortie
  • Faire pivoter en sortie
  • Transition en sortie elliptique
  • Balancer en sortie
  • Souffle en sortie

Ajout de votre première animation 

Dans cet exemple, vous allez appliquer une animation d’entrée en utilisant l’effet Tourbillon en entrée sur une image. 
  1. Sélectionnez Ajouter des blocs multimédias > Image dans la barre d’outils de gauche.

  2. Dans la section Composants du panneau Propriétés visuelles, supprimez la légende et le sous-titre. Pour plus d’informations, consultez Images dans Adobe Captivate.

  3. Remplacez l’image à partir des Ressources ou d’un emplacement sur votre ordinateur. Pour plus d’informations, consultez Images dans Adobe Captivate. Une fois l’image remplacée, voici à quoi ressemble la diapositive :

    création d’une animation
    Remplacement de l’image

  4. Sélectionnez l’image. Sélectionnez Animation dans la barre d’outils de droite.

    panneau des animations
    Liste des animations d’entrée

    Découvrons les différents éléments du panneau Animation.

    • La première section du panneau se compose de trois onglets : Entrée, Accentuation et Sortie. Ces onglets contiennent différentes animations que vous pouvez appliquer aux objets. Consultez la section Liste des animations pour découvrir quelles animations vous pouvez appliquer.
    • La deuxième section du panneau présente les paramètres d’une animation sélectionnée. La section Paramètres permet de sélectionner les éléments suivants :
      • Durée : définit la durée de l’animation (en secondes).
      • Retard : définissez le temps de retard avant le démarrage de l’animation.
      • Accélération : définissez une animation de transition sur un objet pour modifier la vitesse sur sa durée.
      • Répéter : définit le nombre de fois où l’animation s’applique à l’objet. Cette option s’applique uniquement aux animations Accentuation.
  5. Passez le curseur de la souris sur l’animation de votre choix dans l’onglet Entrée. Sélectionnez par exemple Tourbillon en entrée. Cette option ajoute une animation avec effet de torsion ou de convolution à l’image. Vous pouvez afficher l’animation sur la diapositive après l’avoir sélectionnée.

  6. Après avoir sélectionné une animation, dans la section Options, sélectionnez le sens. Le sens d’application est différent pour chaque animation. Cochez la case Flou pour appliquer l’effet de floutage à l’image.

    section de l’option
    Définissez le sens d’application d’une animation.

  7. Dans la section Paramètres, spécifiez les options Durée, Délai et Accélération de l’animation. Cochez la case Estomper après l’animation pour atténuer l’image une fois l’animation terminée.

  8. Cliquez sur le bouton Test pour prévisualiser l’animation.

Application d’une animation d’accentuation sur un objet 

Dans cet exemple, vous allez appliquer une animation d’accentuation, puis appliquer une animation Rebond.

  1. Sélectionnez l’image. 

  2. Sélectionnez Animation dans la barre d’outils de droite.

  3. Sélectionnez l’onglet Accentuation. Cet onglet contient les animations que vous pouvez appliquer à l’image. Consultez la section Liste des animations pour découvrir quelles animations vous souhaitez appliquer.

  4. Sélectionnez Rebond.

  5. Dans la section Options, sélectionnez le sens d’application de l’animation souhaité : Haut, Bas, Gauche ou Droite.

  6. Dans la section Paramètres, spécifiez les options Durée et Retard pour l’animation.

  7. Dans la liste déroulante Répéter, sélectionnez le nombre de fois où l’animation est appliquée à l’image. Si vous sélectionnez l’option Jusqu’à ce qu’un état existe, l’image est animée indéfiniment.

  8. Pour ajouter une autre animation à l’image, sélectionnez Ajouter une nouvelle animation. Répétez ces étapes. Les animations s’exécutent dans l’ordre dans lequel vous les avez appliquées à l’image.

  9. Cliquez sur le bouton Test pour prévisualiser l’animation.

Application d’une animation au texte

Vous pouvez appliquer une animation à un composant de texte de la même manière que pour une image.

  1. Sélectionnez Ajouter des blocs multimédias > Image dans la barre d’outils de gauche.

  2. Ajoutez des blocs d’image et de texte. 

    Pour plus d’informations,

    application de l’effet
    Ajoutez du texte et une image sur la diapositive.

  3. Sélectionnez le texte, puis sélectionnez Animations dans la barre d’outils de droite.

    barre d’outils des animations de droite
    Panneau Animations dans la barre d’outils de droite.

    Remarque :

    Les animations appliquées au texte diffèrent des animations des images. Par exemple, l’animation Machine à écrire des animations d’entrée est disponible uniquement pour le texte.

  4. Sélectionnez l’animation Machine à écrire.

    effet machine à écrire
    Sélectionnez l’animation Machine à écrire.

    Dans la section Options, les options suivantes sont disponibles pour le sens du texte :

    1. Vers l’avant : le texte s’anime de la gauche vers la droite.
    2. Centre : le texte s’anime à partir du centre.
    3. Bords : le texte s’anime à partir du bord.
    4. Aléatoire : le texte s’anime de manière aléatoire.
  5. Dans la liste déroulante Affichage du texte, sélectionnez l’une de ces options :

    1. Tout ensemble : tout le texte est animé dans le sens sélectionné.
    2. Par mot : l’animation s’applique mot par mot dans le sens sélectionné.
    3. Par ligne : l’animation se produit ligne par ligne dans le sens sélectionné.
    liste déroulante d’affichage du texte
    Sélectionnez l’option d’affichage du texte.

  6. Dans la section Paramètres, spécifiez les valeurs. Pour plus d’informations, consultez Paramètres d’animation.

  7. Cliquez sur le bouton Test pour prévisualiser l’animation.

Application d’une animation aux états

Adobe Captivate permet d’appliquer une animation à différents états d’un objet. Dans cet exemple, vous allez définir différents états d’une image et définir l’animation pour chaque état.

  1. Sélectionnez Ajouter des blocs multimédias > Image dans la barre d’outils de gauche.

  2. Remplacez l’image. Pour plus d’informations, consultez Images dans Adobe Captivate.

    remplacement de l’image
    Remplacez une image sur la diapositive.

  3. Sélectionnez l’image. Dans le panneau Propriétés visuelles, cliquez sur Afficher pour lancer le menu volant des états.

  4. Dans la section États, sélectionnez Ajouter. Ajoutez différents états à l’image. Pour plus d’informations, consultez États dans Adobe Captivate.

    section des états
    Lancez le menu volant des états.

  5. Sélectionnez le premier état dans le menu volant des états. 

    menu volant des états
    Sélectionnez un état de l’image.

  6. Sélectionnez Animation dans la barre d’outils de droite. 

  7. Appliquez une animation d’entrée à l’état.

  8. Répétez ces étapes pour les autres états de l’image.

Application d’une animation déclenchée

Adobe Captivate permet de déclencher une animation, par exemple lorsque l’utilisateur clique sur un bouton.

  1. Sélectionnez Ajouter des blocs multimédias > Image dans la barre d’outils de gauche.

  2. Dans la section Composants du panneau Propriétés visuelles, cochez la case Bouton pour ajouter un bouton dans le bloc de contenu. Pour plus d’informations, consultez Ajout d’un bouton dans Adobe Captivate.

  3. Remplacez l’image et ajoutez du texte. 

    Pour plus d’informations,

    remplacement de l’image et ajout de texte
    Remplacer le texte.

  4. Sélectionnez le bouton.

    sélection du bouton
    Sélectionnez le bouton.

  5. Sélectionnez Interactions dans la barre d’outils de droite.

  6. Dans le panneau Actions, sélectionnez Appliquer l’animation.

    application de l’animation
    Application d’une animation au bouton

    Pour plus d’informations sur la création d’interactions, consultez Interactions dans Adobe Captivate.

  7. Sélectionnez l’objet auquel vous souhaitez appliquer l’animation. Dans ce cas, sélectionnez l’image.

    sélection de l’image
    Sélectionnez l’objet bouton.

  8. Cliquez sur Suivant.

  9. Sélectionnez une animation et son sens d’application.

    effet et sens d’application
    Sélectionnez une animation et son sens d’application.

  10. Dans la section Paramètres, spécifiez les valeurs requises.

  11. Cliquez sur Terminé.

Votre projet est prêt. Une fois que l’utilisateur a cliqué sur le bouton lors de l’exécution, l’image s’anime en conséquence.

Panneau des animations des états

Après avoir appliqué des animations à plusieurs états d’un objet, les animations de tous les états sont disponibles à un seul endroit du montage chronologique.

  1. Insérez une diapositive. Ajoutez quelques objets sur la diapositive, par exemple des blocs de texte.

  2. Ajoutez des états aux objets de texte.

    Sélection des états
    Sélection des états

  3. Sélectionnez l’état de votre choix. Dans la barre d’outils de droite, sélectionnez Animation. Appliquez une animation d’entrée, d’accentuation ou de sortie au bloc de texte. Vous pouvez également ajouter des animations à plusieurs états.

    Sélection des effets d’un état
    Sélectionnez l’animation d’un état.

  4. Lancez le montage chronologique.

  5. Double-cliquez sur la barre d’objets dans le montage chronologique. 

    Double-clic sur la barre d’objets
    Double-clic sur la barre d’objets

    Le panneau des animations des états s’ouvre.

    Panneau des animations des états
    Panneau des animations des états

  6. Dans le panneau des animations des états, les états de l’objet sélectionné s’affichent à gauche.

    Sélectionnez l’état dans lequel les animations appliquées doivent apparaître. Prévisualisez une ou toutes les animations d’un état. Sélectionnez le bouton Afficher un aperçu de l’animation ou Prévisualiser toutes les animations

    Prévisualisation d’une seule animation

    Prévisualisation d’une seule animation
    Prévisualisation d’une seule animation

    Prévisualiser toutes les animations

    Prévisualiser toutes les animations
    Prévisualiser toutes les animations

Copier-coller d’une animation

Une fois qu’une animation est appliquée à un objet, vous pouvez appliquer la même animation à un autre objet.

  1. Dans le panneau Animation, sélectionnez l’icône de points de suspension et sélectionnez Copier l’animation.

    copie d’animations
    Copie d’une animation

  2. Cliquez avec le bouton droit sur l’objet auquel vous souhaitez appliquer l’animation. Sélectionnez Coller les animations.

    collage d’une animation
    Collez l’animation sur l’objet.

Suppression d’une animation

  1. Dans le panneau Animation, sélectionnez l’icône de points de suspension.

  2. Sélectionnez Supprimer.

    suppression d’une animation
    Suppression d’une animation

Regarder une vidéo

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?