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

Régler la transparence de la scène

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez comment et pourquoi régler la transparence de la scène. Jean-Luc Delon vous donne des explications.
05:57

Transcription

Il est maintenant possible dans Animate CC de créer une scène avec un fond transparent. Alors à quoi cela peut-il servir ? Cela peut servir par exemple à surimposer sur une page HTML déjà existante une animation. Pour réaliser cela je vais commencer par faire Fichier Nouveau et je vais créer un nouveau document HTML5 Canvas et je clique dessus, je fais OK. Je vais dimensionner ma scène à 1024 sur une hauteur de 150 pixels. Et je vais maintenant mettre sur cette scène un texte. Je prends l'outil texte, je choisis un texte de type statique je prends la police Verdana, ou n'importe quelle autre police en bold italic je la règle à 96 pour avoir une taille importante et je prends la couleur rouge, peu importe la couleur et peu importe d'ailleurs aussi la police ou le style que vous appliquez. Je clique sur ma scène et j'écris en majuscule le mot « formation » ou tout autre mot qui vous convient. Maintenant je reprends mon outil sélection contrôle enfoncé, je tourne la molette de la souris vers moi de manière à faire un zoom en arrière, et je positionne le mot « formation » à l'extérieur de la scène comme ceci de manière à ce que ce mot soit à peu près à mi-hauteur de la hauteur de la scène Je vais maintenant venir sur ce calque, sur l'image-clé numéro 1, je fais clic droit, Créer une interpolation de mouvement je vais étendre cette interpolation jusqu'à l'image 50 pour avoir à peu près deux secondes d'animation et j'amène le mot « formation » à peu près au milieu Comme ça, on va remonter un petit peu… Donc maintenant, qu'est-ce que je souhaite faire? Je souhaite publier cette animation et voir ce que cela va donner donc je viens sur Fichier Enregistrer je vais enregistrer ce travail en le baptisant Formation dans un dossier quelconque de mon disque dur. Je fais enregistrer. Maintenant je viens sur Fichier Paramètres de publication et dans l'onglet simple je vais décocher le scénario en boucle. Là, vous avez toute une série de choix dont nous reparlerons plus en détail dans un prochain tutoriel pour l'instant, je me contente juste de faire scénario en boucle décoché je vais maintenant cliquer sur OK, mon travail est prêt à être publié. Je vais faire Fichier Publier, ou alors j'utilise le raccourci clavier Maj+Alt+F12 Une fois que ce travail est publié, je vais venir le visionner dans mon navigateur. J'ouvre dans mon navigateur à l'aide du menu Fichier Je vais ouvrir ce travail, Parcourir, je viens sur le fichier que j'ai généré précédemment et je fais Ouvrir. Je fais OK. Là on me dit « autoriser le contenu bloqué » je clique dessus pour dire OK, et je vois mon animation qui se déroule. Maintenant ce que je voudrais c'est rendre mon animation sur un dégradé de couleurs je voudrais que ma page soit remplie d'un dégradé de couleurs. pour ce faire, je vais tout simplement modifier la page HTML qui a été générée. J'ouvre un bloc-notes, je fais Fichier Ouvrir je viens sur la page HTML qui a été générée qui s'appelle donc Formation je fais ouvrir et je trouve le code qui a été généré automatiquement par Animate CC je retire ces commentaires. Maintenant ce que je vais faire, c'est que je vais rajouter avant le </head une feuille de style que vous trouverez dans les sources de cette formation sous le nom de style dans le chapitre 1. Vous ouvrez ce document qui s'appelle style vous récupérez tous les éléments qui sont dedans du mot <style au mot </style. Ctrl+C, copier là il s'agit de la description d'un dégradé de couleurs allant d'une certaine valeur de bleu à une autre valeur de bleu verticalement ce dégradé couvrant l'ensemble de la page HTML je fais donc Ctrl+C, je ferme cette fenêtre, et je viens me positionner à cet emplacement avant le </head et je fais Ctrl+V. Maintenant je vais faire Fichier Enregistrer et nous allons rafraîchir notre page. Qu'est-ce qu'on constate ? On constate que nous avons maintenant le dégradé de couleur bleue mais le mot « formation » est sur un fond blanc qui est la couleur de ma scène pour l'instant. Je vais donc maintenant rendre ma scène transparente. Pour ce faire, je vais venir sur ma scène, en cliquant dessus je viens dans Propriétés Scène je clique et là, je vais venir sur Alpha Alpha est pour l'instant à 100%, je vais l'amener à 0% bien sûr je peux prendre n'importe laquelle des valeurs intermédiaires une fois que ceci est réalisé il ne me reste plus qu'à publier Fichier Publier je vais maintenant à nouveau réouvrir mon document, ma page HTML, je vais la réouvrir pour la remodifier puisque le fait de publier a détruit l'ancienne version de ma page HTML. Dans mon bloc-notes, toujours par Fichier Ouvrir je vais chercher le document formation HTML je supprime à nouveau les commentaires et je viens mettre juste avant le </head la feuille de style que nous avons récupérée tout à l'heure. J'enregistre le tout, Fichier Enregistrer et maintenant on va voir si ce travail fonctionne alors rappelez-vous, dans le premier essai nous avions le mot « formation » qui était sur un fond blanc si je rafraîchis maintenant ma page que se passe-t-il ? J'ai le mot « formation » qui est sur un fond transparent. Cette petite nouveauté dans Animate CC va vous permettre maintenant de réaliser des animations qui pourront venir en surimpression de votre page HTML déjà existante.

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
Date de parution :9 févr. 2016

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 !