OBJECTIF

Cette formation Adobe Edge Animate vous permettra de réaliser des animations pour vos pages web en respectant les nouveaux standards HTML 5 et javascript grâce à Edge Animate.

PUBLIC CONCERNÉ

Webmasters, Graphistes print/web dédiés à la création et l’animation de contenu pour le Web, ibooks ou DPS.

f

NIVEAU REQUIS

Maîtrise du poste de travail. La connaissance des applications Adobe Photoshop/Illustrator serait un plus. Il n’est pas nécessaire de connaître Adobe Flash, mais le contenu présenté est adapté en fonction.

DURÉE

3 à 5 jours

INFOS
  • Moyens pédagogiques et techniques : Formation personnalisée, sur site.
  • Intervenant : Formateur spécialisé, 20 ans d’expérience.
  • Validation : Attestation de fin de stage.

Programme formation Edge Animate

 

Philosophie Edge Animate

Animation / Interactivité / Graphisme
Formats de fichiers / poids des fichiers
Flash/Player / navigateurs
Coder ou pas?

L’interface de Edge Animate

Installer
Espace de travail / langue
La barre d’Outils, le panneau Éléments et la Scène
Le panneau Propriétés
Le panneau Bibliothèque, Actifs, Symboles et Polices
Le panneau Scénario
Le(s) panneau(x) Code

Créer, modifier, enrichir, réutiliser

Créer / Sauvegarder un document Edge
Les outils (Rectangle, Arrondi, Ellipse)
Le texte, Les images
Outils (Sélection, Transformation, Recadrage)
Propriétés d’objet (opacité, couleurs (contours, fond)
Hiérarchisation, alignement, distribution, réorganisation d’objets
Groupes et symboles (+ exports)
Redimensionner ou déformer un objet
Polices en ligne, téléchargeables, par abonnement
Dynamiser une page HTML existante

Mise en page proportionnelle

Options de redimensionnement
Mise à l’échelle des symboles
Guides % et px
Mise en page adaptative

Animation avec Edge Animate

Utiliser la timeline (règles de base, player, grille de temps, keyframes)
Animation simple et complexe (Déplacements, apparences, rythme, accélérations)
Transitions et clés d’animation
Marques de verrouillage et pop
Zoom, Images Clé, Transitions Lisses
Changement immédiat
Déplacement des objets
Utiliser la fonction de rotation ou d’inclinaison d’un objet
Modifier les aspects d’un objet
Sauter à la prochaine keyframe
Affichage d’un symbole

Interactivité

Code sur la timeline
Actions sur les objets
Propriété Curseur
Ergonomie et fonctions avancées
Type d’événements
Initiation au code (échanger avec un développeur, comprendre les besoins)

Exporter / Diffuser

Exporter une animation
Scène de niveau inférieur (IE 6, 7 et 8)
PréLoader, Affiche
Publier sur le web
Publier vers inDesign + DPS ou iBooks Author

Fonctionnalités avancées ou externes de Egde Animate

Accessibilité; ordre de tabulation; SEO
Muse, Illustrator, Shadow, Photoshop
Ressources supplémentaires (Leçons/Mini-Site/Forums…)

 

Pin It on Pinterest

Share This