fff

Combien de stagiaires suivront cette formation ?


Valider Annuler

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Public concerné

Graphistes, webdesigners, chefs de projet…

Prérequis

Il est indispensable de savoir gérer les calques dans Photoshop ou Illustrator.

Objectifs de formation

  • 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

Programme de votre formation

  1. #

    M2I START AVANT VOTRE FORMATION

    Contextualisation du projet de formation et prise en compte des besoins de chacun

    • Positionnement initial de l’apprenant par rapport aux objectifs
    • Définition des priorités et des objectifs personnels de l’apprenant
    • Vidéos de mise en situation
    • Accès au Chat interactif myM2i pour interagir avec les membres de son groupe
    m2i_start_logo
  2. #

    M2I LIVE VOTRE FORMATION ANIMÉE PAR NOTRE EXPERT ¹

    Programme

    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é

    Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

    m2i_live_logo
  3. #

    M2I BOOST APRÈS VOTRE FORMATION

    Réactivation et consolidation des acquis en situation de travail

    • 30 jours d’accompagnement personnalisé sur myM2i inclus ²
    • Ressources Boosters (Abonnement au M2i’Mag Soft Skills, formations offertes, invitations aux conférences d’actualité…)
    m2i_boost_logo
  1. ¹ Les actions et les outils présentés dans ce programme le sont à titre indicatif et peuvent faire l’objet d'adaptation selon les niveaux, prérequis et besoins des apprenants. Les compétences clés de ce programme sont traitées à raison d'une compétence par demi-journée de formation.
  2. ² Sur myM2i, pendant 30 jours post-fin de formation, les apprenants disposent d’une messagerie sécurisée pour échanger, dans la limite de 4 sollicitations, avec leur formateur.

Modalités, méthodes et moyens pédagogiques

Modalités d'évaluation : évaluation en 3 phases :

Pendant la formation : un bilan journalier effectué par l'intervenant.
À chaud : à la fin de la formation, un bilan qualité pour mesurer l'atteinte des objectifs.
À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle.

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.
Formation en distanciel : il est recommandé de se munir d'un double écran. Photoshop, Illustrator et Animate doivent être installés sur vos ordinateurs.

Équipe pédagogique et techniques pédagogiques :

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.
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.

Modalités d’évaluation des acquis

Évaluation en 3 phases : Pendant la formation : un bilan journalier effectué par l'intervenant À chaud : à la fin de la formation, un bilan qualité pour mesurer l'atteinte des objectifs À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle

Accessibilité de la formation

Le groupe M2I s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont consultables sur la page Accueil Handicap

Modalités et délais d’accès à la formation

Les formations M2I sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 12 jours ouvrés.

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

En INTRA-ENTREPRISE

Tarif : à partir de 6 885 € HT.

Prix pour un groupe de 12 personnes max.

Contactez-nous

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.