Découvrir Animate CC 2015

Gérer plusieurs animations

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Dans cette vidéo, apprenez à gérer une seconde animation ainsi que la transparence des couleurs.
06:26

Transcription

Nous avons donc notre bestiole, qui est en capacité de traverser toute la zone remplie d'eau. Maintenant, ce que nous allons faire, c'est au dessus de ce calque, on va en créer un autre. Nous allons verrouiller notre poisson et nous allons appeler ce calque Bulle. Bien, nous allons maintenant déplacer la tête pour amener le poisson à l'endroit où nous souhaitons qu'il lâche ses bulles. On va dire qu'au moment où il est en position la plus proche de nous. Ça semblerait pas mal, et on va donc gérer maintenant nos bulles. Pour ce faire, je glisse mes bulles sur la scène, et je vais les positionner en faisant un petit zoom à 400 %, pour voir ce que je fais. 400, c'est un peu violent. Je vais aller à 200, voilà, je vais positionner mes bulles pour qu'on ait l'impression qu'elles sortent de la bouche. Voilà, comme ceci, c'est très bien. Vous remarquez que malgré le fait que ma tête de lecture était ici, les bulles se sont mises tout à fait au début là, et moi, ce n'est pas tout à fait ce que je veux. Donc, il va falloir que je lui explique tout ceci. C'est ici que ça commence, je maintiens le bouton gauche de ma souris enfoncé, et je me déplace pour amener ce petit point noir à cet emplacement là. Voyez que, sur toute cette zone là, je vais faire un zoom ajusté à la fenêtre. Voyez que là, si je me déplace, il n'y a aucune bulle à aucun moment et là, ouf, les bulles apparaissent. Maintenant, je vais dire que je veux faire une animation, je reprends donc mon Outil de sélection, je me positionne sur mon calque, sur la position de départ, et là je fais clic droit, et je dis que je veux Créer une Interpolation de mouvement. Je vais maintenant aller au bout des choses, à peu près ici, pour dire que c'est là que je souhaite déplacer à nouveau les bulles. Je vais tirer mes bulles pour les amener presqu'en haut de l'aquarium, comme ceci. J'obtiens ce chemin, je me mets quelque part à peu près au milieu, et lorsque j'ai la petite parenthèse arrondie sous le curseur, je vais faire un mouvement arrondi comme ça, pourquoi ? Parce que les bulles, eh bien ma foi, elles partent vers l'arrière, et elles remontent vers le haut. On va zoomer encore un petit peu en arrière encore. Et on va peut-être déplacer nos bulles un peu plus en arrière comme ceci, par là, voilà. Donc là, on a un mouvement de bulles qui fait que, les bulles vont donc remonter en suivant ce chemin, puis disparaître jusqu'à la fin de l'animation. Normalement, on ne doit plus les revoir. Alors, on va voir ce que ça donne et où est-ce que l'on en est ? Pour cela, je maintiens Ctrl enfoncé, et tout en tenant Ctrl enfoncé, j'appuie sur Entrée. Je patiente quelques secondes, le temps que dans mon navigateur, cela fasse son apparition. Et là voyez, on voit très très bien, le poisson qui arrive, qui grossit, qui diminue, Et on voit par contre moins bien les bulles, c'est un peu trop rapide, les bulles partent trop trop vite, donc je ferme le navigateur. Je ferme tous les onglets, ce qu'on va faire c'est qu'on va ralentir un peu ces bulles. Comment ? Eh bien tout simplement en changeant la position de ce petit point noir. Ce petit point noir n'est pas au bon endroit, je vais le déplacer, et je clique dessus, et je le déplace pour l'amener plus loin. Pour que les bulles montent beaucoup plus lentement, on va aller jusqu'ici au moins. Voilà, et là je recommence, Ctrl+Entrée, il faut faire plusieurs essais successifs, pour arriver à quelque chose qui vous convienne. Voilà, là, c'est beaucoup mieux, voyez, on voit les bulles, qui, sans problème, s'envolent, et hop, remontent et disparaissent. Au fur et à mesure donc, que notre poisson avance. Tout ceci est très bien, mais le problème c'est que, eh bien, nous n'avons pas de vitre. L'eau risque de couler à nos pieds, donc comment faire pour faire cette vitre ? On va déjà commencer par verrouiller les bulles, on déverrouille la vitre. On va déverrouiller le fond provisoirement, et on va sélectionner ce fond, on va faire Ctrl+C, pour le copier. Je reverrouille, je me positionne sur vitre et là je fais Ctrl+V. Et je vais lui dire que je souhaite positionner cet élément, ici à X=0, et à Y=0, de manière à ce qu'il vienne au-dessus. Dans l'état actuel des choses, ce dégradé de couleurs est totalement opaque, regardez si j'appuis sur Entrée ce qui va se passer. Il faudrait d'abord que je mette une image de fin, cela fera plus riche. Je vais un petit peu plus loin, je me positionne au bout, et comme j'avais fait ici, je vais mettre un clic droit, Insérer une image. Donc ce que je voulais vous montrer, c'était ça, c'est que le poisson disparait derrière ce dégradé de couleurs, puisque celui-ci n'est pas transparent. Qu'à cela ne tienne, je clique dessus, je viens sur la palette de couleurs, et je vais cliquer ici sur le premier pot. Je remarque que j'ai rouge, vert, bleu. Et A, pour alpha, transparence 100 %, c'est totalement opaque. Je vais glisser pour venir à 79 %. Voyez, en dessous, on voit apparaître les petits carrés. Ce qui montre que ça devient transparent, et ici, on va faire pareil, on va dire que c'est transparent à 91 %. Voilà, comme ça. Donc ce qui fait que maintenant, si j'appuie sur Entrée, voyez que le poisson, on le voit ici. Donc, on va réessayer en terme de publication, Ctrl+Entrée. On regarde dans le navigateur, est-ce que ces éléments ont été repris en compte ? Oui, on voit le poisson derrière sa vitre, on le voit moins bien que tout à l'heure, ce qui est parfaitement normal puisque la vitre est semi-transparente. Alors après, c'est à vous de voir ce que vous souhaitez faire, en terme de transparence, augmenter ou diminuer cette transparence. Voilà donc pour ce petit travail qui j'espère vous a intéressé. Il vous montre en tous les cas les rudiments de base pour faire très très rapidement une animation, c'est-à-dire faire déplacer quelque chose d'un point A vers un point B et ensuite agir sur ce chemin, voire même en cours de chemin, venir mettre des positions intermédiaires.

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 !