Animate : niveau 1
Formations longues
Initiation
5 jours (35 heures)
Paris
Imprimer
Produire des bannières publicitaires et des animations en HTML5
Téléchargez le programme de cette formationObjectifs
Définir les caractéristiques d'une animation HTML5
Comprendre les contraintes de production
Animer avec les symboles sur les différents scénarios
Développer une méthode de travail efficace
Produire et publier des bannières et des animations interactives
Comprendre les contraintes de production
Animer avec les symboles sur les différents scénarios
Développer une méthode de travail efficace
Produire et publier des bannières et des animations interactives
Pour qui ?
Graphistes, webdesigners, chefs de projet…
Code dokélio :
Code dokélio :
Prérequis
Il est indispensable de savoir gérer les calques dans Photoshop ou Illustrator.
Compétences acquises:
Produire des bannières publicitaires et des animations en HTML5
Compétences acquises:
Produire des bannières publicitaires et des animations en HTML5
Programme
MOD - Animate : niveau 1
Définir les caractéristiques d'une animation HTML5
• Utiliser ActionScript 3 ou HTML5 Canvas
• Décrire le rôle de la balise Canvas et des fichiers : .fl a, .HTML, .js
• Distinguer les formats d'images (SVG, JPG, PNG) pour améliorer la qualité
• Acquérir un vocabulaire technique pour se repérer dans l'interface
➔ Quiz de compréhension
Comprendre les contraintes de production
• Comprendre le rôle des symboles : clip, graphique, bouton
• Utiliser des occurrences pour réduire le poids du fi chier
• Structurer son fi chier pour un gain de temps en production
• Tester une animation dans l'environnement Web
➔ Exercice : préparer un gabarit d'animation / Travailler avec des occurrences de symbole
Animer avec les symboles sur les différents scénarios
• Obtenir des rendus saccadés : image par image
• Obtenir une fluidité : interpolation classique, mouvement, forme
• Animer des éléments sur des trajectoires
• Améliorer la fluidité par des courbes d'accélération
• Ajouter des effets de couleur et des filtres
• Palier les contraintes d'affichage des navigateurs
• Dévoiler un élément via un masque animé
• Associer une police pour le Web (Typekit) aux animations
• Importer du son
➔ Exercice : créer des animations pour maîtriser chaque fonctionnalité découverte
Développer une méthode de travail efficace
• Élaborer un storyboard graphique et technique
• Estimer le temps de réalisation
• Préparer les médias figurant dans l'animation
• Modifier rapidement le rythme d'une animation
• Mettre à jour efficacement les éléments : image, texte, vecteur
• Choisir la publication : Web, plasma, digital publishing, bannières
• Décliner les formats publicitaires
➔ Exercice : apporter des modifications (rythme, mise à jour d'éléments) sur des animations conçues pendant la formation
Produire et publier des bannières ou des animations interactives
• Évaluer les contraintes des régies publicitaires : formats et poids des bannières
• Créer des boutons
• Contrôler une animation avec des actions de base en JavaScript
• Affecter un lien URL
• Ajouter la variable clickTAG
• Gérer le nombre de boucles
• Rendre les mentions légales accessibles
• Préparer un GIF ou un JPG de backup
• Régler les paramètres de publication
• Créer un diaporama
• Publier l'animation
• Optimiser le poids du fichier pour la livraison
• Exporter l'animation au format vidéo
• Gérer l'affichage responsive
➔ Exercice : réaliser et publier une série de bannières publicitaires à partir d'un storyboard
• Utiliser ActionScript 3 ou HTML5 Canvas
• Décrire le rôle de la balise Canvas et des fichiers : .fl a, .HTML, .js
• Distinguer les formats d'images (SVG, JPG, PNG) pour améliorer la qualité
• Acquérir un vocabulaire technique pour se repérer dans l'interface
➔ Quiz de compréhension
Comprendre les contraintes de production
• Comprendre le rôle des symboles : clip, graphique, bouton
• Utiliser des occurrences pour réduire le poids du fi chier
• Structurer son fi chier pour un gain de temps en production
• Tester une animation dans l'environnement Web
➔ Exercice : préparer un gabarit d'animation / Travailler avec des occurrences de symbole
Animer avec les symboles sur les différents scénarios
• Obtenir des rendus saccadés : image par image
• Obtenir une fluidité : interpolation classique, mouvement, forme
• Animer des éléments sur des trajectoires
• Améliorer la fluidité par des courbes d'accélération
• Ajouter des effets de couleur et des filtres
• Palier les contraintes d'affichage des navigateurs
• Dévoiler un élément via un masque animé
• Associer une police pour le Web (Typekit) aux animations
• Importer du son
➔ Exercice : créer des animations pour maîtriser chaque fonctionnalité découverte
Développer une méthode de travail efficace
• Élaborer un storyboard graphique et technique
• Estimer le temps de réalisation
• Préparer les médias figurant dans l'animation
• Modifier rapidement le rythme d'une animation
• Mettre à jour efficacement les éléments : image, texte, vecteur
• Choisir la publication : Web, plasma, digital publishing, bannières
• Décliner les formats publicitaires
➔ Exercice : apporter des modifications (rythme, mise à jour d'éléments) sur des animations conçues pendant la formation
Produire et publier des bannières ou des animations interactives
• Évaluer les contraintes des régies publicitaires : formats et poids des bannières
• Créer des boutons
• Contrôler une animation avec des actions de base en JavaScript
• Affecter un lien URL
• Ajouter la variable clickTAG
• Gérer le nombre de boucles
• Rendre les mentions légales accessibles
• Préparer un GIF ou un JPG de backup
• Régler les paramètres de publication
• Créer un diaporama
• Publier l'animation
• Optimiser le poids du fichier pour la livraison
• Exporter l'animation au format vidéo
• Gérer l'affichage responsive
➔ Exercice : réaliser et publier une série de bannières publicitaires à partir d'un storyboard