Comment Ajouter des Hyperliens dans vos Animations
Apprenez à associer des hyperliens à vos objets d'animation pour ouvrir des URL, envoyer des emails, et bien plus.
Présentation
Découverte de Edge Animate
Importer les éléments graphiques
Utiliser la typographie
Placer et aligner les objets
Gérer une interface fluide (responsive design)
Structurer un projet dans le scénario
Exporter le projet
Les filtres
Les rotations
L’échelle, fixe et en pourcentage
Les masques
Les torsions d’objets
Les accélérations
Les dimensions extensibles de la scène avec fond transparent
Les trajectoires
Le lip sync (mouvement de bouche synchronisé)
Le spritesheet (animation sous forme de pellicule)
Placer un contenu alternatif pour anciens navigateurs
Introduction à l’interactivité
Cibler un objet sur la scène
Importer un style CSS
Appeler un URL
Afficher/Masquer les objets
Gérer les variables et les textes dynamiques
Piloter le scénario au clic et à l’aide de conditions
Piloter le scénario à l’aide de commandes de clavier
Gérer l’affichage selon l’orientation des écrans mobiles
Animer un effet parallaxe à l’aide du pointeur en mouvement
Animer un effet parallaxe à l’aide du scroll (défilement de l’ascenseur)
Insérer une vidéo
Réaliser un chapitrage vidéo
Synchroniser les images d’une vidéo sur un effet parallaxe
Intégrer de l’audio
Personnaliser le curseur de la souris
Insérer un iFrame
Personnaliser le chargeur (preloader)
Introduction aux classes HTML5 de GreenSock (2D et 3D)
Introduction aux librairies JQuery Edge Commons
Conclusion
Introduction
Mise en forme
Animation
Interactivité
Annexe
Détails de la leçon
Description de la leçon
Pour créer un hyperlien au sein de votre animation, commencez par sélectionner l'objet sur lequel doit reposer l'action. Vérifiez qu'il possède un nom d'occurrence, puis dans les menus d'action, associez un événement de type clic pour lancer le lien. Vous pouvez directement taper le lien ou invoquer une commande prédéfinie comme 'ouvrir l'URL'.
Si vous souhaitez appeler un site web, utilisez l'URL complète. Pour un appel téléphonique, utilisez le protocole TEL suivi du numéro de téléphone. Pour envoyer un SMS, remplacez TEL par SMS. Pour ouvrir un PDF localisé, invoquez le fichier selon son emplacement spécifique.
Pour envoyer un email, utilisez le protocole mailto suivi de l'adresse email. Pour des applications sur Google Play ou l'App Store, insérez l'URL sécurisée correspondant à chaque store. Testez ensuite sur des périphériques mobiles pour vérifier les fonctionnalités.
Ces actions sont testables et applicables en contexte mobile, permettant notamment de vérifier l'accès à la messagerie, au téléphone et à diverses autres actions développées.
Objectifs de cette leçon
Apprendre à créer et à associer des hyperliens dans des animations pour permettre l'ouverture de pages web, l'envoi de SMS et d'emails, et l'accès à des fichiers PDF et applications mobiles.
Prérequis pour cette leçon
Connaissance de base en développement d'animations et compréhension des protocoles URL et TEL/SMS.
Métiers concernés
Développeur web, designer d'interactions, créateur de contenu multimédia, gestionnaire de plateformes de contenu.
Alternatives et ressources
Utilisation d'autres outils d'animation comme Adobe Animate, After Effects ou des bibliothèques JavaScript pour l'animation.
Questions & Réponses