Expliquons maintenant les devoirs du cours précédent. Par rapport aux devoirs précédents de « L'âge de pierre », sa difficulté a considérablement augmenté. L’une est l’augmentation des éléments d’animation, qui ne sont plus composés de quelques objets simples. De plus, il est nécessaire d’avoir une idée claire en tête avant de faire et de planifier les étapes à l’avance.
Créez une nouvelle image, d'environ 100 × 100, utilisez le mode calque de forme de l'outil Forme d'ellipse pour dessiner un cercle parfait vectoriel et remplissez-le de vert (la valeur est 19631c, qui peut être remplie dans la zone # sous le sélecteur de couleur . Il s'agit en fait d'un système hexadécimal pour représenter le nombre décimal 0 ~ 255 (pas besoin d'entrer dans les détails) ou d'autres couleurs. Copiez ensuite le calque (CTRL+J, le calque copié doit être au-dessus du calque d'origine), utilisez la fonction de transformation libre sur le calque copié et réduisez-le en référence au point central (ALT+MAJ). Définissez ensuite un style de trait (taille 1 pixel, blanc) et définissez l'opacité de remplissage sur 0 % pour obtenir un cercle de ligne. Réduisez de manière appropriée l'opacité de ce calque (environ 15 %) pour obtenir de meilleurs effets visuels. Dupliquez à nouveau ce calque de cercles de lignes et réduisez-le à nouveau comme avant pour obtenir deux cercles de lignes concentriques. Vous pouvez également créer des cercles plus concentriques en séquence. L'image devrait maintenant ressembler à l'image ci-dessous à gauche.
Créez ensuite un nouveau calque normal et utilisez le mode Remplir les pixels de l'outil Ligne (épaisseur 1 pixel, désactivez l'anticrénelage) pour dessiner une croix horizontale et verticale au centre du cercle. Lorsque vous dessinez, vous pouvez agrandir l'image pour faciliter l'alignement. Vous pouvez également utiliser la fonction d'alignement multicouche pour ajuster après le dessin. À ce stade, l'image ressemble à l'image du milieu ci-dessous et la palette de calques ressemble à l'image de droite ci-dessous.
Dans le processus de préparation de ce premier élément d'animation, nous avons d'abord utilisé des vecteurs pour dessiner des cercles car ils devaient être réduits, et la méthode vectorielle peut garantir la qualité. Cette dernière croix peut théoriquement être dessinée à l'aide d'une méthode vectorielle, mais comme la ligne vectorielle est dessinée en unités aussi petites que 1 pixel, les bords peuvent être flous en raison de sa propre fonction d'anticrénelage, et le résultat ressemblera à une épaisseur de 2 pixels. Vous pouvez l'essayer vous-même. Sauf dans le cas d'unités extrêmement petites, le dessin vectoriel doit être utilisé autant que possible. Ce principe ne changera pas.
La réalisation de l'effet de balayage radar est la première difficulté. Il s'agit en fait du style de superposition de dégradé. La clé est de choisir la méthode de dégradé de l'angle et les paramètres de dégradé correspondants, comme indiqué dans les images de gauche et du milieu ci-dessous. Le code couleur du dégradé est 96de8a. Le point de dégradé peut également être blanc et fondu dans l'image en modifiant le mode de fusion ou en réduisant l'opacité. L'image devrait maintenant ressembler à l'image ci-dessous à droite. Si vous ne comprenez pas le contenu ici, veuillez consulter les chapitres correspondants du didacticiel de base.
Nous faisons maintenant bouger la ligne de numérisation en modifiant la valeur de l'angle dans les paramètres de superposition de dégradé. La deuxième difficulté que vous rencontrerez ici est de savoir comment définir les paramètres d'animation. La ligne de balayage doit commencer à 90 degrés et doit revenir à 90 degrés après une rotation de 360 degrés. Mais si les deux sont définis sur 90 dans l'image clé, il n'y aura aucun effet d'animation, nous le définissons donc d'abord sur une position pivotée de 180 degrés. Il est à noter que si l'angle de rotation absolu est inférieur à 180 (181 degrés équivaut à 1 degré), l'angle de rotation minimum sera utilisé comme sens de rotation.
Modifiez les paramètres du document de l'animation sur une durée de 01h00 et une fréquence d'images de 15 ips. Activez l'enregistrement de l'animation de style du calque de cercle au début. Déplacez ensuite le repère temporel jusqu'à la fin de l'animation et définissez l'angle sur -90 degrés. La palette d'animation est présentée ci-dessous à gauche.
Regarder un exemple d'animation
Maintenant, nous prolongeons la durée de l'animation jusqu'à 02h00, déplaçons le marqueur temporel vers le nouveau moment de fin et créons une image clé, puis copions l'image 1 du style à ce moment. À l’heure actuelle, la palette d’animation est celle illustrée à gauche ci-dessous. Il semble que le réglage d'une rotation soit terminé, mais si vous y réfléchissez bien, l'état à 00h00 et 02h00 est le même maintenant, donc lorsque l'animation boucle, les deux images identiques n'en formeront qu'une. L'effet de pause n'est pas difficile à trouver si vous regardez attentivement lors de la lecture de l'animation.
Regarder un exemple d'animation
Nous avons déjà rencontré ce problème dans l'animation basée sur des images. La méthode à l'époque consistait à supprimer la dernière image. Cependant, en mode chronologie, une image ne peut pas être supprimée individuellement, uniquement en modifiant la durée. Nous changeons la durée à 01:14. La palette d'animation est présentée ci-dessous.
Notez que l'image initialement définie est désormais en dehors de la zone temporelle, mais elle fonctionne toujours, contrôlant les changements de paramètres de l'animation. Cela est vrai même si vous modifiez la durée pour une durée plus courte, de sorte que la palette d'animation ne soit plus visible. Par conséquent, les images clés définies en mode timeline ne disparaîtront pas car la durée devient plus courte. Ils réapparaîtront dans le futur à condition d'augmenter la durée. Il s'agit d'une fonctionnalité très importante.
Là encore, je voudrais souligner l'expression du temps d'animation 01:14 elle-même comprend à la fois les secondes et les images, ce qui signifie la 14ème image après 1 seconde. Selon notre réglage de 15 ips, ce nombre d'images absolu devrait être de 15+14=29 images. La représentation temporelle de l'image suivante doit être 02h00 au lieu de 01h15. Tout comme l'heure de la vie quotidienne est en base 60, il est alors impossible de l'exprimer en 3h60, mais elle doit être exprimée en 4 heures. De même, 15 ips représente le système hexadécimal, qui divise une seconde en 15 unités et arrondit à la seconde après 14 unités.
Regarder un exemple d'animation
Nous devons maintenant créer une simulation de l'objet balayé par le radar. Cela aurait dû être fait au début, mais afin de refléter la possibilité d'ajouter des éléments plus tard au cours du processus de production, nous l'avons fait maintenant.
Créez un nouveau calque et utilisez l'outil crayon de diamètre 1 pour faire quelques clics dessus avec du blanc (l'espacement ne doit pas être trop grand). Comme indiqué ci-dessous à gauche. Déplacez ensuite le marqueur temporel lorsque la ligne de balayage entre en contact avec ces points (à 00:10 dans l'exemple), cliquez sur le bouton du chronomètre d'opacité pour créer une image clé, puis déplacez le marqueur temporel jusqu'à ce que la ligne de balayage revienne presque à l'origine ( exemple) Situé à 01:10) Créez-en un autre et réglez l'opacité du calque à 0%, créant ainsi une animation des points s'estompant progressivement.
Regarder un exemple d'animation
Dans l'animation ci-dessus, vous pouvez voir que les petits points ont un effet de fondu après le passage de la ligne de numérisation. Cependant, le problème est que les petits points doivent être invisibles lorsque la ligne de numérisation ne l'a pas encore atteint. la ligne de balayage l'atteint, puis disparaît progressivement. Ensuite, nous devons définir les images clés au début et définir l'opacité du calque sur 0%. Mais il existe un autre problème : l'apparition de petits points devient un effet de fondu, c'est-à-dire que les petits points apparaissent progressivement avant que la ligne de balayage ne les atteigne.
Regarder un exemple d'animation
Comment résoudre ce problème est la troisième difficulté. Il existe deux manières de résoudre ce problème. L'une d'elles à laquelle vous devriez pouvoir penser est de déplacer l'image clé du début vers l'image avant que le petit point n'apparaisse complètement, comme indiqué dans l'image de gauche ci-dessous. De plus, une autre méthode est plus "formelle", dont nous n'avons pas parlé auparavant, et consiste à modifier la relation de transition entre les images.
Il existe maintenant une relation de transition entre les trois images d'opacité, c'est-à-dire la transition de l'image 12 et la transition de l'image 23. Si nous pouvons empêcher la transition entre les images 12, nous pouvons atteindre notre objectif. Faites un clic droit sur l'image 1 dans la palette d'animation et sélectionnez "Conserver l'interpolation". Notez que l'icône de l'image change de
devenu
, comme le montre la flèche rouge dans la figure de droite ci-dessous. Cela signifie qu'il n'y aura pas de transition entre une image et la suivante. L'approche est passée du « noir au blanc » au « soit noir, soit blanc ». À ce stade, toute la production d’animation est terminée.
Bien sûr, vous pourrez le remplacer ultérieurement par la méthode « d'interpolation linéaire » par défaut, et l'effet de transition réapparaîtra. Vous pouvez essayer de modifier vous-même la méthode d'interpolation des autres images. L'« interpolation » ici est une traduction rigide de l'anglais. Bien que certains mots ne transmettent pas le sens, rappelez-vous simplement son effet.
Après l'introduction des styles de calque, notre capacité à exprimer les effets d'animation a été considérablement améliorée. Chacun devrait s'entraîner davantage seul en dehors du cours et ne pas se limiter à ce qui est présenté ici. Sachez que nos exemples sont limités et que votre créativité est illimitée. Pour cette animation terminée, vous pouvez essayer de faire scintiller les lignes croisées ou les cercles concentriques. Pour parler franchement, il s'agit d'une alternance de fondus entrants et sortants, mais ce n'est pas un état extrême comme 0 % ou 100 %.
Le devoir d'aujourd'hui consiste à réaliser l'animation suivante. En plus du calque d’arrière-plan, un seul calque de texte est autorisé.
