Guide d'utilisation Annuler

Utilisation de fichiers SVG 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

Découvrez comment insérer un fichier SVG dans un projet Adobe Captivate.

Remarque :

Adobe Captivate introduit les blocs de contenu, tels que les blocs de texte ou d’image, qui contiennent des composants comme du texte, une image ou un bouton. Regardez cette vidéo pour en savoir plus sur les blocs de contenu et les composants.

Le format SVG désigne un format d’image vectorielle qui peut être redimensionné sans perte de qualité et qui prend en charge les animations. Dans Adobe Captivate, les fichiers SVG ont plusieurs utilités et vous permettent par exemple d’ajouter des illustrations, des icônes, des diagrammes ou d’autres éléments visuels dans vos projets.

Ajout d’un bloc de contenu SVG

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

Modification des propriétés du bloc de contenu SVG

Les propriétés au niveau du bloc sont disponibles lorsque vous sélectionnez le bloc de contenu SVG. Vous pouvez modifier les propriétés disponibles dans les différentes sections, telles que Alignement et espacement, Remplacement d’un SVG, Options de conception, Composants et Apparence.

  1. Dans le panneau Propriétés visuelles, le curseur Largeur du contenu et Marge intérieure horizontale sont liés dans la section Alignement et espacement. Déplacez le curseur à partir de la gauche pour modifier la valeur de la marge intérieure gauche. Déplacez-le vers la droite pour modifier la valeur de la marge intérieure droite. La modification exacte est répliquée dans le curseur Largeur du contenu lorsque vous modifiez les valeurs de Marge intérieure horizontale gauche ou droite.

    Si vous souhaitez ajouter une marge intérieure en haut ou en bas du bloc de contenu sélectionné, entrez les valeurs souhaitées pour les marges supérieure et inférieure en modifiant les valeurs de Marge intérieure verticale.

    Cochez la case Hauteur automatique pour modifier la hauteur du bloc de contenu SVG en fonction de la diapositive. 

  2. Déplacez le curseur Nombre d’icônes pour augmenter ou diminuer le nombre de SVG. Vous pouvez ajouter jusqu’à quatre fichiers SVG.

  3. Remplacez les icônes SVG en cliquant sur les icônes de dossier. Cliquez sur le dossier de votre choix et sélectionnez un SVG à partir des Ressources ou de votre ordinateur.

  4. Sélectionner une option de conception.  Les options de conception présentent des mises en page préconfigurées comportant des éléments de conception plus épurés à appliquer au bloc de contenu SVG.

    Pour plus d’informations, consultez Options de conception dans Adobe Captivate.

  5. Dans la section Composants, vous pouvez modifier les éléments suivants :

    • Icône : cette option reste désactivée.

    Déplacez le curseur Échelle pour redimensionner les SVG sans les déformer. La mise à l’échelle signifie que les SVG s’adaptent à la largeur disponible.

    • Titre : ajoutez ou supprimez les titres des SVG.
    • Sous-titres : ajoutez ou supprimez les légendes des SVG.
    • Corps : ajoutez ou supprimez le corps du texte des SVG.
    • Carte : ajoutez ou supprimez la carte autour des SVG.
    Remarque :

    Vous pouvez aligner les composants dans la section Composants. Passez le curseur de la souris sur un composant et sélectionnez une option (Aligner à gauche, Centrer ou Aligner à droite).

  6. Dans l’onglet Arrière-plan de la section Apparence, vous pouvez modifier les paramètres de couleur au niveau du bloc de contenu. Ajoutez la couleur d’arrière-plan, la bordure et appliquez une ombre à la bordure. Sélectionnez une couleur unie, un dégradé linéaire ou radial, ou ajoutez une image comme arrière-plan.

  7. Si vous avez activé Carte, vous pouvez modifier les propriétés de la carte, par exemple le remplissage et arrondir les coins en modifiant les valeurs du rayon.

    Ajoutez également une couleur d’arrière-plan, une bordure ou une ombre dans l’onglet Carte.

Modification des propriétés d’une carte de SVG

Adobe Captivate permet de sélectionner une carte de SVG et de modifier ses propriétés telles que le texte, la légende, la carte ou l’apparence.

  1. Sélectionnez une carte de SVG dans le bloc de contenu.

  2. Dans la section Composants, vous pouvez modifier les éléments suivants :

    • Icône : ajoutez ou supprimez l’icône SVG. Déplacez le curseur Échelle pour redimensionner l’icône SVG sans la déformer. La mise à l’échelle signifie que le SVG s’ajuste selon la largeur disponible.
    • Titre : ajoutez ou supprimez le titre du SVG sur la carte.
    • Sous-titres : ajoutez ou supprimez les sous-titres du SVG sur la carte.
    • Corps : ajoutez ou supprimez le corps du texte du SVG sur la carte.
    • Carte : ajoutez ou supprimez la carte autour du SVG.
    Remarque :

    Vous pouvez aligner les composants dans la section Composants. Passez le curseur de la souris sur un composant et sélectionnez une option (Aligner à gauche, Centrer ou Aligner à droite).

  3. Si vous avez activé Carte, vous pouvez modifier les propriétés de la carte, par exemple le remplissage et arrondir les coins en modifiant les valeurs du rayon.

    Ajoutez également une couleur d’arrière-plan, une bordure ou une ombre dans l’onglet Carte.

Modification du texte dans un bloc de SVG

Sélectionnez le texte de votre choix, par exemple le titre ou la légende, et modifiez les propriétés dans le panneau Propriétés visuelles.

Pour plus d’informations, consultez Utilisation de texte dans Adobe Captivate.

Remplacement de l’icône SVG par défaut

Adobe Captivate permet de remplacer une icône SVG et de modifier son apparence.

  1. Sélectionnez une carte de SVG dans le bloc de contenu.

  2. Après avoir remplacé l’icône SVG par défaut, sélectionnez-la. Sélectionnez ensuite Ressources, puis sélectionnez un SVG à partir des Ressources ou de votre ordinateur.

    Sélectionner un SVG
    Sélectionner un SVG

  3. Cliquez sur Remplacer l’icône.

Modification de l’apparence du SVG

  1. Sélectionnez le SVG.

  2. Dans la section États, cliquez sur Ajouter pour lancer le menu volant des états. Ajoutez les états personnalisés du SVG.

    Pour plus d’informations, consultez États dans Adobe Captivate.

  3. Sélectionnez l’icône de dossier dans la section Icône pour remplacer le SVG à partir des Ressources ou de votre ordinateur.

  4. Retournez l’image SVG horizontalement ou verticalement dans la section Faire pivoter l’icône.

  5. Dans la section Apparence, déplacez le curseur Opacité pour augmenter ou diminuer la transparence du SVG.

  6. Sélectionnez le chemin du SVG et appliquez la couleur de remplissage à partir du sélecteur Couleur unie pour modifier sa couleur.

  7. Cochez la case Permettre de cliquer dans le cadre de sélection pour permettre de cliquer sur le SVG et l’espace blanc dans son cadre de sélection lors de l’exécution.

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?