Hype

Design interactif / Web

Design interactif / Web

Hype

Réf. DW31

Public concerné

Graphistes, maquettistes, intégrateurs, webdesigners.

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 à la prise en main plus complexe. 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 finale
  • 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

Ce module peut également être suivi dans le cadre des formations :

Titre professionnel Infographiste metteur en page

Titre professionnel Designer web

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.

Métiers visés

Cette formation vous permet d'acquérir des compétences pour l'exercice des métiers

Designer graphique

Le designer graphique ou graphiste se trouve à la confluence des métiers de la communication visuelle. Il est l’interlocuteur central de la chaîne graphique, à l’écoute du commanditaire qui peut être une entreprise, une institution, une collectivité territoriale. Il étudie le cahier des charges et élabore des solutions créatives en adéquation avec les contraintes économiques imposées. Il est le concepteur visuel des solutions de communication et l’interlocuteur des professionnels chargés de la réalisation des outils de communication adéquate. Il travaille seul ou en groupe au sein d’un studio de création, d’une agence de communication ou dans les services de communication d’entreprises ou d’institutions.Son champ d’activités recouvre de vastes domaines de création. Il peut être affichiste, typographe, illustrateur, metteur en page, directeur artistique, concepteur d’interface, réalisateur de générique, concepteur d’habillage TV, … Autant de savoir-faire précieux qui sont la garantie d’une future réussite professionnelle.

En savoir plus

Développeur

A partir d’un cahier des charges qui est formalisé par un chef de projet ou un  commanditaire, il propose des solutions techniques et développe les interfaces interactives d’un produit multimédia et toutes les fonctions qui leur sont associées. Conscient des contraintes du système d’information d’un produit, il développe des formats dynamiques (PHP, XML, ASP, etc…) couplés à des bases de données (MySQL) et il vérifie le bon fonctionnement technique des processus fonctionnels du produit.
Il maîtrise la technologie Flash et conçoit des solutions techniques à la fois originales et adaptées aux besoins et aux contraintes d’un commanditaire (gestion de transactions spécifiques client/serveur, interactivité avancée, …).
A l’étape de recommandation, il propose des solutions techniques innovantes qu’il justifie et explicite dans un document d’orientations techniques.
A l’étape de production et de post-production, il prend en charge le développement du produit, les tests de conformité et toutes les modifications et optimisations nécessaires à la bonne recette technique du produit.

En savoir plus

Graphiste

Ce professionnel de la communication  conçoit des solutions de communication visuelle. Il travaille sur le sens des messages à l'aide des formes graphiques qu'il utilise sur tout type de supports.

Ses connaissances reposent sur la typographie, l'usage des signes et des images, l'art de la mise en page. 

En savoir plus

Intervenants

En pratique

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

Prochaines sessions

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