Formation Edge animate

Edge animate est un outil de développement Web développé par Adobe qui utilise les technologies HTML5, Javascript et CSS3 1 édité par Adobe. Il est disponible en téléchargement gratuit à partir d'Adobe Creative Cloud.

Objectifs de la formation Edge animate :

Apprendre à réaliser des animations compatibles Web et publications digitales Adobe DPS, Aquafadas et iBooks Author, au format HTML5, sans coder. Animer à l'aide de medias bitmaps et vectoriels, à intégrer des vidéos et du son, ainsi que de nombreux effets interactifs tels que les effets parallaxes, la navigation au clavier, l'animation 3D.

Programme de la formation Edge animate :

Introduction

• Prise en main de Edge animate
• Intégration des médias (bitmap, vectoriel, typographies, video, sons)
• Interface de Edge Animate (scénario, éléments, groupes, symboles, actions)
• Exporter une animation Edge en HTML5 pour différents supports (Web, Publication digitale, WebApp, Widget)

Gérer une mise en page

• Réaliser une interface Web responsive
• Réaliser une interface Web centrée
• Placer un contenu alternatif pour anciens navigateurs
• Personnaliser un chargeur (preloader)
• Importer un style CSS
• Adapter l’affichage selon l’orientation

Animer à l’aide du scénario

• Animer les propriétés des éléments (dimensions, filtres, rotations, torsions)
• Ajouter des accélérations
• Utiliser des trajectoires de mouvement
• Utiliser les masques d’écretage

Ajouter de l’interactivité

• Manipuler les propriétés d’un élément
• Piloter le scénario
• Appeler un URL
• Afficher/Masquer les objets
• Réaliser un effet parallaxe
• Utiliser des variables et des conditions
• Insérer un iFrame
• Introduction aux librairies externes (JQuery, GreenSock)