Feel Europe

Animer avec Adobe Animate

Par Feel Europe

Objectifs

  • Concevoir et réaliser des animations interactives en utilisant les nouveaux standards HTML5
  • Être visible sur toutes les plateformes : desktop, smartphones et tablettes

Programme

1. Introduction

  • Rôle des langages HTML5, CSS3, JavaScript, SVG
  • Comprendre la structure HTML5 avec Animate

2. Prise en main du logiciel

  • Interface et environnement de travail
  • Les outils et le texte
  • Paramétrage d'un nouveau document
  • Créer, enregistrer et utiliser des gabarits
  • Gérer le temps et l'espace
  • Transition et images-clés
  • Utilisation des symboles

3. Optimisation des médias

  • Formats, résolutions, préparation des fichiers

4. Mise en place

  • Importer des images
  • Définir une police Web (Typekit et Google Web Fonts)
  • Affecter une balise HTML5 à un élément

5. Animation

  • Gérer les transitions, les fondus, les masques, les accélérations, les filtres
  • Ajouter une ombre portée
  • Activer le verrouillage
  • Transformation : échelle, rotation, inclinaison, déformation et déplacement
  • Gestion des effets et des dégradés
  • Créer des trajectoires de mouvement
  • Animer le contenu d'une page HTML existante
  • Ajouter un préchargement prédéfini et personnalisé
  • Créer un bouton animé

6. Interactivité

  • Organiser son code
  • Ajouter du code sur le scénario et sur les objets
  • Ajouter des actions temporelles
  • Définir des événements à un élément et à la Scène
  • Déclencher et arrêter une animation
  • Afficher et masquer des éléments
  • Travailler avec des étiquettes
  • Cibler des symboles imbriqués
  • Obtenir une animation en boucle
  • Déclencher la tête de lecture en sens inverse
  • Ajouter du code HTML et des règles CSS

7. Responsive Web Design

  • Comprendre le mécanisme d'une mise en pages fluide
  • Créer un diaporama extensible

8. Son, vidéo et plan

  • Intégrer du son en HTML5
  • Intégrer une vidéo via les services de diffusion
  • Intégrer et afficher un plan d'accès Google Maps
  • Intégrer une animation au sein d'une page HTML existante

9. Publication

  • Définir une scène de niveau inférieur
  • Publier pour différents supports
  • Installer le widget dans le Dashboard
  • Vérifier la publication sur toutes les plates-formes

Pédagogie

  • Formateur expert du domaine, 1 ordinateur, 1 support de cours version papier ou numérique, vidéo projecteur, tableau blanc

Modalités d'évaluation

En amont de la formation

  • Audit par téléphone par nos commerciaux et formateurs
  • Tests d'auto-positionnement avant l'entrée en formation par le biais de questionnaire

Au cours de la formation

Exercices pratiques et mises en situation professionnelle pour valider la compréhension de chaque notion abordée dans le programme de cours.

En fin de formation

  • Validation des acquis par le formateur ou via un questionnaire renseigné par les stagiaires
  • Evaluation qualitative par les participants à l’issue de la formation via un questionnaire de satisfaction accessible en ligne.

Une attestation de fin de formation reprenant les objectifs de formation est également remise aux stagiaires puis signée par le formateur.

Formations de la même catégories (5)

Ziggourat
Adobe AnimatePar Ziggourat

Cette formation vous permet de créer des animations en utilisant les nouveaux standard HTML5.

Arkesys
Adobe Edge Animate - Créez des animations Web interactivePar Arkesys

A l’issue de cette formation, l’apprenant sera capable de :

  • Créer des pages HTLM responsive ;
  • Créer des navigations interactives ;
  • Créer des animations interactives ;
  • Créer des animations spritesheet ou lipthink ;
  • Intégrer de la vidéo avec balise HTML 5.
M2i Formation
Animate CC - Animations publicitaires HTML 5Par M2i Formation
  • Concevoir et réaliser des publicités au format HTML
  • Utiliser des fichiers Photoshop et Illustrator pour améliorer le workflow
  • Animer textes, images bitmaps et vectorielles
  • Intégrer des médias riches
  • Exporter et optimiser les animations dans le respect des normes de l'IAB (Interactive Advertising Bureau)
  • Publier les animations en HTML 5 dans des pages Web.
Ziggourat
Adobe Animate InteractionPar Ziggourat

Cette formation vous permet de définir les caractéristiques d’une infographie interactive, de scénariser de nombreuses données dans un format plus adapté, de structurer les animations pour ajouter de l’interactivité, de développer une méthode de travail efficace et d'ajouter de l’interactivité avancée.