Apprenez à animez en HTML5 sans coder pour ajouter des comportements interactifs personnalisables à vos sites Web (WordPress, Muse) et publications numériques. Hype Pro est le nouveau standard d’animation HTML5 basée sur le DOM (sémantique).
Public : Graphistes non-codeurs, web designers, utilisateurs de WordPress et Muse, chargés de communication, Ex-utilisateurs de Edge Animate et de Flash.
- Réaliser des animations au standard HTML5
- Créer des environnements interactifs, sans coder
- Publier vers le Web et les plateformes mobiles
- Publier au format vidéo et séquence d’images animées
- Etre familier de l’environnement informatique et de l’utilisation d’Internet
- Savoir créer des images à partir de Photoshop et les exporter au format Web
- Il n’est pas nécessaire de connaître les langages Web, la formation ne faisant pas appel au code
- Formation de 21 heures en 3 journées de 7 heures.
- Tarif: 1008 € HT. Groupes de 6 personnes maximum, un iMac SSD par personne.
- Horaires : du Lundi au Vendredi 9h30 – 13h | 14h -17h30.
- Financement Enterprise tout OPCA.
- Financement AFDAS individuel, prise en charge à 100% pour les Auteurs graphistes remplissant les critères d’éligibilité.
INTRODUCTION
- Gestion de projet Hype
- Terminologie du logiciel
- La fenêtre principale
- L’inspecteur de propriétés
- Le scénario Les scènes
- La bibliothèque
- Paramétrage du document
- Gestion du texte
- Les outils de formes
- L’affichage responsive
- La gestion du Viewport (mise à l’échelle sur navigateur mobile)
GESTION DES MÉDIAS
- Importation d’images (png, jpg, SVG)
- Importation de l’audio
- Importation vidéo intégrée et Youtube
- Placer un iFrame
ANIMATION
- 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)
- Animer des formes et des tracés vectoriels
- Réaliser et importer un spritesheet
EXPORTATION
- Exporter en HTML5
- Exporter en widget (iBooks Author, Dashboard)
- Exporter en GIF animé
- Exporter en vidéo (MPEG-4)
