Adobe Edge Animate - Animation avancée

Adobe Edge Animate
Animation avancée

Créez des projets ou des contenus interactifs en HTML5 et JavaScript
Sites web, publicités multimédias, supports pédagogiques, présentations attrayantes.... Diffusez vos animations multi support sur le web

Objectifs

Maîtriser l’interface.
Optimiser les médias SVG.
Etre capable de créer des animations responsives.
Synchroniser des animations et programmer JavaScript.

3 jours ( 21h )Durée

MUL-011Référence

Public

Graphiste, webmaster, ou toute autre personne en charge de la création et de l’animation de pages pour le Web.

Prérequis

Connaissances de Photoshop et Illustrator HTML et CSS.

Programme

  • Présentation
  • Gestion de l’interface : optimiser son espace de travail
  • Paramétrer les propriétés d’un projet
  • Gestion des médias SVG
  • Préparer le fichier SVG dans Illustrator
  • Utiliser les fichiers avec des fonctions avancées
  • Importer dans Edge Animate
  • Faire la liaison avec la librairie Edge Commons
  • Écrire les actions pour animer le SVG
  • Ajouter un preloader SVG
  • Exporter et publier sur une page web
  • Rappel des notions théoriques de programmation
  • Coder avec la console
  • Ajouter des commentaires
  • Référence JavaScript et syntaxe
  • Importer la bibliothèque JQuery
  • Utiliser les sélecteurs CSS
  • Les fonctions courantes JavaScript
  • Inspecter le code dans votre navigateur
  • Utiliser la console du navigateur
  • API de Edge Animate
  • Coder des actions courantes dans Animate
  • Agir sur le scénario
  • Agir sur le texte
  • Sélectionner un symbole ou un élément
  • Afficher/masquer un élément
  • Créer ou supprimer un élément
  • Agir sur les propriétés CSS
  • Créer des liens hypertextes
  • Les événements
  • Les différents événements : souris, clavier
  • Le déplacement de la souris
  • Les événements tactiles
  • Gestion des touches du clavier
  • L'événement Scroll
  • Les événements liés à la scène principale
  • Techniques avancées
  • Importer une CSS externe
  • Utiliser des classes
  • Importer des JavaScript externes
  • Utiliser des composants JQuery
  • Typographie
  • Intégrer les polices Google fonts
  • Utiliser la police de caractère Awesome
  • Utiliser un symbole pour Awesome
  • Gérer du texte en dynamique
  • Animation synchronisée et Responsive
  • Mettre en place le Responsive Edge Project
  • Placer plusieurs animations Edge sur une page
  • Placer des animations sur une page existante
  • Synchroniser les animations
  • Export avancé
  • Créer une application PhoneGap Build avec Edge Animate
  • Créer des packages Animate
  • Importer des packages dans Wordpress

En savoir plus

Responsable pédagogique : Michèle GUERRIN
  • Profil de l'intervenant
  • Les formateurs Onlineformapro spécialisés Multimédia sont sélectionnés, homologués, formés et supervisés selon un processus Qualité mis en œuvre par la direction pédagogique.
  • Moyens pédagogiques
  • Alternance d’apports théoriques et mise en pratique sur des cas concrets qui assurent l'acquisition d'un savoir-faire pour une mise en production aisée et immédiate.
  • Modalités d'évaluation
  • Des évaluations formatives réalisées en cours de formation.
    Une évaluation de satisfaction est réalisée fin de parcours.
    A l’issue de la formation, une attestation de formation est fournie à chaque participant.
  • 100 % de maintien de sessions garanties

Prochaine session

Nous consulter

Une question ?

* = Champs obligatoires

  • guillemets Tout se passe très bien avec les équipes de développement d'Onlineformapro, c’est un bonheur.
     
    La qualité de la relation (courtoisie, disponibilité) s’ajoute à la prestation technique qui est très qualitative. guillemets

    Béatrice Andréani - Société Alinéa     

  • guillemets J'ai retenu Onlineformapro tout simplement parce qu'ils sont "inégalables".
     
    Leur réactivité, disponibilité; la simplicité de l'outil et en même temps sa puissance. Je n'ai rien trouvé de mieux sur le marché. guillemets

    Jacky Portal - ESTC Marseille   

  • guillemets Nous avons retenu Onlineformapro pour différentes raisons : la convivialité et la souplesse d’organisation du LMS, la personnalisation possible de la plateforme collant parfaitement à notre mode de fonctionnement très atypique. guillemets

    Laurent Laval - Movadis  


  • guillemets La solution Onlineformapro est une solution "tout en un" pratique facile à utiliser et à piloter.

    Nous bénéficions à la fois d'une plateforme de gestion d'apprenants facile à administrer avec des contenus sur étagère adaptés, d'une plateforme collaborative pratique et évolutive et d'outils auteur correspond parfaitement à nos attentes.

    Ces outils nous ont permis de gagner énormément de temps. guillemets

    Marion Flautre - ESC Amiens   

  • guillemets Nous avions déjà eu l’occasion de travailler avec Onlineformapro sur d’autres projets et avons été satisfaits par leur réactivité et leur créativité. guillemets

    Lydia David Duluc - Banque Populaire   

  • guillemets La solution Onlineformapro est conviviale, elle respecte les pratiques pédagogiques de nos formateurs.

    La mise à jour permanente garantit la pérennité de notre investissement. guillemets


    Romuald Mignot - DGD Formation  

  • guillemets Le graphisme ludique de la solution Onlineformapro nous a vraiment séduit. 

    L’ergonomie et la facilité de réalisation des contenus (formations et évaluations) ont été des éléments déterminants dans le choix de la solution.guillemets


    Pascal Maury - Fiducial Informatique
     

CGV et Tarifs inter-entreprises