M2i Formation

Google Web Designer - Créer des bannières publicitaires animées

Web et Mobile Design - Animation Web

Présentiel

2 jours (14 heures) - GOO-DES

Accueil  ›  Formations Multimédia  ›  Web et Mobile Design  ›  Animation Web  ›  Google Web Designer - Créer des bannières publicitaires animées

Objectifs pédagogiques

  • Concevoir et réaliser des publicités au format HTML
  • Utiliser des fichiers Photoshop et Illustrator pour améliorer le workflow
  • Animer des textes, images bitmaps et vectorielles
  • Intégrer des médias riches
  • Exporter et optimiser les animations dans le respect des normes de l'IAB
  • Publier les annonces publicitaires en HTML 5 dans le respect des normes IAB et Google DoubleClick.

Niveau requis

Avoir des connaissances de base de l'environnement HTML / CSS. Avoir la pratique courante d'un logiciel de dessin vectoriel et bitmap est souhaitable.

Public concerné

Webmasters, maquettistes, infographistes, responsables de communication, chefs de projets et responsables de campagne multicanal.

Paris Chaillot28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Paris Chaillot04/07/20191 160 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Metz28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Mulhouse28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Nancy28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Reims28/01/20191 160 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Caen28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Évreux28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Le Havre28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Lille28/01/20191 160 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Dijon28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Grenoble28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Lyon28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne28/01/20191 160 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Bordeaux28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Orléans28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Tours28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Bordeaux04/07/20191 160 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Aix-en-Provence28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Montpellier28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis28/01/20191 160 € HTDates proposées dans les agences M2iRéserver
Aix-en-Provence04/07/20191 160 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Les annonces

  • Bannières
  • Annonces extensibles
  • Annonces interstitielles
  • Orienter pour les mobiles / repositionner
  • Créer un modèle personnalisé
  • Annonces dynamiques

Créer une annonce

  • Créer un document
  • Utiliser un modèle

Insérer des contenus

  • Texte et Google Fonts
  • Images
  • Vidéo et son
  • Utiliser les outils "Stylo" et "Forme"

Gérer les propriétés des objets

  • Couleurs et dégradés
  • Utiliser la vue "Code"
  • Modifier les styles CSS

Les outils 3D

  • Modifier la vue 3D
  • Pivoter
  • Déplacer

Mise en page réactive

  • Le panneau "Réactif"
  • Media Queries
  • Points d'arrêt
  • Utilisation de la grille
  • Mise en page fluide : alignement des éléments
  • Redimensionnement de la fenêtre

Animer

  • Mode rapide, mode avancé
  • Travail en mode "Scène"
  • Calques d'éléments
  • Easing
  • Animations imbriquées
  • Boucles

Gérer les éléments

  • Bibliothèques locale et DoubleClick Studio
  • Groupes et encapsulations

Les composants

  • Composants d'interactivité : zone cliquable, geste, bouton...
  • Composants "Widget"
  • Composants "API externes" : Google Maps, YouTube...
  • Composants personnalisés
  • API des composants

Les évènements

  • Notion d'évènement
  • Elément cible
  • Repères et libellés d'évènements
  • Actions personnalisées (JavaScript)

Publication

  • Utiliser une image de chargement
  • Annonce ou page HTML
  • Publication locale
  • Publication sur Google Drive
  • Publication sur DoubleClick Studio