Guide d'utilisation Annuler

Utilisation de vidéos

Découvrez comment utiliser des vidéos dans Adobe XD pour créer de expériences de design immersives.

XD vous permet d’importer des vidéos, d’ajuster les paramètres vidéo de base et de contrôler la lecture. Après avoir réglé la lecture vidéo et relié votre prototype, vous pouvez le prévisualiser avant de le partager.

Importer une vidéo, ajuster les paramètres et définir une option de lecture
Importer une vidéo, ajuster les paramètres et définir une option de lecture

Lectures suggérées

4 étapes pour créer et partager des interactions vidéo

Pour commencer, importez une vidéo et ajustez ses paramètres. Définissez ensuite une option de lecture, prévisualisez le prototype et partagez-le avec les intervenants pour qu’ils l’examinent.

Importation d’une vidéo

Ajustement des paramètres vidéo

Définition d’une option de lecture

Aperçu et partage

Importation d’une vidéo

Pour importer une vidéo dans XD, faites-la glisser vers un plan de travail. Vous pouvez également choisir Fichier > Importer.

Format de fichier vidéo

MP4

Compression vidéo (codec)

 H.264

Module de compression/décompression des données audio

AAC

Taille maximale

25 Mo

Résolution maximale

4 K

Si votre vidéo ne respecte pas les exigences indiquées dans le tableau, vous obtenez une erreur lors de son importation dans XD.

Convertissez ou découpez la vidéo pour qu’elle respecte les critères définis. Adobe Media Encoder est fortement recommandé.

Convertir ou couper une vidéo à l’aide de Media Encoder

Vous pouvez utiliser Adobe Media Encoder pour préparer rapidement et facilement votre vidéo avant de l’importer dans XD.

Télécharger Adobe Media Encoder

Suivez les étapes ci-dessous :

  1. Ouvrez Media Encoder. Accédez à Fichier > Ajouter une source, localisez votre vidéo, puis cliquez sur Ouvrir.

  2. Localisez votre vidéo dans la File d’attente, puis cliquez sur le lien Préréglage.

    Cliquez sur le lien Préréglage de la vidéo
    Cliquez sur le lien Préréglage de la vidéo

  3. Dans la fenêtre Paramètres d’exportation, procédez comme suit :

    1. Assurez-vous que le champ Format est défini sur H.264.
    2. Pour réduire la taille de votre vidéo à moins de 15 Mo, rognez la vidéo ou choisissez un préréglage avec une résolution inférieure. Lorsque vous rogne la vidéo ou essayez différents préréglages, vous pouvez voir la taille estimée du fichier dans le coin inférieur droit de la fenêtre. Le préréglage recommandé est Haute qualité 720p HD.
    3. Cliquez sur OK.

    Le préréglage recommandé est Haute qualité 720p HD.

    Sélectionnez le format H.264 et découpez la vidéo ou choisissez un préréglage de résolution inférieure
    Sélectionnez le format H.264 et découpez la vidéo ou choisissez un préréglage de résolution inférieure

  4. Dans la file d’attente, cliquez sur le bouton de lecture vert dans le coin supérieur droit pour exporter.

  5. Ouvrez XD et importez la vidéo.

Ajustement des paramètres vidéo

Une fois importée, la première image de la vidéo est affichée sur la zone de travail. Lorsque vous sélectionnez la vidéo en mode Design, vous voyez une icône de lecture  dans son coin supérieur gauche.

Pour prévisualiser la vidéo ou ajuster ses paramètres, cliquez sur le bouton   dans la section Vidéo de l’Inspecteur Propriétés. L’affichage tête haute (HUD) s’ouvre. Dans l’affichage tête haute :

  • Vous pouvez prévisualiser la vidéo en cliquant sur Lecture  .
  • Vous pouvez couper la vidéo, modifier sa miniature, définir la lecture en boucle ou désactiver l’audio.

Rognage de la vidéo

Rognage de la vidéo
Rognage de la vidéo

  1. Cliquez sur Rogner  .
  2. Sélectionnez une séquence en faisant glisser les points de départ et d’arrêt sur le curseur.
  3. Cliquez sur la coche   pour enregistrer la séquence.

Les images ne sont pas supprimées lorsque vous les rognez. Cliquez à nouveau sur Rogner   pour récupérer les images.

Modification de la miniature de vidéo

Modification de la miniature de vidéo
Modification de la miniature de vidéo

  1. Cliquez sur l’icône Miniature   pour ouvrir l’explorateur. 
  2. Parcourez et choisissez une image.
  3. Cliquez sur Importer.

Pour supprimer une miniature, cliquez sur Supprimer  .

Définir la lecture en boucle

Définir la lecture en boucle
Définir la lecture en boucle

Utilisez le bouton Lire en boucle pour activer ou désactiver la lecture en boucle de la vidéo.

Activer ou désactiver l’audio

Activer ou désactiver l’audio
Activer ou désactiver l’audio

Cliquez sur l’icône de haut-parleur (  |  ) pour activer ou désactiver le son de la bande-son de la vidéo.

Définition d’une option de lecture

Définition d’une option de lecture pour votre vidéo
Définition d’une option de lecture pour votre vidéo

Après avoir ajusté les paramètres vidéo, contrôlez à quel moment votre vidéo sera lue en choisissant une option de lecture.

En mode Design, dans la section Vidéo de l’Inspecteur Propriétés, choisissez un préréglage :

  • Appuyer pour lire (par défaut)  
  • Lire automatiquement
  • Pas de lecture

Le choix d’une option de lecture en mode Design crée automatiquement des interactions pour votre vidéo en mode Prototype.

Pour en savoir plus sur les options de lecture vidéo et les personnalisations, consultez la section Création de prototypes avec des vidéos.

Prévisualisation du prototype et partage

Prévisualisation du prototype dans l’application, sur un appareil mobile ou dans un navigateur
Prévisualisation du prototype dans l’application, sur un appareil mobile ou dans un navigateur

Lorsque votre design est prêt à être partagé avec les intervenants, définissez les autorisations d’accès appropriées, puis publiez le lien vers le prototype ou les spécifications techniques et partagez-le.

Limitations actuelles

  • Seules des vidéos MP4 peuvent être importées dans XD, chaque vidéo ne devant pas excéder 25 Mo.
  • Vous pouvez importer jusqu’à 20 vidéos uniques dans un document XD.
  • Les actifs vidéo ne peuvent pas être exportés depuis le menu Fichier > Exporter. Cependant, la vidéo sera disponible dans les spécifications techniques.
  • Une seule vidéo peut se lancer à la fois.
  • Lorsque le type d’action n’est pas Animation automatique, le lancement d’un autre déclencheur arrête la lecture vidéo.
  • La lecture automatique des vidéos peut entraîner un conflit avec les déclencheurs Temps d’un plan de travail ou d’une animation Lottie.
  • Il n’est pas possible de remplacer une vidéo dans une grille de répétition.
  • À l’exception de la première vidéo, l’option Pas de lecture est définie par défaut pour les autres vidéos de la grille de répétition.
  • Les options de retournement sont désactivées pour les vidéos dans la section Transformation de l’Inspecteur Propriétés.
  • Les propriétés Fond et Bordure ne sont pas disponibles pour les vidéos.
  • Les angles arrondis ne sont pas disponibles pour les vidéos dans la section Apparence de l’Inspecteur Propriétés.

Ressources associées

Vous avez une question ou une suggestion ?

questions à la communauté

Vous avez une question à poser ou une idée à partager ? Venez participer à la communauté Adobe XD. Nous serions ravis de vous compter parmi nous et de découvrir vos créations !

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?