Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Maîtriser Adobe Animate CC 2017
Revoir le teaser Je m'abonne
DescriptionProgrammeAvis

Maîtriser Adobe Animate CC 2017 - Ateliers parallaxe


29,89€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Créer une animation en parallaxe avec Animate CC 2017.

Véritable référence en matière d’outil de création d’animation, le logiciel Animate CC 2017 édité par Adobe permet d’élaborer et de diffuser des contenus interactifs animés pour quasiment tous les supports ou système d’exploitation : ordinateurs de bureau, tablettes, appareils mobiles...

Vous maîtrisez déjà les fondamentaux Animate CC 2017, ou vous connaissez globalement l’outil ? Allez plus loin en vous plongeant dès maintenant dans le principe d’animation en parallaxe, idéal pour tous les webmaster, webdesigner et développeur. L’effet parallaxe permet de donner de la profondeur à votre site internet, et d’apporter de la richesse graphique. Ainsi en bougeant votre souris ou en scrollant, l’image de fond bougera à une vitesse différente de l’image ou du texte de défilement, ce qui offrira un sublime effet graphique de perspective, donnant ainsi une illusion de 3D sur vos pages web. Cette formation vous permettra ainsi de créer techniquement et graphiquement un effet parallaxe grâce à Animate CC 2017.   

Dans ce tutoriel, vous aborderez dans un premier temps le filtrage des navigateurs, ce qui vous permettra de savoir détecter sur quel navigateur (Firefox ou Internet Explorer) est visionnée l’animation, que ce soit sur Desktop ou mobile.

Tout au long de la formation, vous pourrez voir différentes formes de parallaxe. Vous commencerez par créer une page avec la parallaxe souris, et connaîtrez l’organisation d’un scénario.

Dans la continuité, vous vous formerez aux bases de la parallaxe Scroll, et comprendrez  les différents leviers qui sont utilisés pour gérer une page parallaxe. 

Vous étudierez par la suite comment déclencher et lire une animation sur Animate grâce au principe créatif de la parallaxe molette. Celui-ci consiste à déclencher un effet parallaxe lors du scroll au sein d'un même Canvas, que l’on retrouve fréquemment sur les pages d’accueil des sites. 

Ensuite découvrez la parallaxe avec le clavier, une autre alternative de la molette ou du scroll pour le pilotage d’un scénario de clip.

Enfin pour piloter le scénario d’animation ou lancer une animation, il sera nécessaire de récupérer des informations du navigateur avec JavaScript. Il s’agira ainsi de récolter les événements du DOM (Document Object Model) : méthode pour capturer les événements et lancer une action quelconque en réponse.

À l'issue de votre formation, vous aurez les bases nécessaires pour enrichir vos animations HTML5 avec un effet parallaxe.

Votre formateur Sébastien Isaia, est animateur et concepteur freelance depuis 16 ans. Il est également expert Animate CC et vous accompagnera tout au long de cet atelier pratique.

Voir plus