Techniques d'animation Créer des animations HTML5 avec Edge Animate

Objectifs

Adobe ayant stoppé le développement de ce logiciel, nous vous encourageons à suivre l'une de ces 2 formations :

“Animate : bannières”

“Animate : bannières et animations”

  • Réaliser des infographies animées et interactives
  • Créer des slideshow
  • Créer des animations pour des présentations de projet
  • Créer des bannières publicitaires
Public concerné

Cette formation est accessible aux graphistes, maquettistes, chefs de projet et webdesigners.

Pré-requis

Il est nécessaire de connaître un logiciel de création graphique (Photoshop, Illustrator). La connaissance de Flash, du HTML et des CSS est un plus.

Compétences visées

À l’issue de cette formation, les stagiaires seront en mesure de concevoir, d’animer et d’ajouter de l’interactivité à leur production.

Méthodes pédagogiques

Alternance de théorie, de démonstrations par l’exemple et de mise en pratique grâce à de nombreux exercices.

Moyens techniques / suivi
  • 8 participants maximum
  • 1 Mac ou 1 PC par personne
  • 1 tablette graphique mise à disposition sur demande
  • 1 clé USB de 8 Go remise à chaque participant
  • Poste du formateur relié à un vidéo-projecteur
  • Logiciels : Edge Animate, Muse, Flash, Photoshop, Illustrator et InDesign…
  • 1 livre et / ou 1 support de cours remis en fin de stage
  • Hotline illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Webdesigner ayant plus de 10 ans d’expérience en enseignement.

Programme

Introduction

  • Rôle des langages HTML5, CSS3, JavaScript, SVG
  • Comprendre la structure HTML5 avec Edge Animate
  • Différences entre Edge Animate et Flash
  • Formats et résolutions : fichiers bitmap et vectoriels

Prise en main du logiciel

  • Interface et environnement de travail
  • Gérer le temps, l’espace, les propriétés
  • Transition et images-clés

Mise en place

  • Optimiser et importer des images
  • Passerelle d’Illustrator vers Edge Animate
  • Définir une police Web (Typekit et Google Web Fonts)
  • Gérer les propriétés du stage et d’un élément

Animation

  • Gérer les transitions, les fondus, les masques, les accélérations, les filtres
  • Transformation : échelle, rotation, inclinaison, déformation et déplacement
  • Gérer les effets et les dégradés
  • Créer des trajectoires de mouvement
  • Ajouter un préchargement
  • Créer un bouton animé
  • Utiliser les symboles et les symboles imbriqués

Interactivité

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

Responsive Web Design

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

Son, vidéo et plan

  • Intégrer du son et de la vidéo en HTML5
  • Intégrer une vidéo via les services de diffusion
  • Intégrer et afficher un plan d’accès Google Maps

Publication

  • Intégrer une animation au sein d’une page HTML
  • Publier pour différents supports : Web, DPS, Muse, iBook, DashboardIntroduction
Marketing Digital - Web - Médias sociaux Voir toutes les formations
0

Créer des animations HTML5 avec Edge Animate

4 jours 28 heures 5 160 €HT*

* À partir de

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis