Découvrir Animate CC 2015

Créer une interpolation de mouvement

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Après avoir défini la première et la dernière image d'une animation, voyez comment créer une interpolation de mouvement et un chemin.
07:58

Transcription

Je vous propose maintenant de découvrir comment réaliser ce qu'on appelle une interpolation de mouvement. Il s'agit ici d'expliquer à Animate CC que nous voulons voir ce petit poisson nager et traverser l'écran de manière régulière. Comment fait-on cela ? Eh bien, pour faire cela, je vais vous demander de vous rapprocher des sources de cette formation et d'aller dans le chapitre 5. Dans le chapitre 5, vous allez trouver un document qui s'appelle « Poisson ». Dans ce document, vous allez avoir dans la bibliothèque plusieurs choses. Vous avez un premier classeur qui s'appelle « Le poisson ». Si j'ouvre ce classeur, je trouve dedans des morceaux de poisson. Je trouve le corps, la nageoire basse, la nageoire caudale, la nageoire haute, l’œil, l’œil complet, la nageoire pectorale et la pupille. Tous ces éléments ont été regroupés dans un seul et unique élément qui est le poisson que voilà. Ensuite, nous avons un autre clip qui contient un chapelet de bulles. Et donc, le but du jeu va être de construire notre aquarium privé. Alors, pour ce faire, on va faire un premier calque qui va contenir le fond. Nous allons ensuite rajouter un calque qui va contenir le poisson. Puis, nous allons faire un autre calque qui va contenir la vitre si nous ne voulons pas avoir les pieds dans l'eau. On verrouille tous les éléments, on déverrouille le fond, et là, on va choisir l'outil Rectangle, nous allons aller sur la palette, et, dans la palette, nous allons choisir en terme de remplissage, le dégradé radial. Nous allons prendre sur le premier élément ici ce bleu là, par exemple, et sur l'élément qui est ici, un bleu un peu plus soutenu, celui là. Comme ça j'ai un bleu clair au milieu ici, et un bleu plus foncé tout autour. Je vais réduire ça et je vais dessiner un rectangle qui couvre toute la surface de ma scène, comme ceci, même si je déborde un peu, ce n'est pas très grave. Je maintiens enfoncé mon bouton de souris, je viens sur l'outil « Transformer le dégradé ». Et donc, je clique sur mon dégradé, ce qui va me permettre d'amener le point chaud quelque part par là, la lumière du jour étant forcément en haut dans l'eau, et venant du haut vers le bas. Donc voilà ce que je simule avec ce point chaud, faire 50 %. On va peut-être déformé un petit peu, comme ça, ovaliser un petit peu les choses, voilà, comme ça. Et on va tourner cet ovale dans ce sens là. Bon, eh bien voilà, on a fait le fond, donc il nous reste plus qu'à verrouiller, et à déverrouiller pour accéder au calque Poisson. Je prends l'animal qui est ici, mais avant de le mettre, je vais un petit peu analyser la manière dont il est fabriqué. Je double-clique sur Poisson, et là vous remarquez que j'ai au total autant de calques que d'éléments constituant ce poisson. Ces calques sont verrouillés. Donc j'ai programmé à l'aide des interpolations de mouvement, ce que nous allons voir, eh bien, tous ces mouvements là. Je vais venir à 50 %. Et si je déplace cette tête rouge, qu'on appelle la tête de lecture, je vois la nage de mon poisson. Donc chacun des éléments est animé sur son propre calque. L'animation est toujours constituée d'un point de départ, symbolisée par ce point noir, d'un point d'arrivée qui est ici, puis d'un autre point d'arrivée, puis d'un autre, puis d'un autre, puis d'un autre. Qu'est-ce qui se passe ? Il se passe que j'explique ce qui doit se passer pour la première image. J'explique ensuite ce qui doit se passer arrivé à cet emplacement-là, par exemple. Puis, je réexplique ce qui doit se passer à cet emplacement-là, etc. Et Animate calcule toutes les images intermédiaires, ce qui nous donne ce charmant mouvement de nageoire caudale. Alors, ça c'est fait, on ne va pas y toucher, je reviens sur ma scène. Nous, nous allons faire déplacer le poisson, très exactement sur le même principe. Je prends mon clip Poisson, que je glisse, que je lâche, et que je vais bien sûr dimensionner à l'aide de l'outil de transformation libre. Je clique dessus, je fais Shift, et je le dimensionne tout petit. Je viens le mettre en dehors du bocal, quelque part par là. Et donc maintenant, je souhaite faire une animation. Je vais expliquer à Animate : le point de départ est ici, et le point d'arrivée, je souhaite qu'il soit là. Je prends mon outil de sélection, je viens sur mon calque, et là je fais clic droit. Puis je dis Créer une interpolation de mouvement. Que se passe-t-il ? Il se passe qu'automatiquement, j'ai 25 images qui sont créées. Pourquoi 25 ? Parce que cette animation, cette scène est réglée à la cadence de 25 images par seconde, donc, il m'a généré une seconde d'animation. Alors pour l'instant, il n'y a rien qui bouge, puisque l'image de départ qui est celle-là, est identique à l'image d'arrivée, là où il y a actuellement cette tête rouge. Je vais dire que je veux plus long, je glisse tout simplement, pour indiquer la longueur. Donc, après, c'est un simple calcul mathématique. Si je viens à 100, ça fera quatre secondes d'animation, puisque 25, ça en fait une. Une fois que je suis à l'emplacement qui m'intéresse, je prends l'élément que je souhaite déplacer, et je le déplace ici en tenant la touche Shift enfoncée pour faire une parfaite ligne droite, et j'arrive donc à l'autre bout. Vous n'êtes pas sans remarquer que maintenant que je suis à l'autre bout et que j'ai lâché le bouton de ma souris, et ainsi que la touche Shift, j'ai un petit point noir qui a fait son apparition, et ici j'ai une ligne, qui est le chemin que va suivre ce poisson. Alors ce chemin, il est trop rectiligne. Je m'approche du petit point, vous voyez au passage le petit arrondi qui fait son apparition. Rappelez-vous, on l'a déjà vu au niveau des formes. Je vais tout simplement faire quelque chose comme ça, pour que mon poisson fasse une petite courbe et vienne gentiment vers le haut ici pour repartir. Ça donnera une espèce de petit mouvement. Maintenant, regardez bien, je déplace ma tête, et mon poisson suit très exactement la courbe. Arrivé ici, je vais dire qu'à cet endroit-là, le poisson est au plus près, il est plus près de moi. Je vais prendre tout simplement l'outil de dimensionnement, et je vais très légèrement en tenant Shift enfoncé, grossir mon poisson, comme ceci, ce qui donnera l'impression, que ce poisson était petit au départ, et est devenu plus gros ici, et est à nouveau plus petit au point d'arrivée. Donc on aura l'impression qu'il vient légèrement vers nous, puis qu'il s'éloigne à nouveau. Et je déplace donc ma tête pour revenir ici. Maintenant vous remarquez une chose, c'est que quand je déplace ma tête, je n'ai le fond de couleur qu'à un seul emplacement. Je glisse, on est à nouveau sur un fond blanc. Pas de souci, il suffit tout simplement de venir complètement au bout de notre animation, de se positionner sur le calque qui contient le fond, et là on va faire un clic droit, puis on va dire qu'on veut rajouter une image tout court, ça veut dire le dégradé de couleurs qui est sur la première image, je souhaite qu'il se prolonge jusqu'à la dernière image. Voilà, et là j'aurai mon dégradé de couleurs tout du long sans problème. Alors, est-ce que tout ça, ça marche ? J'appuie sur Entrée, et je vois qu'effectivement, ça a l'air de pas trop mal fonctionner. Donc, maintenant qu'est-ce qu'il nous reste à faire ? Eh bien, il nous reste plusieurs choses. Il nous reste à mettre les bulles en place, puis la vitre qui vient devant. Toutes choses que je vous invite à découvrir dans le prochain tutoriel.

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 !