Formation Hype Pro niveau 1 : Animation HTML5


  • CRÉER DES ANIMATIONS HTML5 SANS CODER
REFERENCE
 
 
IHPI
DUREE
 
 
5 jours
TARIFS
 
 
2250 € HT
Niveau : Débutant
Cours à distance: Possible
OBJECTIFS :
 

Cette formation Hype Pro vous apprendra à utiliser le logiciel pour réaliser des animations HTML5 et vidéo qui respectent le DOM (référençables, accessibles).

Plus concrètement, grâce à ce cours, vous saurez:

  • Réaliser un site responsive
  • Animer à l’aide du scénario les propriétés 2D/3D
  • Exporter l’animation dans les standards audiovisuels et HTML5
  • Comprendre pourquoi Hype Pro est plus adapté à la réalisation d'une interface Web respectueuse du DOM plutôt que pour de l’animation cartoon.
PRÉ-REQUIS :
 

Pour suivre ce cours, il est demandé de savoir utiliser un logiciel graphique tel que Photoshop ou Illustrator. Il n’est pas nécessaire de connaître le code HTML.

PUBLIC :
 

Ce stage Hype Pro s'adresse aux maquettistes, graphistes, webdesigners, community managers, utilisateurs de PandaSuite ou de Klynt, ex-flasheurs ou ex-utilisateurs de Edge Animate.

PROGRAMME :
 

Introduction à Hype Pro

Gérer un projet Hype
Connaître la terminologie du logiciel
La fenêtre principale
Utiliser l’inspecteur de propriétés
Le scénario
Les scènes
La bibliothèque
Paramétrer le document
Gérer le texte
Utiliser les outils de formes
L’affichage responsive
La gestion du Viewport (mise à l’échelle sur navigateur mobile)

Gérer les médias avec Hype Pro

Importer des images (png, jpg, SVG)
Importer des fichiers audio
Importation vidéo intégrée et Youtube
Placer un iFrame

Créer une animation avec Hype Pro

Gestion du scénario (images-clés)
Le bouton d’enregistrement
Les trajectoires
Le texte
Les symboles
Les symboles persistants
Animer les propriétés CSS (position, échelle, rotation, opacité…)
Animer des propriétés de plans 3D (position, rotation)
Gérer la physique de mouvement (accélérations, amortissements, rebonds et courbes personnalisées)

Les actions

Placer une action prédéfinie
Piloter le scénario
Glisser-déposer un élément
Gérer une animation parallaxe
Utiliser le scénario relatif

Exportation

Exporter en HTML5Exporter en widget (iBooks Author, Dashboard)
Exporter en GIF animé
Exporter en vidéo (MPEG-4).

TRAVAUX PRATIQUES :
 

Ce cours alterne pratique et théorie pour une meilleure validation des acquis.

S'INSCRIRE À CETTE
FORMATION HYPE PRO
Cliquez sur une date pour vous inscrire
Information pratiques sur
LA FORMATION
Lieu de la formation Paris - LA DEFENSE
Nous contacter 01 43 34 90 94
CETTE FORMATION SUR-MESURE Ce cours est réalisable en intra-entreprise, dans vos locaux ou nos salles de cours CONTACTER NOTRE SERVICE INTRA
D'autres formations
SUR LE MÊME THÈME

3 j

 
Ce cours vous permettra de maîtriser l'utilisation d'Hype Pro pour développer de l’interactivité à partir de commandes JavaScript et d’instructions...

4 j

 
Cette formation Aquafadas vous enseignera comment réaliser, avec le plugin Aquafadas et dans l’environnement de InDesign, un projet simple de publication interactive et animée...

3 j

 
Cette formation Aquafadas Avancé vous apprendra à déployer des enrichissements interactifs élaborés tout en restant dans l’environnement de publication de...

5 j

 
Cette Formation PandSuite vous enseignera comment créer des applications interactives richmédia, sans coder. Plus concrètement, à l'issue de ce cours, vous...
Plus de formations sur le même thème

Des questions ?

ON VOUS RAPPELLE

 

0

Formations
Informatique
et Management
en ligne à ce jour

+ 0

Stagiaires dans nos
salles de cours sur
l'année

0%

De participants
satisfaits ou très
satisfaits de nos
formations

0

Formateurs experts
validés PLB