Adobe Animate Interaction

Cette formation vous permet de créer des animations en utilisant les nouveaux standard HTML5. Programmer de l’interactivité grâce au langage JavaScript.

Public

Développeurs, intégrateur, webdesigners, directeurs artistiques ou toute personne souhaitant réaliser des animations en HTML5 grâce à un outil simple.

Durée

35 heures sur 5 jours

Pré-requis

Avoir des connaissances en javascript.

Déroulé

Introduction

  • Les concepts de bases de l’animation vectorielle
  • Les enjeux de HTML5 dans la diffusion de contenus multiplateformes
  • Présentation des logiques d’animation HTML5 (CSS, JavaScript, SVG)
  • Edge et le HTML5 vs Flash (intérêts, limites)

Fonctions de bases

  • Découverte de l'interface et de l’environnement de travail
  • Mémoriser un espace de travail
  • Créer un nouveau document
  • Paramétrer un document (taille, fond)
  • Pré-visualiser une animation
  • Importer des images
  • Créer, modifier un élément
  • Créer, modifier un symbole
  • Utiliser les outils de forme et de texte
  • Ajouter des polices Web
  • Créer une scène de niveau inférieur

Animer des éléments

  • Utiliser le scénario (règles de base, player)
  • Paramétrer le scénario (zoom, Auto-keyframe, Smooth Transition)
  • Ajouter des images-clés
  • Créer des déplacements d’éléments
  • Modifier les apparences d’un élément
  • Exporter une animation

Modifier l'aspect des éléments

  • Aligner et distribuer des éléments
  • Réorganisation des éléments
  • Modifier l’opacité, les couleurs (contours, fond) d’un élément
  • Redimensionner ou déformer un élément
  • Faire pivoter ou incliner un élément
  • Utiliser la fonction de bords arrondis
  • Modifier les aspects d’un élément

Créer des interactions

  • Utiliser la fenêtre code
  • Identifier les différents types d'événements
  • Créer un événement
  • Créer un préload
  • Identifier les différents types d'actions
  • Créer une action
  • Insérer un déclencheur
  • Insérer une étiquette
  • Insérer une durée

Publier un projet

  • Gérer les paramètres de publication
  • Publier pour le Web
  • Publier pour InDesign/DPS
  • Publier pour iBook/OS X

Travaux pratiques

  • Concevoir une animation
  • Concevoir les interactions
  • Créer une version de niveau inférieur
  • Publier le projet