CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre Adobe XD - Les fondamentaux Utilisation des masques pour des animations interactives dans Adobe XD

Utilisation des masques pour des animations interactives dans Adobe XD

Créer des animations complexes
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Adobe XD - Les fondamentaux
Revoir le teaser Je m'abonne
5,0
Transcription

89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Dans cette vidéo, vous allez apprendre à :

  • Utiliser les masques pour gérer l'apparition et la disparition des éléments.
  • Créer des composants avec des états interactifs.
  • Réaliser des animations d'état de survol dans Adobe XD.

Apprenez à créer des animations interactives en utilisant les masques dans Adobe XD.

Une des façons les plus efficaces pour créer des animations interactives complexes est d'utiliser les masques. Les masques permettent de cacher des éléments, des textes ou des images pour les faire apparaître à des moments spécifiques. Dans cette leçon, nous vous montrons comment créer un état de survol dynamique qui affiche divers éléments lorsqu'une souris passe dessus.

Nous commençons par designer l'état de survol et créer plusieurs masques pour les textes et les images. Ensuite, nous transformons ces éléments en composants et définissons des états par défaut et des états de survol dans Adobe XD. Vous apprendrez également à gérer les modifications entre les différents états et à utiliser les ancrages pour ajuster la position et l'opacité des éléments.

Finalement, nous testerons l'animation pour vérifier que tous les textes, images et masques apparaissent et disparaissent correctement, créant ainsi une expérience utilisateur immersive et interactive.

Voir plus
Questions réponses
Pourquoi utiliser les masques dans Adobe XD ?
Les masques permettent de gérer l'apparition et la disparition des éléments de manière contrôlée, améliorant ainsi l'interactivité.
Que se passe-t-il si vous modifiez l'état par défaut d'un composant ?
Toute modification de l'état par défaut affecte aussi les autres états du composant.
Comment tester les états de survol dans Adobe XD ?
Vous pouvez tester les états de survol en activant la lecture pour voir l'animation en action lorsque la souris passe sur l'élément.

Programme détaillé

14 commentaires
5,0
14 votes
5
4
3
2
1
camille.art
Il y a 1 year
Commentaire
Bonne formation claire, simple, éfficasse,
vous pouvez monter le niveau est nous préparer une autre plus avancée , avec des prototype PINSKY cela manque en français.
Bonne continuation
sykah
Il y a 1 year
Commentaire
Très bonne formation ! Parfaite pour élaborer des projets simples.
Format à 4 minutes digeste.
Hiérarchisation harmonieuse des thématiques abordées.
Voix limpide, claire, a tempo parfait.
Écran net.
jc.mosca
Il y a 2 years
Commentaire
Comme toujours chez Elephorm très bonne formation mais je reste un peu sur ma faim quand à l'utilisation des plug-ins, surtout à ceux qui concernent l'exportation web comme Anima par exemple et à la fonction responsive.
olivier_96
Il y a 3 years
Commentaire
Excellent
rcormont77
Il y a 3 years
Commentaire
Très bonne formation, mais je reste un peu sur ma faim.
hicham.elmbarki
Il y a 3 years
Commentaire
Tuto trés claire. Merci
maevg
Il y a 3 years
Commentaire
Super tuto! Bien expliqué et bien présenté. Il n'y a plus qu'à s'y mettre!
brice.athimond
Il y a 3 years
Commentaire
Un tutoriel très complet qui présente bien AdobeXD et tout ce qui est possible de faire avec. Merci
morganlachery
Il y a 3 years
Commentaire
Très agréable, cette formation explique bien les notions importantes du logiciel.
Pour la habitués de la suite Adobe, les spécificités du logiciel commencent au module 5 - 6.
ChrisD
Il y a 3 years
Commentaire
Très bonne formation, à la fois claire, complète et concise ... nickel !
p.germain
Il y a 4 years
Commentaire
Formation extrêmement claire !!! Débutante, je vais pouvoir me lancer concrètement dans mes créations ! Merci !!
Je la recommande vivement !!
marq.sab
Il y a 4 years
Commentaire
Merci pour cette formation structurée et efficace. Les exemples sont concrets, les conseils pour améliorer son efficacité sont convaincants. Les fonctionnalités de partage permettent d'organiser un développement collectif où chacun se sent responsable. Cela donne très envie d'utiliser ce produit Adobe. Excellent!
christian.lepiney
Il y a 4 years
Commentaire
Progression limpide - Merci
vincentpeterlongo_1
Il y a 4 years
Commentaire
Excellente pédagogie, très clair, concis. Merci pour ce cours qui sera très utile aux débutants.