SVG et les animations
9 4,6/5
2 jours
Perfectionnement / Avancé
Présentiel
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.
Programme
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
