Formation Adobe Animate : Animations en HTML5 sans code

Programme de découverte du logiciel Adobe Animate permettant de créer des animations en HTML5 pour votre site internet, et sans une ligne de code !

Durée 3 jours soit 21.00 heures de formations de 9h30 à 18h00.

Qualité 8 stagiaires par session maximum. 1 poste Mac ou Windows par stagiaire. Support de cours accessible en ligne.

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

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

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

Formation Adobe Animate : Animations en HTML5 sans code

1 - Découverte de l’interface

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

2 - L'interface

  • 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

3 - Créer, modifier, enrichir, réutiliser

  • Créer / Sauvegarder un document
  • 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

4 - Mise en page proportionnelle

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

5 - 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

6 - 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)

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

8 - Fonctionnalités avancées ou externes

  • Accessibilité / Ordre de tabulation / SEO
  • Muse, Illustrator, Shadow, Photoshop
  • Ressources supplémentaires
  • (Leçons/Mini-Site/Forums…)
/srv/datadisk01/home/formation/site3