Image

L’élément Image vous permet de superposer une image supplémentaire à n’importe quelle étape d’un Guide étape par étape ou à n’importe quel horodatage dans des démos et vidéos interactives. Cela est utile pour insérer des visuels complémentaires tels que des annotations ou des éléments de marque directement sur une étape sans réenregistrement.

Ajout de l’élément image

Ajouter une image à un guide étape par étape

1. Naviguez jusqu’à Ajouter des éléments dans le panneau de droite.
2. Cliquez sur Image. Si un ou plusieurs éléments d’image ont déjà été ajoutés, cliquez sur Ajouter un nouvel élément pour en insérer un autre.
3. Activez le bouton « Masquer les autres éléments » pour masquer temporairement tous les autres éléments à l’étape en cours lors de la configuration de l’image. Les autres éléments sont temporairement cachés et ne sont pas supprimés.
4. Pour ajouter une image, cliquez sur Image. Dans le panneau Sélectionner image , choisissez parmi l’une de ces sources :
   • Utilisé récemment - Choisissez une image que vous avez récemment utilisée dans un guide étape par étape, une vidéo enregistrée ou une démonstration interactive. Les images sont listées des plus récentes aux plus anciennes.
   • Mon lecteur - Parcourez ou cherchez dans vos dossiers Document360 Drive et sélectionnez une image. Pour ajouter une nouvelle image, ouvrez le dossier désiré et cliquez sur Télécharger pour choisir un fichier dans votre explorateur local. Cliquez sur Retourner en arrière pour revenir au panneau Sélectionner l’image .
   • Éléments d’image prédéfinis - Choisissez parmi les catégories disponibles, telles que Emojis animés, Accessibilité et Alerte.

5. Cliquez sur Insérer pour ajouter l’image sélectionnée.
6. Sous Taille et position, choisissez un mode de placement :
   • Libre forme - Ajustez librement la taille et la position. Entrez une valeur exacte dans le champ Angle ou utilisez Rotation à gauche ou Rotation à droite pour ajuster manuellement.
   • Ajuster à l’écran - L’image remplit par défaut la zone image de l’étape.
7. Sinon, faites glisser les bords de l’image pour la redimensionner.
8. Cliquez sur l’icône Réinitialiser à la taille et position originales au-dessus de l’image pour revenir à la taille et à la position d’origine en un clic.
9. Cliquez sur l’icône de rotation et faites glisser pour faire pivoter l’image.
10. Utilisez le format Verrouillage pour maintenir les proportions et éviter que l’image ne paraisse étirée ou déformée. Verrouillez les proportions avant de redimensionner pour garantir que l’image s’étale uniformément.
11. Cliquez sur Appliquer pour enregistrer l’élément image.

Ajouter une image à une vidéo ou à une démonstration interactive

1. Naviguez jusqu’à Ajouter des éléments dans le panneau de droite.
2. Cliquez sur Image. Si une image existe déjà, cliquez sur Ajouter une nouvelle.
3. Activez Masquer d’autres éléments pour masquer tous les autres éléments pendant que vous configurez l’image.
4. Définissez l’horodatage en utilisant le champ Temps ou faites glisser le curseur vidéo.
5. Pour ajouter une image, cliquez sur Sélectionner image. Dans le panneau Sélectionner image , choisissez parmi l’une de ces sources :
   • Utilisé récemment - Choisissez une image que vous avez récemment utilisée dans un guide étape par étape, une vidéo enregistrée ou une démonstration interactive. Les images sont listées des plus récentes aux plus anciennes.
   • Mon lecteur - Parcourez ou cherchez dans vos dossiers Document360 Drive et sélectionnez une image. Pour ajouter une nouvelle image, ouvrez le dossier désiré et cliquez sur Télécharger pour choisir un fichier dans votre explorateur local. Cliquez sur Retourner en arrière pour revenir au panneau Sélectionner l’image .
   • Éléments d’image prédéfinis - Choisissez parmi les catégories disponibles, telles que Emojis animés, Accessibilité et Alerte.

6. Cliquez sur Insérer pour ajouter l’image sélectionnée.
7. Sous Taille et position, choisissez un mode de placement :
   • Libre forme - Ajustez librement la taille et la position. Entrez une valeur exacte dans le champ Angle ou utilisez Rotation à gauche ou Rotation à droite pour ajuster manuellement.
   • Adaptation à l’écran - L’image remplit la trame vidéo.
8. Sinon, faites glisser les bords de l’image pour la redimensionner.
9. Cliquez sur l’icône Réinitialiser à la taille et position originales au-dessus de l’image pour revenir à la taille et à la position d’origine en un clic.
10. Pour faire pivoter, cliquez sur l’icône de rotation et glissez.
11. Utilisez le format Verrouillage pour maintenir les proportions et éviter que l’image ne paraisse étirée ou déformée.
12. Dans la section Comportement, configurez comment l’image est affichée :
    • Rester pendant - Visible pendant une durée déterminée.
    • Bouton suivant - Visible jusqu’à ce que l’utilisateur clique sur Suivant.
    • CTA - Liée à un appel à l’action.
    • Afficher jusqu’à - L’image est affichée jusqu’à ce qu’une heure spécifiée soit atteinte.
13. Pour ajouter la narration vocale, activez le bouton de désactivation de la voix par l’IA .
    • Sélectionnez la voix désirée et entrez le contenu dans le champ texte.
    • Cliquez sur le bouton Lecture à côté du contenu pour le prévisualiser dans la voix sélectionnée.
14. Cliquez sur Appliquer pour enregistrer l’élément image.

Gestion des éléments d’image

Toutes les images ajoutées apparaissent dans le panneau Image, avec une miniature et un nom.

• Ajouter une autre image - Cliquez sur Ajouter une nouvelle image en haut du panneau.
• Modifier une image – Cliquez sur n’importe quelle image de la liste pour la modifier. Modifiez si besoin, puis cliquez sur Appliquer pour enregistrer ou Annuler pour revenir en arrière. Utilisez l’icône Supprimer pour la retirer.
• Supprimer une image - Survolez une image, cliquez sur le menu à trois points, puis sélectionnez Supprimer.

Meilleures pratiques

• Verrouiller les proportions avant le redimensionnement - En mode libre, activer le verrouillage du ratio d’aspect empêche la distorsion.
• Utilisez le champ Angle pour un alignement exact – lorsqu’une superposition doit être placée à un angle précis, comme une bannière diagonale ou un badge pivoté, entrez la valeur directement au lieu de la faire tourner manuellement.
• Réserve l’ajustement pour filtrer les remplacements en arrière-plan - Pour la plupart des cas d’utilisation des superpositions, Freeform offre plus de contrôle. L’ajustement à l’écran fonctionne mieux uniquement lors du remplacement complet de l’arrière-plan à pas.
• Gardez les superpositions pertinentes à l’étape – Des visuels non liés ou excessifs peuvent distraire les spectateurs et réduire la clarté.
• Aperçu avant publication - Après l’application, vérifiez le positionnement et la taille pour confirmer que l’image apparaît comme prévu pour les utilisateurs finaux.