Créer des animations HTML5 avec Edge Animate

15 rue de Turbigo, 75002 Paris
Tél. : 01 40 26 00 99
[email protected]
15 rue de Turbigo, 75002 Paris
www.pyramyd-formation.com
Tél. : 01 40 26 00 99
15 rue de Turbigo, 75002 Paris
Tél.
:au
01 capital
40 26 00
99 000 €
SAS
de 110
[email protected]
RCS
Paris
n°
351
996
509
www.pyramyd-formation.com
[email protected]
NAF : 8559A
www.pyramyd-formation.com
TVA
Intracom
FR110
09000
351 996
SAS au
capital: de
€ 509
SIRET
:
351
996
509
00029
RCS Paris n° 351 996 509
SAS au capital de 110 000 €
NAF : 8559A
RCS
Paris n°
996 509
Organisme
de351
TVA Intracom
:formation
FR 09 351 996 509
NAF 75
: 8559A
n°11
15095
75
SIRET : 351 996 509 00029
TVA Intracom : FR 09 351 996 509
SIRET : 351 996 509 00029
Organisme de formation
n°11 75 15095 75
Organisme de formation
n°11 75 15095 75
Créer des animations
HTML5 avec Edge Animate
4 jours
SOIT 28 HEURES
OBJECTIFS
¬¬ Réaliser des infographies animées et interactives
¬¬ Créer des slideshow
¬¬ Créer des animations pour des présentations de
projet
¬¬ Créer des bannières publicitaires
PUBLIC CONCERNÉ
Cette formation est accessible aux graphistes,
maquettistes, chefs de projet et webdesigners.
PRÉ-REQUIS
Il est nécessaire de connaître un logiciel de création
graphique (Photoshop, Illustrator). La connaissance
de Flash, du HTML et des CSS est un plus.
COMPÉTENCES VISÉES
À l’issue de cette formation, les stagiaires seront
en mesure de concevoir, d’animer et d’ajouter
de l’interactivité à leur production.
MÉTHODES PÉDAGOGIQUES
Alternance de théorie, de démonstrations
par l’exemple et de mise en pratique grâce
à de nombreux exercices.
MOYENS TECHNIQUES / SUIVI
¬¬ 8 participants maximum
¬¬ 1 Mac ou 1 PC par personne
¬¬ 1 tablette graphique mise à disposition sur demande
¬¬ 1 clé USB de 8 Go remise à chaque participant
¬¬ Poste du formateur relié à un vidéo-projecteur
¬¬ Logiciels : Edge Animate, Muse, Flash, Photoshop,
Illustrator et InDesign…
¬¬ 1 livre et / ou 1 support de cours remis en fin de stage
¬¬ Hotline illimitée par e-mail
¬¬ Fiche d’évaluation, feuille d’émargement et
attestation de présence
PROFIL DU FORMATEUR
Webdesigner ayant plus de 10 ans d’expérience
en enseignement.
PROGRAMME
Introduction
Rôle des langages HTML5, CSS3, JavaScript, SVG
Comprendre la structure HTML5 avec Edge
Animate
Différences entre Edge Animate et Flash
Formats et résolutions : fichiers bitmap et
vectoriels
Prise en main du logiciel
Interface et environnement de travail
Gérer le temps, l’espace, les propriétés
Transition et images-clés
Mise en place
Optimiser et importer des images
Passerelle d’Illustrator vers Edge Animate
Définir une police Web (Typekit et Google
Web Fonts)
Gérer les propriétés du stage et d’un élément
Animation
Gérer les transitions, les fondus, les masques, les
accélérations, les filtres
Transformation : échelle, rotation, inclinaison,
déformation et déplacement
Gérer les effets et les dégradés
Créer des trajectoires de mouvement
Ajouter un préchargement
Créer un bouton animé
Utiliser les symboles et les symboles imbriqués
• • • • • • • • • • • • • • • • • • PYRAMYD NTCV est une marque
du groupe
www.abilways.com
PYRAMYD NTCV est une marque
du groupe
PYRAMYD NTCV est une marque
www.abilways.com
du groupe
Interactivité
Organiser son code
Ajouter des actions temporelles
Définir des événements et des actions à un
élément et à la Scène
Déclencher et arrêter une animation
Afficher et masquer des éléments
Obtenir une animation en boucle
Déclencher une tête de lecture en sens inverse
Travailler avec des étiquettes
Cibler des symboles imbriqués
Ouvrir une URL de site Web
Ajouter du code HTML et des règles CSS
Responsive Web Design
Comprendre le mécanisme d’une mise en pages
fluide
Créer un diaporama extensible
Son, vidéo et plan
Intégrer du son et de la vidéo en HTML5
Intégrer une vidéo via les services de diffusion
Intégrer et afficher un plan d’accès Google Maps
Publication
Intégrer une animation au sein d’une page HTML
Publier pour différents supports : Web, DPS, Muse,
iBook, Dashboard
• • • • • • • • • • • • • • • • • •