CATALOGUE Code & Data Formation Edge Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs

Intégration d'un Pointeur Personnalisé dans Edge Animate

Retour à la formation
Chapitre 35 Leçon 3
Précédent
Suivant

Apprenez à créer et intégrer un pointeur personnalisé à partir d'une image dans Edge Animate.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous vous montrerons comment intégrer une forme de pointeur personnalisée à partir d'une image créée par vous-même, en utilisant Edge Animate. Vous commencerez par créer une image dans votre logiciel graphique préféré, idéale pour un pointeur. Il est important de noter que l'image doit avoir des dimensions maximales de 128x128 pixels pour être correctement reconnue par le navigateur.

Ensuite, nous vous guiderons à travers le processus de mise en place de la CSS nécessaire dans Edge Animate. Vous verrez comment appliquer des styles automatiques aux boutons pour générer la CSS et personnaliser le pointeur pour chaque élément individuellement. Le format PNG est recommandé pour préserver la transparence de l'image. Finalement, vous apprendrez à intégrer le curseur personnalisé dans le code et à tester votre travail pour vérifier le résultat final.

Objectifs de cette leçon

Cette vidéo a pour objectif de vous apprendre à :

  • Créer et utiliser une image comme pointeur.
  • Intégrer un pointeur personnalisé dans Edge Animate.
  • Appliquer et tester la CSS pour des curseurs spécifiques.

Prérequis pour cette leçon

Avant de suivre cette vidéo, il est recommandé de :

  • Avoir des notions de base en CSS et HTML.
  • Connaître les fondamentaux de l'utilisation d'un logiciel de graphisme comme Photoshop.
  • Disposer d'Edge Animate installé sur votre ordinateur.

Métiers concernés

Cette technique peut être utile pour les :

  • Développeurs Web
  • Graphistes
  • Concepteurs UI/UX

Alternatives et ressources

Des alternatives à Edge Animate incluent :

  • Adobe Animate : pour les animations riches et interactives.
  • CSS pur : pour des effets plus simples sans l'utilisation de logiciels d'animation spécifiques.
  • JavaScript : pour un contrôle plus précis et des animations complexes.

Questions & Réponses

La dimension maximale est de 128x128 pixels. Toute image de dimensions supérieures ne sera pas reconnue par le navigateur.
Le format PNG est recommandé pour les pointeurs personnalisés car il préserve la transparence de l'image, ce qui est crucial pour de nombreux curseurs.
La CSS est utilisée pour définir le style du pointeur, en spécifiant l'image personnalisée à utiliser et en appliquant les propriétés nécessaires à chaque élément interactif.