Après avoir appris à utiliser la méthode de la chronologie pour animer, nous avons terminé la partie de base de la production d'animation. Il convient de souligner à nouveau ici qu'il faut veiller à ne pas passer du mode timeline au mode image à volonté, car cela rendrait la définition de la timeline invalide. Si vous faites une erreur, vous pouvez utiliser la commande Annuler pour récupérer.
Dans les leçons précédentes, lors de l'utilisation de la transition de cadre, il y avait 3 paramètres (5 dans le cas des masques), à savoir la position, l'opacité et le style. Nous savons déjà que la position est la coordonnée du calque. Par exemple, déplacer un texte modifie la position du calque de texte. L'opacité vous permet de modifier la translucidité du calque. Le soi-disant style fait référence au style de calque. Dans les bases de Photoshop, nous avons déjà appris à définir des styles pour les calques. Il existe de nombreux paramètres dans la définition des styles qui affectent directement l'effet final. Tels que la hauteur de l'ombre, l'angle, etc. La plupart de ces paramètres peuvent être utilisés comme variables d'animation. Peut faire de très bonnes animations.
Lors de la création d’œuvres statiques, le style de calque le plus fréquemment utilisé est la projection, commençons donc par la projection et animons-la pour voir l’effet.
Avant de faire de l'animation, vous devez d'abord avoir une bonne idée de comment le faire. Cette idée peut être appelée un script. Le réglage du script cette fois est de faire flotter un cercle. Pour montrer des objets flottant sur une surface plane, vous devez utiliser la projection pour guider la vision. Créez une nouvelle image vierge 100×100 et accédez aux paramètres du document (cliquez sur la palette d'animation dans le coin supérieur droit
bouton) et modifiez la durée de l'animation à 1 seconde et la fréquence d'images à 15. Comme indiqué ci-dessous. Cette animation comporte un total de 15 images. Il convient de noter que puisque le numéro d'image commence à 1 et que l'heure commence à 0, l'heure de début est 00h00, qui est la première image. La 15ème image doit alors être située à 00h14 et non à 00h15. . Ce problème a déjà été évoqué et sera répété ici.
Créez un nouveau calque, puis utilisez le mode pixel de remplissage de l'outil Ellipse (et non vectoriel) pour dessiner un cercle avec une couleur personnalisée, puis définissez un style d'ombre portée dessus. Comme le montrent respectivement les figures suivantes.
Les paramètres ci-dessus sont tous définis par défaut à 00h00. Appuyez maintenant sur le bouton du chronomètre à gauche de « Style » dans la timeline.
, activez ce paramètre d'animation. Déplacez la référence temporelle à 00:14 (c'est-à-dire la dernière image), ouvrez à nouveau la zone de réglage du style et modifiez la « distance » dans les paramètres de projection à 20 pixels. L'effet est comme indiqué dans la figure ci-dessous.
Il semble que quelque chose ne va pas. En effet, même si l'ombre bouge, l'objet ne bouge pas, l'effet flottant ne peut donc pas être exprimé. Par conséquent, lors de la réalisation de telles animations à l'avenir, chacun doit faire attention au fait que les objets et les ombres doivent se déplacer dans des directions opposées en même temps.
Revenez maintenant au début et ouvrez l'élément "Position" dans la timeline. Puis à 00h14 (l'élément de style cliquable
pour trouver le moment) et déplacez le cercle un peu vers le haut à gauche (vous pouvez utiliser les touches de direction du clavier). Notre projection est de 75 degrés, nous devons donc faire attention à nous déplacer plus vers le haut et moins vers la gauche, environ 2. :1. La distance de déplacement ne doit pas nécessairement être de 20 pixels. Environ 15 pixels suffisent pour obtenir l'effet souhaité. L'effet modifié est le suivant.
Ce script est globalement terminé, et nous pouvons travailler un peu mieux sur les détails. Modifiez les paramètres de projection de la dernière image, changez l'"Opacité" de la projection à 45%, et la "Taille" à 15 pixels. Cela rend l'ombre floue et estompée. Plus conforme à la situation réelle.
Lorsque nous avons introduit le cadre de l'intrigue auparavant, nous n'avons pas préconisé ce type de « aller sans retour », mais devrions lui faire former un mouvement circulaire alternatif, nous le modifierons donc ensuite.
Tout d'abord, modifiez la durée à 2 secondes dans les paramètres du document et maintenez la fréquence d'images inchangée à 15, ce qui donne un total de 30 images d'animation. Puis au dernier moment, les images clés pour le style et la position du masque vectoriel sont établies. Ces deux images clés conservent l'état à la fin de l'animation originale.
Faites ensuite un clic droit sur les images clés au début des deux projets et sélectionnez « Copier l'image clé », puis faites un clic droit sur l'image clé au dernier moment et sélectionnez « Coller l'image clé ». De cette façon, l’état à l’heure de fin est cohérent avec l’heure de début. L'effet est illustré dans la figure ci-dessous.
Nous pensons maintenant que ce cercle est trop monotone, comme une tarte plutôt qu'une boule, nous pouvons donc y ajouter un effet de surbrillance via le style de calque. Cela peut être fait en utilisant la superposition de dégradé. Revenez au point de départ et définissez le style de superposition de dégradé comme indiqué à gauche ci-dessous. Notez que la surbrillance par défaut sera située au centre du cercle. Lors du réglage, faites-la glisser vers le coin supérieur gauche de la fenêtre d'image (le clavier ne peut pas être utilisé). L'effet est celui indiqué dans l'image de droite ci-dessous.
À ce stade, avez-vous déjà pensé à une question, c'est-à-dire que nous avons déjà activé l'animation des éléments de style et que nous avons maintenant ajouté un nouvel élément de style, alors comment ce nouvel élément de style se comporte-t-il dans l'animation ? Nous définissons cet élément de style uniquement au début, qu'en est-il à d'autres moments ? Jouez l'animation et vous verrez qu'au fur et à mesure que l'animation progresse, l'effet de superposition de dégradé disparaît progressivement. En effet, l'élément de style n'est pas inclus dans l'image clé suivante (comme vous pouvez le voir dans la palette des calques à 00:14), ce qui équivaut à faire disparaître la superposition de dégradé.
Maintenant, pour que la superposition de dégradé soit toujours efficace, vous devez ajouter cet élément de style dans toutes les images clés. Mais ce style implique de glisser la souris et ne peut pas être simplement reproduit via des paramètres tels que la projection. Par conséquent, si vous souhaitez définir les mêmes paramètres à chaque fois, cela équivaut à vous assurer que l'action de glissement de la souris est la même, ce qui n'est pas réaliste. Photoshop traite tous les éléments de style dans leur ensemble et ne fournit pas de fonction de copie pour un seul élément de style. Il est donc impossible d’ajouter une superposition de dégradé tout en conservant le style de projection de l’animation originale.
La méthode la plus réalisable consiste désormais à supprimer les 2e et 3e images clés de l’élément de style. Laissez-le réanimer le projet de projection en fonction de l'inclusion d'une superposition de dégradé. La position du calque n'a rien à voir avec cette opération et n'a pas besoin d'être modifiée. L'effet terminé est montré dans l'image ci-dessous.
Il convient de noter que lors de l'utilisation de la superposition de dégradé, du brillant et d'autres styles qui nécessitent que la souris fasse glisser l'image pour produire des effets sur le calque du masque vectoriel, il est préférable de ne pas définir le mouvement du calque en même temps. Sinon, ces styles risquent de ne pas suivre le mouvement lors de l'exportation vers un fichier. Cela peut être dû à une vulnérabilité du programme Photoshop.
Pour résoudre ce problème de l'impossibilité d'ajouter de nouveaux éléments de style à mi-chemin, une méthode simple peut être utilisée pour résoudre le problème : lorsque vous créez un style de calque pour la première fois, activez tous les éléments de style et enregistrez ceux qui ne sont pas utilisés. temporairement L'opacité de l'élément de style est définie sur 0%, ce qui n'affectera pas l'effet et facilitera sa réactivation à l'avenir. Mais vous ne pouvez toujours pas éviter de devoir réinitialiser chaque image clé. Par conséquent, cela devrait être pleinement pris en compte au stade du scénario.
À l'heure actuelle, l'état de superposition de dégradé dans trois images est le même. Nous pouvons modifier le style dans la deuxième image clé et utiliser la souris pour déplacer un peu le point de surbrillance formé par le dégradé vers le haut à gauche pour imiter le changement de position d'éclairage provoqué par le mouvement de la sphère. L'effet est comme indiqué ci-dessous. En réalité, l’ombre change différemment. Elle devrait se transformer en une ellipse dans la direction de la lumière. Et lorsqu'une sphère s'arrête sur un plan, la hauteur de l'ombre ne doit pas être si faible, elle doit être d'environ 5 à 8 pixels. Ces questions dépassent le cadre de cette leçon.
La plupart des styles de calque peuvent être animés, et les ombres portées et les ombres intérieures sont utilisées de la même manière pour exprimer la tridimensionnalité des objets, tout comme dans l'exemple ci-dessus. Les effets de la lueur extérieure et de la lueur intérieure sont similaires, les deux sont utilisés pour créer l’effet lumineux des objets. "Direction" et "Angle" dans Bevel et Emboss ne peuvent pas être animés. Gloss peut créer des animations plus irréelles. La superposition de couleurs peut créer une transition entre deux couleurs. La superposition de dégradé est un élément de style qui peut produire une variété d'effets. En plus de l'angle, de la mise à l'échelle et de la position du mouvement de la souris, elle nécessite également des connaissances de base en matière de réglage du dégradé. Vous pouvez regarder l'introduction des parties correspondantes dans le tutoriel de base.
En mode trait de motif dans les options de motif et de trait, les modes de mise à l'échelle et de fusion du motif peuvent former un bon effet d'animation. Vous pouvez étudier le contenu spécifique par vous-même.
Cette mission consiste à créer l'animation radar simulée présentée dans l'image ci-dessous. Veuillez prêter attention aux détails de l'animation.