CATALOGUE Code & Data Formation Animate CC Maîtriser Adobe Animate CC 2017 Créer une Animation Interactive sur vos Pages Web

Créer une Animation Interactive sur vos Pages Web

Présentation de l'exercice
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser Adobe Animate CC 2017
Revoir le teaser Je m'abonne
Transcription
29,89€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
29,89€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Principe Créatif de l'Animation Interactive

Objectifs

Les objectifs de cette vidéo sont de :

  • Comprendre le principe de l’animation par position de la souris.
  • Savoir comment implémenter cette technique sur une page web.
  • Créer un effet de profondeur grâce à des vitesses de déplacement variées.

Résumé

Apprenez à réaliser des animations interactives utilisant la position de la souris pour ajouter de la profondeur à votre site web.

Description

Dans cette leçon, nous explorerons un principe créatif très populaire qui a émergé ces dernières années sur les pages d'accueil des sites web et dans les en-têtes des pages. Ce principe tire parti de la position de la souris en X et en Y pour repositionner des éléments sur la page, en leur appliquant des vitesses variées. Nous utiliserons trois symboles différents : un palmier, la mer et le ciel, que nous déplacerons à différentes vitesses pour créer un effet de profondeur saisissant, rappelant l'animation traditionnelle.

Vous découvrirez que cette technique est relativement simple à implémenter, nécessitant peu de code, et permettant d'obtenir rapidement un effet visuel captivant. Cette méthode d'animation peut être un atout majeur dans la création d'expériences interactives et engageantes pour les utilisateurs.

Voir plus

Questions - réponses

Quel est l'avantage principal de cette technique d'animation ?
L'avantage principal est qu'elle améliore l'interactivité de la page et crée un effet de profondeur visuelle engageant pour les utilisateurs.
Quels éléments utilisons-nous pour créer cette animation ?
Nous utilisons trois symboles : un palmier, la mer et le ciel, que nous faisons bouger à des vitesses différentes pour créer un effet de profondeur.
Pourquoi cette technique est-elle facile à mettre en œuvre ?
Cette technique est facile à mettre en œuvre car elle nécessite peu de code pour obtenir un effet visuel spectaculaire, ce qui la rend accessible même pour des développeurs avec peu d'expérience.