Evolution MM

Formations à l'informatique
Découvrez la différence ENI

Lien accueil

Téléchargez le Calendrier des formations

Nantes, Rennes, Niort, Nice, Paris

jusqu'à juillet 2018

Rechercher
Rechercher une formation
 

Adobe Edge Animate : créez des animations Web interactives

Public :

  • Toute personne voulant interagir sur un site web en HTML5

Objectifs :

  • Créer des pages HTLM responsive ;
  • Créer des navigations interactives ;
  • Créer des animations interactives ;
  • Créer des animations spritesheet ou lipthink ;
  • Intégrer de la vidéo avec balise HTML 5.

Pré-requis :

  • Connaissance HTML/CSS souhaité ;
  • Connaissance Adobe Flash souhaité.

Contenu pédagogique

Introduction

  • Présentation de la formation
  • Introduction aux animations digitales
  • Les formats

Mise en forme

  • Découverte de l'interface
  • Importer des éléments graphiques
  • Utiliser la typographie
  • Placer et aligner les objets
  • Structurer un projet dans le scénario
  • Exporter le projet

Animation

  • Les filtres
  • Les rotations
  • L'échelle, fixe et en pourcentage
  • Les masques
  • Les accélérations
  • Les dimensions extensibles de la scène
  • Les trajectoires
  • Le lip sync (synchronisation des mouvements de lèvres)
  • Le spritesheet (animation sous forme de pellicule)
  • Placer un contenu alternatif pour anciens navigateurs

Interactivité

  • Introduction à l'interactivité
  • Cibler un objet sur la scène
  • Importer un style CSS
  • Appeler une URL
  • Afficher/Masquer les objets
  • Gérer les variables et les textes dynamiques
  • Piloter le scénario au clic et à l'aide de conditions
  • Piloter le scénario à l'aide de commande de clavier
  • Gérer l'affichage selon l'orientation des écrans mobiles
  • Animer un effet parallaxe à l'aide du pointeur en mouvement
  • Animer un effet parallaxe à l'aide du scroll (défilement de l'ascenseur)
  • Insérer une vidéo
  • Réaliser un chapitrage vidéo
  • Synchroniser les images d'une vidéo sur un effet parallaxe
  • Intégrer de l'audio
  • Personnaliser le curseur de la souris
  • Insérer une Iframe
  • Personnaliser le chargeur (preloader)
  • Introduction aux classes HTML5 de GreenSock (2D et 3D)
  • Introduction aux librairies JQuery Edge Commons
Durée : 4 jour(s)
Tarif : Consultez-nous
Réf : G500-005

Dates des sessions

Nantes (44) Consultez-nous Rennes (35) Consultez-nous Paris (75) Consultez-nous Niort (79) Consultez-nous Nice (06) Consultez-nous in-class™