Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir Animate CC 2015

Ajouter une image de préchargement

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Afin de faire patienter le visiteur lors du chargement d'une animation lourde au format HTML5, vous pouvez ajouter un preloader.
02:41

Transcription

Lorsque votre fichier Animate CC commence à devenir lourd en terme de Ko, il peut être intéressant, lors de la publication au format HTML 5 canvas de prévoir un preloader. Qu'est-ce qu'un preloader ? C'est tout simplement, une petite image qui va faire patienter le visiteur le temps que les images ou les éléments lourds de votre animation, se chargent. En général, on met à l'écran une image qui tourne sur elle-même pour montrer qu'il se passe quelque chose. Eh bien, il faut savoir que dans Animate CC, nous avons dans les paramètres de publication, la possibilité d'utiliser un preloader fourni par Adobe, ou bien encore utiliser notre propre graphisme. Je vais vous demander de vous rapprocher des sources de cette formation dans le chapitre 3 et d'ouvrir le document qui s'appelle preloader.fla Dans ce document, nous avons un certain nombre de diapositives. Diapositive 1, 2, 3, 4, 5, 6. Chacune de ces diapositives est positionnée sur une image clé précise. Et donc, chacune de ces diapositives est accompagnée, clic droit sur l'image clé du calque numéro 2, clic gauche sur Action, est accompagnée d'un code qui indique que tout simplement, que l'image doit attendre un clic de la part de l'utilisateur, et lorsque l'utilisateur clique sur l'image, on doit exécuter une fonction qui s'appelle Aléa suivant. Cette fonction Aléa suivant permet de passer à l'image suivante tout bêtement. J'ai un certain nombre d'images. Mon animation va peser un certain poids. S'il y a des problèmes de connexions lorsque le visiteur arrivera sur cette page, eh bien, le preloader peut s'avérer nécessaire. Pour le mettre en place, je vais faire Fichier, Paramètres de publication, et dans les paramètres de publication, eh bien, je vais venir expliquer que je souhaite inclure ici un préchargeur, un preloader. Je mets tout simplement une croix ici, j'ai la possibilité de choisir un preloader par défaut. Et là, avec un aperçu, je peux voir l'aspect de mon preloader. Voilà le preloader qui est fourni directement avec Animate CC. Si celui-ci ne me convient pas, j'ai la possibilité, en cliquant sur Parcourir, d'aller sur mon disque dur à la recherche d'une animation GIF que j'ai préparée au préalable avec Photoshop par exemple. Une fois que j'ai activé cette option, et que j'ai choisi mon preloader, il ne me reste plus qu'à publier et à visualiser le résultat directement dans mon navigateur une fois que j'ai mis en ligne mon fichier.

Découvrir Animate CC 2015

Prenez en main Adobe Animate CC. Apprenez à réaliser des animations, des illustrations vectorielles, des interfaces, des vidéos, voire même des exécutables pour Mac et PC.

4h47 (54 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Adobe Animate Animate CC
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :9 févr. 2016
Durée :4h47 (54 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !