À distance
Ref
WM11419

Animate : niveau 1

Produire des bannières publicitaires et des animations en HTML5 avec Adobe Animate CC

Initiation
5 jours - 35 heures
À distance
Paris
Formation Animate niveau 1
Dans l'univers web et mobile, Adobe Animate s'est rapidement imposé comme un logiciel de référence en matière d'animation et d'illustration. Vidéos, personnages animés jeux, publicités… Les applications de cet outil protéiforme sont innombrables. PYRAMYD vous propose une formation Animate : niveau 1 afin d'acquérir les bases de ce logiciel accessible aux plus néophytes. Au terme de ce programme de 3 jours, vous serez en mesure de concevoir ou de modifier des éléments vectoriels tels que des illustrations ou des logos. Palette, calques, pinceau, plume et modes couleurs n'auront bientôt plus aucun secret pour vous ! Cette formation Animate : niveau 1 vous est ouverte quel que soit votre profil, avec pour seul prérequis une bonne maîtrise de l'outil informatique.
Objectifs
Définir les caractéristiques d’une animation HTML5
Comprendre les contraintes de production
Animer avec les symboles sur les différents scénarios
Développer une méthode de travail efficace
Produire et publier des bannières et des animations interactives

Compétences acquises
Créer des animations vectorielles et bitmap pour des applications, des sites, des jeux
Public
Graphistes, webdesigners, chefs de projet…

Prérequis
Il est indispensable de savoir gérer les calques dans Photoshop ou Illustrator.
Programme
Pendant
Animate : niveau 1

Définir les caractéristiques d'une animation HTML5

  • Utiliser les modes ActionScript3 ou HTML5 et analyser les différences à la publication
  • Découvrir la balise Canvas dans le HTML5 et le rôle des fichiers .fla, .js, html
  • Créer un document Animate et tester une animation en mode AS3 ou HTML5
  • Paramétrer le package de publication HTML5 : responsivité dans le navigateur, formats d'images (SVG, JPG, PNG), optimisation à la publication (utilisation des spritesheet), paramétrage du HTML et du JavaScript
  • Quiz de compréhension

Appréhender l’interface

  • Découvrir et agencer les panneaux
  • Sauvegarder et restaurer l’espace de travail

Gérer le design dans un document Animate

  • Différencier design bitmap et vectoriel
  • Convertir les différents types de design
  • Découvrir les outils dédiés aux formes vectorielles en mode trait ou remplissage
  • Manipuler les vecteurs
  • Comprendre les différents objets graphiques vectoriels
  • Mettre à profit les outils de dessin
  • Exercices : créer une illustration simple / Importer une illustration, la vectoriser et la préparer en vue d’une animation

Animer au sein de scénarios multiples

  • Créer des symboles clips, graphique et boutons
  • Comprendre l’importance des occurrences de symboles et le concept des scénarios imbriqués
  • Découvrir et manipuler l’affichage du scénario
  • Gérer les images clés sur le scénario
  • Répartir des éléments sur des calques ou des images clés
  • Choisir un mode d’animation : image par image, par interpolation de forme ou de symboles
  • Animer sur des trajectoires
  • Animer avec des masques
  • Améliorer le dynamisme et la fluidité des animations avec des courbes d’accélération
  • Ajouter des effets de couleur et des filtres
  • Associer une police pour le Web (Typekit) aux animations
  • Dynamiser une animation avec une caméra
  • Aller plus loin avec les profondeurs et le parentage de calques
  • Importer et utiliser du son
  • Utiliser l’outil de synchronisation labiale
  • Exercices : créer des animations pour maîtriser chaque fonctionnalité découverte

Développer une méthode de travail efficace

  • Travailler sur la base de story-boards
  • Préparer les médias en amont : formatage des fichiers Photoshop et Illustrator
  • Travailler automatiquement une animation (calques, symboles) de la structure à l’importation
  • Mettre à jour des éléments graphiques
  • Utiliser un calque et un symbole modèle
  • Intervertir des symboles
  • Préparer un gabarit d’animation
  • Exercice : créer une animation à partir d’un fichier Photoshop formaté / mettre à jour l’animation à partir de modifications effectuées dans Photoshop

Produire et publier des bannières publicitaires ou des animations interactives

  • Évaluer les contraintes des régies : formats et poids des bannières
  • Créer des boutons
  • Contrôler une animation avec des actions de base en JavaScript
  • Affecter un lien URL en JavaScript sur le scénario
  • Ajouter une gestion clickTag, un contour à la bannière en CSS dans le code HTML
  • Créer un nouveau modèle de publication HTML à partir du code modifié
  • Gérer le nombre de boucles
  • Rendre les mentions légales accessibles
  • Préparer un GIF ou un JPG de backup
  • Régler les paramètres de publication
  • Publier l'animation
  • Optimiser le poids du package HTML5 pour la livraison
  • Exercice : réaliser et publier un master de bannière publicitaire à partir d’un story-board / Apprendre à décliner différents formats à partir d’une animation master

Profiter des formats de publication alternatifs

  • Exporter au format vidéo avec la liaison à Adobe Media Encoder
  • Exporter et optimiser un gif animé
Financement

Plusieurs dispositifs de financement sont accessibles via les OPCO (Opérateurs de Compétences), organismes agréés par le ministère du Travail dont le rôle est d’accompagner, collecter et gérer les contributions des entreprises au titre du financement de la formation professionnelle.

Pour plus d’information, une équipe de gestionnaires ABILWAYS spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.

Nous contacter pour en savoir plus

Points forts
Nos intervenants
default_image_intervenant.png
Webdesigner ayant plus de 10 ans d’expérience en enseignement.
Modalités pédagogiques
Matériel et/ou logiciels nécessaires pour suivre cette formation : Formation en présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation.Si vous utilisez votre ordinateur personnel ( pour formation en présentiel ou classe virtuelle), merci d'installer au préalable : LA SUITE ADOBE 2022 ( illustrator, photoshop, premiere) et google navigateur par défaut. - Il est recommandé de se munir d'un double écran.Équipe pédagogique :Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.Techniques pédagogiques :Alternance de théorie, de démonstrations par l’exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs. Exercices, études de cas et cas pratiques rythment cette formation.Ressources pédagogiques :Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.
Avis sur cette formation
★★★★★
★★★★★
4.1111/5
(9 avis)
anonymous a.
publié le 07/10/2021
2/5
D'après le descriptif de la formation, je m'attendais à ce que l'on pratique plus de bannières animées. Finalement c'était prévu pour une journée et cela a été raccourci sur une demi-journée. J'ai le sentiment que l'on a parfois passé trop de temps à réaliser/dessiner directement sur l'outil et pas suffisamment fait d'animation. Malgré ça le formateur était à l'écoute.
Commentaire publié le 01/10/2021
Merci pour votre commentaire, ce qui est important, c’est d’acquérir les concepts fondamentaux qui servent à tous types d’animations, dont les bannières. Pour la spécificité des formats pubs, ce sont surtout des contraintes très techniques (insertion du code clicktag, optimisation du poids des packages html5…).En effet sur cette session 2 personnes sur 5 avaient des besoins en ce sens, l'intervenant à donc priorisé l'apprentissage en fonction des participants.Nous comprenons votre avis et nous assurerons d'avoir 1 journée sur les bannières à l'avenir.
anonymous a.
publié le 07/09/2021
5/5
quoique un peu court sur 3 jours, la formation est riche, dense et tres enrichissante.
anonymous a.
publié le 16/06/2021
5/5
Très bien, conforme à mes attentes, je recommande !
anonymous a.
publié le 16/06/2021
2/5
Pédagogie beaucoup trop rapide pas structurée pour un niveau 1 malgré l'adaptation du formateur
anonymous a.
publié le 08/12/2020
4/5
Le formateur à fait de son mieux à distance. Mais la différence de niveau des pré-requis étaient parfois un frein, cela ajouter au différence Mac/PC et le distanciel. La formation était un bon début.
anonymous a.
publié le 08/12/2020
4/5
Bonne formation intense
anonymous a.
publié le 26/02/2020
5/5
Une formatrice hyper compétente. Très très pédagogue. Au top
anonymous a.
publié le 26/02/2020
5/5
Super formation avec une formatrice au top ! Très pédagogue et qui sait s'adapter à tous ces élèves !
anonymous a.
publié le 24/12/2019
5/5
Qualité du formateur
Date de mise à jour : 25/01/2024