Utilisation de Typekit pour des Polices Professionnelles
Apprenez à utiliser des polices Typekit professionnelles au-delà des familles gratuites proposées par Edge WebFont et Google WebFont en suivant les étapes simples proposées dans ce tutoriel.
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
Dans cette leçon, vous allez découvrir comment configurer et utiliser des polices professionnelles via Typekit dans vos projets web. Vous apprendrez à souscrire au service Typekit, à créer des catalogues de polices, et à intégrer ces polices dans vos animations Edge. Le tutoriel vous guide pas à pas pour configurer votre compte sur typekit.com et pour ajouter les codes nécessaires à votre projet. Une fois les polices sélectionnées, vous verrez comment les intégrer directement dans votre bloc de texte sur Edge en utilisant les paramètres de propriété. Ce processus inclut également la gestion de domaines autorisés, l'ajout de polices de secours, et la publication des polices pour une utilisation Web. Ce tutoriel est essentiel pour les créateurs de contenu numérique cherchant à enrichir visuellement leurs projets avec des typographies variées et professionnelles.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
1. Apprendre à configurer un compte Typekit.
2. Créer et gérer des catalogues de polices.
3. Intégrer des polices Typekit dans des animations Edge.
4. Publier des polices pour utilisation en ligne.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en développement web et en utilisation des outils Adobe, notamment Edge et Creative Cloud.
Métiers concernés
Les métiers concernés par ce sujet incluent les développeurs web, designers graphiques, et créateurs de contenu digital cherchant à améliorer la typographie de leurs projets pour un rendu plus professionnel.
Alternatives et ressources
En alternative à Typekit, vous pouvez utiliser d'autres services de polices tels que Google WebFont ou Edge WebFont, bien que ces services offrent un choix de polices plus limité en comparaison des options premium de Typekit.
Questions & Réponses
