Programme du cours

3 jours (21 H) | EDGE ANIMATERenseignez-vousCette formation vous intéresse ? 
 

Objectifs

• Maîtriser l’interface
Etre capable de créer des animations HTML5 et apporter de l’interactivité
Disposer d’une méthodologie de travail
Savoir publier votre projet
Intégrer les problématiques d’animations HTML5

Participants / Pré-requis

Graphistes, webmasters, ou toute autre personne en charge de la création et de l’animation de pages pour le Web.

Utilisation du poste de travail et d’Internet.
La connaissance de Photoshop est un plus.

Contenu

Découverte de l’interface

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

L’interface

  • Installer
  • Espace de travail / langue
  • La barre d’Outils, le panneau Éléments et la Scène
  • Le panneau PropriétésLe 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), ombres)
  • 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

Animer

  • 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é

  • Ajout d’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

  • Accessibilité / Ordre de tabulation / SEO
  • Muse, Illustrator, Shadow, Photoshop
  • Ressources supplémentaires
 
Cette formation vous intéresse ? Renseignez-vous