Techniques d'animation Créer des animations HTML5 avec Hype Standard

Objectifs
  • Pouvoir élaborer un story-board simple
  • Préparer les ressources dans les logiciels sources (Photoshop, Illustrator…)
  • Découvrir et concevoir différents types d’animation (interactives ou non)
  • Maîtriser tous les exports possibles
Public concerné

Graphistes, flasheurs, webdesigners, webmasters.

Pré-requis

Il est nécessaire de connaître un logiciel de création graphique (Photoshop, Illustrator) pour suivre cette formation. La connaissance du HTML est un plus.

Compétences visées

À l’issue de cette formation, les stagiaires seront en mesure de concevoir des animations HTML5 sans écrire une seule ligne de code.

Méthodes pédagogiques

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

Moyens techniques / suivi
  • 8 participants maximum
  • 1 Mac 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 : Hype, Photoshop, Illustrator
  • Hotline illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Graphiste multimédia ayant plus de 5 ans d’expérience en enseignement.

Programme

Introduction

  • Hype, le HTML5 et ses composants (CSS, JavaScript, SVG…)
  • La fenêtre principale
  • L’inspecteur de propriétés
  • La Timeline
  • Les scènes
  • La bibliothèque de ressources
  • Terminologie
  • Paramétrage d’un nouveau document
  • Formats et résolutions (gestion du Retina)
  • Les outils de formes et de textes

Animation

  • Comprendre la Timeline principale
  • Modifier le timing et les images-clés
  • Le bouton d’enregistrement
  • Les vitesses et trajectoires d’animations
  • Imports et gestion des ressources
  • Le texte
  • Travailler avec le Capo
  • Les différents copier / coller
  • Animer les filtres CSS

Interactivités et Timelines multiples

  • Boutons et actions de souris
  • Timelines multiples
  • Actions de Timeline et Timelines relatives
  • Chaîner des actions
  • Intégrer des widgets HTML
  • Audio
  • Vidéo
  • Intégrer du code JavaScript

Scènes

  • Créer et gérer les scènes
  • Ajouter des transitions
  • Équilibre Timelines / scènes

Exports

  • Prévisualisation sur un périphérique (par Hype Reflect ou Dropbox)
  • Exporter en HTML (JavaScript inclus)
  • Intégrer une publication numérique dans une page Web
  • Exporter en widget (pour iBooks Author…)
  • Exporter en GIF animé
  • Exporter en vidéo (MPEG 4)
Marketing Digital - Web - Médias sociaux Voir toutes les formations

Créer des animations HTML5 avec Hype Standard

3 jours 21 heures 4 470 €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