Techniques d'animation Animate : bannières et animations

Produire des bannières publicitaires et des animations interactives en HTML5

Objectifs

→ 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

Public concerné

Graphistes, webdesigners, chefs de projet…

Pré-requis

Il est indispensable de savoir gérer les calques dans Photoshop ou llustrator.

Programme

Définir les caractéristiques d‘une animation HTML5

  • Identifier son fichier de départ : HTML5, Canvas ou JSON
  • Distinguer les formats d‘images (SVG, JPG, PNG) pour améliorer la qualité
  • Lister les rendus obtenus en fonction du type d‘animation
  • 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 fichier
  • Structurer son fichier pour un gain de temps en production

 

Exercice : préparer un gabarit d‘animation pour faciliter la production et 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
  • Dévoiler un élément via un masque animé
  • Associer une police pour le Web (Typekit) aux animations
  • Importer de la vidéo et du son

 

Exercices progressifs 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 éléments 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 et 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 HTML5
  • Utiliser les fragments de code pour faciliter l‘écriture
  • Affecter un lien URL et la variable clickTAG
  • Gérer le nombre de boucles
  • Rendre les mentions légales accessibles
  • Préparer un GIF ou un JPG de backup
  • Publier l‘animation
  • Optimiser le poids du fichier pour la livraison

 

Exercices : réaliser et publier une infographie interactive et une série de bannières publicitaires en partant d‘un storyboard

Méthodes pédagogiques

Alternance de théorie, de démonstrations et de mise en pratique grâce à de nombreux exercices.

Moyens techniquesMoyens spécifiques à cette formation :

→ Logiciels : Animate, Photoshop, Illustrator


Moyens génériques :

  • d’un poste de travail Mac ou PC de dernière génération équipé d’un écran plat 21” ou 27”
  • d’une tablette graphique
  • d’un iPad sur demande
  • d’une connexion très haut débit à Internet
  • d’une clé USB de 8 Go offerte en début de formation
  • Le poste du formateur est relié à un système de vidéo projection
  • 8 participants maximum par stage
  • 9 participants pour les formations certifiantes
  • Toutes les formations sont dispensées sur les dernières versions officielles de chaque logiciel
  • Un support de cours ou un livre est remis à l’issue des principaux stages
Suivi
  • Chaque apprenant bénéficie d’une hotline gratuite et illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Webdesigner ayant plus de 10 ans d‘expérience en enseignement.

Marketing Digital
Web
Médias sociaux
Voir toutes les formations

Animate : bannières et animations

5 jours 35 heures 2 100 € HT

Sélectionner une date dans la liste :

Vous devez sélectionner une date

Sélectionner votre profil :

Vous devez sélectionner votre profil

Animate : bannières et animations

5 jours 35 heures 6 450 €HT*

* À partir de

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis
L'avis des participants
Qu'avez-vous préféré pendant ce stage : "tout (du début à la fin)"
Nathalie P. - Traffic manager chez Bayard Média (session du 12 au 16 juin 2017)
Excellente formation, très dense mais très riche en information et en manipulation.
Laurence D. - Graphiste chez BNP Paribas (session du 20 au 24 février 2017)
Très complet, on a passé en revu les bases du logiciel (théorique) et beaucoup de pratique.
Chloé B. - Graphiste chez MTV Networks (session du 28 novembre au 2 décembre 2016)