Ouvrez un projet vide.
Les objets à états multiples dans Adobe Captivate peuvent convertir tout objet interactif ou non-interactif en objet à états multiples. Dans cette section, vous découvrirez comment vous pouvez développer une interaction à états multiples basique.
Ce document présente des procédures qui nécessitent d’utiliser des ressources, comme des images et des exemples de fichiers de projet Adobe Captivate. Vous pouvez choisir d’utiliser vos propres ressources et exemples. Cependant, il est recommandé de télécharger et d’extraire le fichier .zip suivant sur votre ordinateur :
Avant d’utiliser des objets à états multiples dans Adobe Captivate, gardez en mémoire les points suivants :
Ajoutons des états à un objet comme suit :
Ouvrez un projet vide.
Dans le menu Diapositives, ajoutez une Diapositive de contenu à votre projet.
Pour ajouter des objets, cliquez sur les ressources et ajoutez un personnage à votre diapositive. Vous pouvez choisir entre Gros plan, Moitié et Complet. Nous renommons l’état Joe. Renommez ainsi tous les objets de votre diapositive. Pour savoir comment, consultez Renommer les objets dans votre projet.
Assurez-vous d’ajouter les ressources que vous utilisez dans votre projet à la Bibliothèque Captivate pour que le projet puisse y accéder.
Pour ajouter un état à un objet, sélectionnez le personnage (Joe) et dans l’Inspecteur des propriétés, cliquez sur l’icône + sous État de l’objet. Entrez un nom pour l’état dans la boîte de dialogue qui s’affiche et cliquez sur OK.
Dans la section État de l’objet, cliquez sur Vue de l’état pour voir tous les états en cours de votre projet.
Vous pouvez renommer les objets et les états dans Adobe Captivate. Lorsque vous ajoutez un objet à votre projet, une boîte de dialogue s’affiche. Indiquez un nom et cliquez sur OK. Pour renommer, sélectionnez l’objet et renommez au niveau du champ supérieur de l’Inspecteur des propriétés.
Pour renommer un état, sélectionnez l’état et cliquez sur Vue d’état dans le panneau des propriétés. Dans la liste des états, cliquez avec le bouton droit de la souris sur la diapositive et sélectionnez Renommer l’état.
Suivez les étapes ci-dessous pour ajouter plusieurs états à un objet dans Adobe Captivate :
Pour ajouter plusieurs états à un objet, ouvrez la Vue d’état et cliquez sur l’option +Nouvel état dans le panneau États de. Renommez l’état dans la boîte de dialogue qui s’affiche et cliquez sur OK.
Ajoutez un autre personnage dans le panneau Bibliothèque Captivate à gauche de l’espace de travail et renommez-le.
Suivez la même procédure et ajoutez un troisième état. Ajoutez un autre personnage à la diapositive depuis le panneau Bibliothèque et renommez-le John.
Une fois que vous avez fini d’ajouter des états, cliquez sur Quitter l’état dans la barre d’outils.
Suivez les étapes suivantes pour ajouter des boutons pour naviguer et afficher les différents états :
Pour ajouter des boutons, dans la barre d’outils, cliquez sur le menu Interaction et sélectionnez Bouton.
Sélectionnez le premier bouton et ouvrez le menu Actions dans l’Inspecteur des propriétés.
Cliquez sur le champEn cas de réussite et sélectionnez l’action Modifier l’état de dans la liste déroulante. Les états personnalisés prennent en charge les objets statiques et interactifs. Vous pouvez les déclencher à l’aide de l’option Modifier l’état de.
Depuis les deux menus déroulants suivants, sélectionnez l’objet et l’état prévu que vous avez créé. Assurez-vous de désélectionner l’option Continuer la lecture du projet.
Si vous ajoutez une Forme intelligente à la diapositive, convertissez-la en un bouton pour activer l’option Actions dans l’Inspecteur des propriétés.
Vous pouvez adapter le format des quatre états de bouton. Pour modifier le format, sélectionnez un bouton et utilisez les paramètres de la section Personnage de l’Inspecteur des propriétés.
Pour des objets à états multiples, vous pouvez choisir de conserver l’état lorsque vous revenez à la diapositive. Cela est utile lorsque vous créez une interaction avec plusieurs diapositives et souhaitez conserver l’état sélectionné lors d’une nouvelle visite de la diapositive. Par exemple :
Pour conserver l’état lorsque vous revenez à la diapositive, sélectionnez l’objet à états multiples, accédez à l’Inspecteur des propriétés, puis sélectionnez Conserver l’état au retour à la diapositive.
Vous pouvez réinitialiser les modifications apportées aux états dans la Vue des états. Cliquez avec le bouton droit de la souris sur un état et sélectionnez Réinitialiser l’état. Pour le supprimer, sélectionnez Supprimer l’état.Quand vous avez terminé les modifications, cliquez sur Quitter l’état dans la barre d’outils.
Maintenant que vous avez essayé d’utiliser des objets à états multiples dans Adobe Captivate, nous allons créer un projet intéressant de visualisation de couleurs. Dans ce projet, les utilisateurs peuvent vérifier l’apparence du mur avec les différentes couleurs et textures.
Voici l’apparence du projet final :
Pour créer ce projet, procédez comme suit :
Dans un projet vide, dans la barre d’outils, cliquez sur Formes pour ajouter un rectangle à la diapositive.
Répartissons les formes en deux sections :
Ajoutez 12 rectangles pour chacune des deux sections. Pour ajouter plusieurs rectangles, créer des doubles avec Cmd + D (Mac) ou Ctrl + D (Windows).
Sélectionnez chaque rectangle et changez la couleur dans la section Style de l’Inspecteur des propriétés. Utilisez les paramètres Remplissage et Contour pour obtenir l’apparence souhaitée.
Ajoutez l’image de la salle que vous utilisez pour ce projet (téléchargez les ressources ajoutées au début de cet article). Pour l’ajouter, cliquez sur Média et sélectionnez Image.
Nous allons créer des états multiples pour l’image. Suivez les instructions des sections Ajout d’états à un objet et Ajout d’états multiples à un objet . Nommez les états en fonction des options de couleur que vous ajoutez au projet. Créez les états pour toutes les formes que vous ajoutez au projet.
Après avoir ajouté des états à l’image, quittez la vue d’état et liez les formes à leurs états respectifs. Par exemple, mettez en correspondance la forme bleue avec l’état Bleu. Maintenant, convertissez les formes en boutons pour activer la liaison. Sélectionnez une forme et dans l’Inspecteur des propriétés, sélectionnez l’option Utiliser en tant que bouton dans la section Nom de style.
Suivez les étapes de la section Ajout de boutons à votre projet pour lier les états aux formes.
Dans la barre d’outils, cliquez sur Aperçu et sélectionnez Projet dans la liste déroulante.
Pour publier votre projet, cliquez sur Publier et choisissez parmi les différentes options de publication.
Accéder à votre compte