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

Techniques d'animation Google Web Designer

Produire des bannières publicitaires animées et interactives en HTML5

Icon2018 module presentiel
ObjectifsDéfinir les caractéristiques d’une bannière HTML5Créer des bannières animéesEnrichir une bannière avec des composantsAjouter de l’interactivitéPublier des bannières et les diffuser
Public concernéGraphistes, webdesigners, chefs de projet…
Pré-requisIl est nécessaire de savoir gérer les calques dans Photoshop pour suivre cette formation.
Programme

Définir les caractéristiques d’une bannière HTML5

Découvrir les différents formats des bannières : classiques, extensibles, interstitiels

Évaluer les contraintes des régies publicitaires : formats et poids des bannières

Acquérir un vocabulaire technique pour se repérer dans l’interface

Concevoir une page ou une annonce adaptée à plusieurs tailles d’écran

Utiliser un modèle existant

Créer un modèle personnalisé

Exercice : préparer un gabarit d’animation

Créer des bannières animées

Structurer son fichier pour gagner du temps en production

Préparer et optimiser les médias

Créer une animation en mode rapide

Affiner l’animation en mode avancé

Maîtriser les propriétés d’éléments : translation, rotation, échelle, opacité

Ajouter et formater un texte

Définir une police Google Fonts

Enregistrer et personnaliser les échantillons de couleurs

Paramétrer les dégradés

Améliorer la fluidité par des courbes d’accélérations personnalisables

Manipuler les outils 3D

Modifier et appliquer un style CSS

Créer une animation imbriquée

Modifier rapidement le rythme d’une animation

Tester la bannière dans un environnement Web

Exercice : réaliser progressivement une série de bannières classiques

Enrichir une bannière avec des composants

Créer un tag pour mieux se repérer dans le code

Ajouter un composant vidéo

Paramétrer une vidéo adaptée aux navigateurs pour mobile

Ajouter un composant audio

Ajouter une galerie d’images

Utiliser les API externes : YouTube, Google Maps…

Exercice : réaliser des bannières extensibles et “ interstitielles ” intégrant des composants

Ajouter de l’interactivité

Créer des zones cliquables

Ajouter des événements de souris et tactiles

Contrôler une animation séquentielle avec des actions prédéfinies

Personnaliser les actions

Affecter un lien URL

Ajouter la variable clickTAG

Gérer le nombre de boucles

Exercice : créer de l’interactivité sur différentes bannières

Publier des bannières et les diffuser

Adapter l’affichage et l’orientation pour mobiles et tablettes

Publier en local, via Google Drive et DoubleClick Studio

Modifier le code dans la vue Code

Modifier l’environnement publicitaire selon les contraintes des régies

Importer des données dynamiques pour optimiser le poids du fichier

Assembler les fichiers pour la livraison

Exercice : publier, diffuser et livrer les bannières selon les contraintes des régies publicitaires

Méthodes pédagogiquesLogiciels : Google Web Designer, Photoshop…
Moyens techniquesMoyens spécifiques à cette formation :Alternance de théorie, de démonstrations et de mise en pratique grâce à de nombreux exercices.

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

Google Web Designer

3 jours 21 heures 1 550 € HT

Sélectionner une date dans la liste :

Vous devez sélectionner une date

Sélectionner votre profil :

Vous devez sélectionner votre profil

Google Web Designer

3 jours 21 heures 1 290 €HT*


* Prix par jour (à 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