M2i Formation

Web et Mobile Design - Animation Web

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

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 Chaillot01/10/20181 020 € HTDates proposées dans les agences M2iRéserver

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

Metz01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Mulhouse01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Nancy01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Reims01/10/20181 020 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Caen01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Évreux01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Le Havre01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Lille01/10/20181 020 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Dijon01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Grenoble01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Lyon01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne01/10/20181 020 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Bordeaux01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Orléans01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Tours01/10/20181 020 € HTDates proposées dans les agences M2iRéserver

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

Aix-en-Provence01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Montpellier01/10/20181 020 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis01/10/20181 020 € HTDates proposées dans les agences M2iRéserver

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