01 40 26 00 99 15 rue de turbigo - 75002 Paris Nous contacter

Techniques d'animation Animate : bannières

Produire des bannières publicitaires en HTML5 pour un affichage multi écran

Objectifs

→ Définir les caractéristiques d‘une bannière publicitaire
→ Comprendre les contraintes de production
→ Animer avec les symboles sur les différents scénarios
→ Gérer les modifications client d‘une bannière publicitaire
→ Produire et publier des bannières interactives

Public concerné

Graphistes, webdesigners, traffic managers, chefs de projet…

Pré-requis

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

Programme

Définir les caractéristiques d‘une bannière publicitaire 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

 

Quiz de compréhension

Comprendre les contraintes de production

  • Expliquer les formats et les poids définis par l‘IAB
  • Présenter un storyboard graphique et technique
  • Structurer son fichier pour un gain de temps en production
  • Comprendre le rôle des symboles : clip, graphique, bouton
  • Utiliser des occurrences pour réduire le poids du fichier

 

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, 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 aux animations (Typekit)

 

Exercice : reproduire, par étapes progressives, des bannières

Gérer les modifications client d‘une bannière publicitaire

  • Préparer les éléments figurant dans l‘animation
  • Modifier rapidement le rythme d‘une animation
  • Mettre à jour facilement les éléments : image, texte, vecteur
  • Décliner les formats publicitaires

 

Exercice : apporter des modifications sur des bannières conçues pendant la formation (rythme, mise à jour d‘éléments)

Produire et publier des bannières interactives

  • Estimer le temps de réalisation
  • Créer un bouton transparent
  • Rendre les mentions légales accessibles
  • Affecter un lien URL et la variable clickTAG
  • Ajouter une boucle
  • Préparer un GIF ou JPG de remplacement
  • Publier l‘animation pour une régie publicitaire
  • Optimiser le poids du fichier de livraison

 

Exercice : réaliser une bannière publicitaire de A à Z à partir d‘un storyboard graphique et la publier

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 formateurWebdesigner ayant plus de 10 ans d‘expérience en enseignement.
Marketing Digital
Web
Médias sociaux
Voir toutes les formations

Animate : bannières

3 jours 21 heures 3 870 €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
Très utile pour mettre en application la méthodologie et les bonnes pratiques, avec une connaissances des usages.
Nathalie B. - Maquettiste infographique chez Yves Rocher (session du 22 au 24 mai 2017)