Fiche technique de la formation Edge Animate :

A l’heure actuelle, le standard FLASH est de plus en plus délaissé par l’ensemble de la communauté du web international.
Le langage HTML version 5 semble devenir une référence pour des animations simples et efficaces. Associé à la maîtrise des “cascading style sheet” version 3, il représente un ensemble incontournable pour bien comprendre la structure des sites modernes adaptés aux nouveaux médias (tablettes tactiles et smartphones).

Adobe Edge Animate est un outil souple et puissant qui permet de créer des animations respectant le standard html 5 et css 3. Une interface claire, intuitive et professionnelle

Une série d’exercices et mises en situation ont été préparés pour intégrer progressivement toutes les manipulations.
Pour les webmasters qui désirent connaître le webdesign professionnel, et responsive. Exercices, manipulation des codes et actions, études de cas.
Formation dispensée à Cagnes sur mer

Adobe_Edge_Animate_mnemonic_RGB_256px

Adobe Edge Animate – contenu de la formation

Objectif de la formation :
Maîtriser l’interface de ce nouveau logiciel permettant de créer des animations au standard html 5 et css 3. Respecter la nouvelle sémantique structurelle et les mises en page responsives, adaptées à tout type de périphériques modernes. Etre capable de créer une interactivité personnalisée grâce aux comportements prédéfinis. Intégrer de la vidéo. Interfaces parallaxes, dessins animés, etc.

Public concerné :
OPÉRATEURS PAO – INFOGRAPHISTES –  WEB DESIGNER
et toute personne qui réalise ou modifie un site internet attractif.

Pré-requis :
Connaissance de l’environnement Windows ou Macintosh. Connaissance des notions de base du html et des css.

1/ Introduction – internet – généralités
L’internet – généralités
Analyse conceptuelle d’un site WEB
Les avantages de la navigation par liens hypertexte
Notions de communication visuelle adaptée au WEB
le langage HTML 5, les CSS 3 et le standard W3C
Rappels : mise en ligne d’un site par FTP – les sites classiques

2/ Notions pré requises pour l’utilisation du logiciel Edge Animate
Edge Animate dans l’ensemble “Edge Tools and Services”
Construction d’une animation Edge Animate – structure
Analyse des fichiers générés lors de la création d’une animation

3/ Utilisation du logiciel Edge Animate
L’interface du logiciel – espace de travail
Ma première animation – principe – taille de la scène
Importer des éléments sur la scène – formats de fichiers
Les éléments dans la bibliothèque
Le format SVG – vectoriel
Les éléments graphiques du logiciel Edge Animate
Les polices de caractères – Web Safe – Google Font et TypeKit
Manipulations d’objets à animer – créer un symbole
Paramétrer la scène pour l’animation – alignements d’objets
Centrer la “Stage”

4/ Créer une animation
Les différents types d’objets à animer
Eléménts – Groupes – Symboles
Nommer les occurrences de symboles pour les identifier
Animer manuellement avec le scénario – fonctionnement
Animer grâce aux options automatiques – fonctionnement
Imbriquer une animation autonome dans le scénario global

Programme en cours de finition