Apprenez à animez en HTML5 sans coder pour ajouter des comportements interactifs personnalisables à vos sites Web et publications numériques. Hype Pro est le nouveau standard d’animation HTML5 basée sur le DOM (sémantique). Formation sous Mac OS.
A noter : Si vous souhaitez utilisez votre CPF, inscrivez vous directement en cliquant sur le bouton CPF. Si vous souhaiter utilisez un autre mode de financement (OPCO, Pôle Emploi) cliquez sur le bouton Inscription et remplissez le formulaire. Merci !
Public : Graphistes non-codeurs, web designers, chargés de communication, utilisateurs de Mac OS
- 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)