Maintenant, nous avons officiellement commencé à utiliser la chronologie pour créer des animations. C'est très différent de notre précédente animation basée sur des images, mais en comparaison, la méthode de la chronologie est plus intuitive et simple, et ce sera également notre principale méthode de production à l'avenir. .
En suivant le contenu de la leçon précédente, commencez à mettre en place l'animation du "aller et venir tranquillement". Développez le projet d'animation de ce calque de texte dans la palette Chronologie, comme indiqué dans la figure ci-dessous. Assurez-vous que l'heure actuelle est 0:00:00:00 et notez que la marque de temps sur la flèche rouge doit être à l'extrême gauche, ce qui signifie qu'elle se situe à l'heure de début.
Utilisez ensuite l'outil de déplacement pour déplacer "Quietly Come and Go" vers l'extrémité droite de l'écran. Cliquez ensuite sur le bouton du chronomètre au niveau de la flèche orange
, ce qui signifie que le projet d'animation "Position" est démarré et que la position actuelle du calque de texte (l'extrémité la plus à droite de l'écran) est enregistrée au moment du démarrage. Le losange jaune qui apparaît dans la zone de la chronologie est un signe que l'enregistrement y est contenu. C'est également ce qu'on appelle une image clé, qui est une image clé de la chronologie. Elle est différente de l'animation d'image de transition que nous avons apprise auparavant.
Tirez le marqueur de temps vers l'extrême droite et utilisez l'outil de déplacement pour déplacer le texte vers l'extrême gauche de l'écran. À ce moment, vous verrez une image clé générée automatiquement au niveau du marqueur sur la timeline. Comme le montre l'image ci-dessous, notez qu'il y a un bouton "Supprimer/Ajouter" en forme de losange au niveau de la flèche rouge.
, si ce bouton est enfoncé à ce moment, l'image clé établie à la marque temporelle sera supprimée. S'il n'y a pas d'image clé au niveau du benchmark, cliquez pour créer une nouvelle image.
Il convient de noter qu'ici, notre référence temporelle ne peut être tirée vers la droite qu'à 04h04 au maximum, et non à 05h00. En effet, 05h00 est le moment où l'animation se termine enfin, qui est le moment de "la fin de la dernière image", mais ce que nous devons définir maintenant, c'est l'état du "début de la dernière image", et la dernière image elle-même restera pendant un certain temps. Le repère ne sera donc pas à 05h00. N'oubliez pas que le cadre est la plus petite unité.
Grâce aux paramètres ci-dessus, nous avons complété le réglage du mouvement de position du texte « Quietly Come and Go ». Ensuite, définissez son changement de transparence. Faisons d'abord une chose simple, qui consiste à apparaître en fondu depuis le début, à apparaître complètement à mi-parcours, puis à disparaître jusqu'à la fin. Cela nécessite 3 images clés à définir. Réglez-le sur 0 % au début, 100 % à la mi-temps et réglez-le sur 0 % à la fin. Approximativement comme indiqué ci-dessous. Notez que les modifications de transparence ne peuvent pas être obtenues en masquant les calques en mode chronologie.
Après avoir défini l'image clé 1 sur 0 % dans la première étape, si nous tirons le marqueur temporel vers l'arrière, nous constaterons que la transparence est de 0 % à tout moment. Après avoir défini l'image clé 2 dans la deuxième étape, vous constaterez qu'il y a un effet de transition entre 12, mais après l'image clé 2 jusqu'à la fin, le texte est toujours affiché. Cela fait ressortir une propriété très importante de la timeline : les paramètres des images clés à un certain moment affecteront tous les instants après ce moment. Par conséquent, le réglage de l'image clé 1 fait que la couche de texte est à 0 % pour toutes les périodes suivantes (entre 12 et 23). Lorsque l'image clé 2 est définie, une transition se forme entre 12 et 23 et l'ensemble du processus entre 23 et 23 devient 100 %. Jusqu'à ce que l'image clé 3 soit définie, une transition est formée entre 23.
En termes d’ordre de configuration, il n’est pas nécessaire de suivre complètement l’ordre ci-dessus. "Aller et venir tranquillement" est à l'origine de 100 %, nous pouvons donc créer des images clés la moitié du temps sans définir l'opacité, car elle devrait être réglée à 100 % à ce moment-là. Créez ensuite des images clés aux instants de début et de fin et ajustez-les à 0 %.
Annulez les paramètres précédents et suivez le nouvel ordre, c'est-à-dire modifiez l'ordre de 1, 2, 3 à 2, 1, 3. Puisque l'opacité des instants de début et de fin (1 et 2) est la même, nous pouvons le faire en copiant-collant les images clés. Créez d’abord ces deux images clés. Après avoir défini l’heure de début, marquez l’image clé dans la chronologie.
Faites un clic droit dessus et sélectionnez "Copier l'image clé", puis faites un clic droit sur la marque du moment de fin et sélectionnez "Coller l'image clé", copiant ainsi les paramètres du premier vers le second. L'ordre peut également être inversé. Cette méthode fonctionne sur toutes les images clés existantes.
Rappelez-vous les fondus d'entrée et de sortie mentionnés précédemment lors de l'apprentissage de la production d'animations d'images de transition. Vous saurez que l'effet du paramètre actuel à 3 images n'est pas idéal. Les processus de fondu d'entrée et de sortie doivent être raccourcis pour permettre le fondu d'entrée et de sortie. texte à déplacer pendant le mouvement. Reste pleinement manifeste la plupart du temps. Nous allons maintenant le modifier en fonction des 3 images précédentes.
Vous souhaiterez peut-être ajouter deux images supplémentaires avant et après l'image d'origine 2, comme indiqué en haut de la figure ci-dessous. En fait, déplacez simplement le cadre d'origine 2 comme indiqué ci-dessous, puis ajoutez un nouveau cadre. Ses paramètres peuvent être copiés à partir du cadre d'origine 2. De cette façon, nous avons terminé les modifications des fondus entrants et sortants.
À partir des opérations ci-dessus, nous pouvons résumer une fonctionnalité de base de l'animation chronologique, qui consiste à séparer chaque projet d'animation indépendamment, et les modifications apportées à l'un des projets n'affecteront pas les autres projets. Par exemple, lorsque nous modifions « Transparence », nous n'avons pas besoin de prendre en compte la « position » définie précédemment. De plus, les paramètres d'images clés de chaque projet peuvent être différents, vous n'avez donc pas à vous soucier d'unifier le nombre d'images clés.
Il y a un problème à noter concernant l’ajout d’images clés, à savoir la différence entre l’ajout automatique et l’ajout manuel. Lorsque vous cliquez sur le bouton chronomètre d'un élément Ensuite, le projet établira une image clé au moment de référence et suivra automatiquement les changements dans le projet dans d'autres plages de temps. Cela signifie que si vous déplacez le marqueur temporel vers un nouvel emplacement et apportez des modifications à cet élément sur le calque, une nouvelle image sera automatiquement créée au niveau du marqueur actuel. Si vous n'avez apporté aucune modification et souhaitez créer des images clés, vous devez cliquer manuellement sur le bouton (notez que cliquer sur un cadre existant supprimera le cadre). Cliquez sur le cadre précédent
et image suivante bouton pour passer d’une image clé à l’autre. Vous pouvez également cliquer directement avec le bouton droit sur l’image clé et sélectionner supprimer l’image.
De manière générale, on clique sur le bouton chronomètre au début de l'animation Établissez la première image clé, puis déplacez le marqueur au moment approprié, apportez les modifications correspondantes au calque et obtenez une nouvelle image clé automatique. Effectuez l'ensemble du processus de réglage encore et encore. Relativement parlant, il n'y a pas beaucoup de possibilités de créer manuellement des cadres, car ils sont tous destinés au réglage et l'effet n'est pas très différent des cadres ajoutés automatiquement. Dans les leçons ultérieures, l'ajout manuel d'images sera utilisé lors de la création d'effets d'accélération et de décélération.
En plus d'un seul projet, plusieurs projets d'animation peuvent également être définis en même temps et ils seront automatiquement suivis. Maintenant, nous déplaçons le repère temporel au moment de départ, comme le montre la figure ci-dessous, démarrons les projets d'animation correspondants de "Go and Stay" et "Shape 1", puis tirons le repère temporel à différents moments, modifions la position et l'opacité en conséquence. . Des marques de cadre seront laissées partout où il y aura des changements.
Il convient de noter que puisque "Forme 1" est un calque de masque vectoriel, pour enregistrer son mouvement de position, vous devez utiliser l'élément "Position du masque vectoriel" au lieu de "Position".
Une autre chose à mentionner est l'indicateur de tampon de rendu mentionné dans la leçon précédente. Vous avez peut-être découvert que lors de la lecture et de l'extraction du repère temporel, l'indicateur de tampon de rendu dans la zone correspondante sera rempli, ce qui signifie que Photoshop a le contenu spécifique du. l'animation est stockée dans le cache système, ce qui peut améliorer la vitesse lors de la nouvelle lecture. Mais si des modifications sont apportées à l'animation, le tampon de rendu sera effacé. Les animations que nous réalisons actuellement sont relativement simples, donc la mise en mémoire tampon ou non est la même chose. Mais si vous créez des animations plus complexes à l'avenir, en particulier lorsqu'il y a plusieurs images mélangées les unes aux autres dans l'animation, la différence de mise en mémoire tampon sera. réfléchi.
Dans cette leçon, nous avons appris les principales méthodes de création d'animations à l'aide de la méthode de la chronologie. Par rapport à la méthode de transition d'image que nous avons apprise précédemment, la méthode de la chronologie est non seulement plus rapide à créer, mais également extrêmement pratique à modifier. Désormais nous ferons la grande majorité des animations de cette façon. Jusqu'à présent, nous avons expliqué les connaissances de base de la production d'animation. Les cours suivants expliqueront certaines techniques plus avancées et comment créer des animations adaptées à différents supports tels que les pages Web et les téléphones mobiles.
Dans la section suivante, nous expliquons comment utiliser les styles de calque pour créer des animations .