Hype

Design interactif / Web

Design interactif / Web

Hype

Réf. DW31

Public concerné

Graphiste, maquettiste, intégrateur, webdesigner.

Toute personne, maîtrisant les outils de retouche d'images et de mise en page, souhaitant réaliser des animations.

Objectif

La formation Hype vous permettra de réaliser des animations HTML5 interactives sans coder, animations destinées à tous supports ou publications numériques (ordinateur, tablette, Smartphone).

Coût participant

1560 €

Durée

24 heures sur 4 jours

Gobelins - Site Paris

Présentation

Que ce soit pour illustrer des contenus éditoriaux ou des présentations, pour réaliser des infographies ou des publicités destinées à des pages web, les animations simples avec quelques éléments interactifs deviennent une façon de communiquer rapidement et visuellement des informations, des messages. 

Le logiciel Tumult Hype est une alternative intéressante à d’autres logiciels de création de contenu HTML5 aux prises en main plus complexes. Il est compatible avec tous les navigateurs et appareils mobiles, sans que vous ayez besoin de créer du code.

Contenu de la formation

Ce que vous apprendrez

  • Créer des animations simples ou complexes et interactives avec Hype Pro
  • Prévisualiser les animations dans leur contexte d'utilisation final
  • Exporter et intégrer les animations sur un site web
  • Affiner les vitesses d'animation et les interactivités de vos projets
  • Faciliter le travail grâce à l'utilisation de symboles
  • Ajouter de l'interactivité à vos animations

Pré-requis

Maîtrise de l'outil informatique. 

Bonne connaissance de la navigation sur internet.

Pratique des logiciels Adobe Illustrator et Photoshop.

Programme

Introduction

  • HTML5 et mode de fonctionnement (CSS, JavaScript, FTP, etc.)
  • Présentation de l'interface (fenêtre principale, inspecteur de propriétés, timelines, scènes, bibliothèque de ressources)
  • Création d'un nouveau projet
  • Formats, résolutions et qualités des imports
  • Insertion d'imports, d'objets, de textes

Symboles

  • Symbole
  • Symbole persistant
  • Animation d'un Symbole

Animation

  • Timeline principale et fonctionnement
  • Images clés et gestion des pistes
  • Bouton d'enregistrement
  • Transitions des éléments pour obtenir des trajectoires
  • Timelines secondaires

Scènes

  • Élaboration et utilisation des scènes
  • Ajout de transitions
  • Création d'un site internet multipages

Interactivités

  • Comportements intégrés à l’interface
  • Rédaction de ses propres fonctions (scripts)

Tailles et design responsive

  • Réglage de taille souple (dimension, placement, etc.)
  • Création de points de rupture de la maquette
  • Conception et gestion de multiples tailles

Moteur physique

  • Affection de comportements statiques ou dynamiques
  • Réglages physiques (densité, rebond, friction, etc.)

Exports

  • Prévisualisation dans un navigateur
  • Prévisualisation sur iPad ou iPhone
  • Export DropBox
  • Exportations (HTML, Widget iBooks Author, GIF animé, vidéo)
  • Intégration des animations sur un site web
  • Exportations en OAM

Sélection

La sélection des candidats pourra être effectuée lors d'un entretien préalable.

Evaluation

Évaluation par l'intervenant des travaux ou exercices effectués tout au long de la formation.

Intervenants

En pratique

La sélection des candidats pourra être effectuée lors d'un entretien préalable.

Horaires de la formation

8h/14h ou 14h/20h (fixé par Gobelins).

Contact

Vous souhaitez en savoir plus sur la formation ?

Contactez Lucette Berbinan 01 40 79 92 20

Gobelins - Site Paris

73, boulevard Saint-Marcel
75013 Paris
Téléphone : 01 40 79 92 79
Fax : 01 40 79 92 71

Formations sur mesure

Vous souhaitez adapter cette formation pour vos salariés, votre entreprise?

Contactez Laetitia Denoyelle 01 40 79 92 25
Revenir en haut de page