article(s) dans votre panier VOIR

Maîtriser Adobe Animate CC 2017 - Les parallaxes

  • 1h05 de formation
  • 17 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Maîtriser Adobe Animate CC 2017
00:00 / 00:42
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
19,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

À propos de cette formation

Objectifs
Créer une animation en parallaxe avec Animate CC 2017.
Pre-requis
Avoir suivi les fondamentaux d'Animate CC.

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

Lire la suite

Détails de la formation

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.

Nos derniers commentaires

Vous devez acheter cette formation pour écrire des commentaires

Donnez votre avis sur la formation