Formation Greensock GSAP : Design Interactif


REFERENCE
 
 
IGGD
DUREE
 
 
5 jours
TARIFS
 
 
2350 € HT
Niveau : Intermédiaire
Cours à distance: Possible
OBJECTIFS :
 

Cette formation Greensock vous apprendra à utiliser la librairie Greensock GSAP pour étendre les propriétés d'animation et d'interactivité du logiciel Hype Pro. Hype pro est utilisé pour la création d'animation vectorielles ou typographiques, des glisser-déposer avancés, du flat 3D.

Concrètement, à l'issue de ce cours, vous aurez acquis les compétences et connaissances nécessaires pour:

  • Animer les objets vectoriels SVG  
  • Réaliser des glisser-déposer avancés  
  • Spatialiser l’affichage des éléments de la scène.
PRÉ-REQUIS :
 

Etre familier de l’environnement de Hype Pro et du langage HTML est recommandé pour suivre ce cours.

PUBLIC :
 

Ce stage Greensock s'adresse aux utilisateurs de Hype Pro.

PROGRAMME :
 

Introduction à Greensock

Présentation des options disponibles à travers les librairies GreensockInstaller l'extension dans l'environnement de Hype Pro

Configurer un espace 3D via GSAP

Gérer la déformation 3D par défaut
Gérer le positionnement 3D par défaut
Gérer la 3D des éléments imbriqués

Animer les propriétés

Position et rotation 3D
Echelle, torsion, opacité

Gérer le temps

Apprendre à invoquer une action avant, pendant et après la transition
Temporiser la transition à l'aide d'un délai

Animer à partir d'effets

Les filtres
Les trajectoires
Les clips (masques)

Animer les propriétés vectorielles SVG

Animer un tracé vectoriel
Animer une interpolation de formes SVG, importées d’Illustrator

Gérer le glisser-déposer

Organiser les éléments d’un dispositif de glisser-déposer
Gérer le type de déplacement (translation, rotation)
Gérer l’inertie et les limites du déplacement
Gérer les collisions

Animer les caractères typographiques

Gérer l’animation par bloc, ligne ou caractère
Gérer les effets de physique sur le texte animé
Animer l’affichage des caractères (façon panneau d’affichage d’un hall de gare)

Mettre en pratique l'animation à travers différentes études de cas, au choix

Mur d'images flat 3D
Cube animé
Coverflow flat 3D
Palette flottante
Curseurs et effet parallaxe
Dataviz basée sur un graphique vectoriel SVG.

TRAVAUX PRATIQUES :
 

Cette formation alterne exercices pratiques et théorie pour une meilleure validation des acquis.

S'INSCRIRE À CETTE
FORMATION GREENSOCK GSAP
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

5 j

 
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,...

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...
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