Avant de commencer, expliquons d'abord le devoir après le dernier cours, qui est une animation avec deux objets se déplaçant ensemble. Les soi-disant deux objets sont en fait deux calques. Dessinez respectivement un carré et un cercle, puis copiez une image et déplacez les positions des calques de manière relative. Ce n'est pas techniquement difficile.
Mais faites attention à notre exemple d'animation. Le cercle ne bouge pas au début, mais démarre après une période de décalage. Cela signifie que dans les premières images, seul le calque carré doit être déplacé, pas le calque circulaire. Une fois que le carré a bougé de quelques images avant de commencer à déplacer le cercle, la palette d'animation ressemblera à l'image ci-dessous. Cliquez sur la flèche rouge pour ouvrir les options de la palette et définir vous-même la taille de la vignette du cadre. à la flèche verte C'est le bouton pas à pas d'image. Cliquez pour lire une image à la fois. Il lit l'image précédente. Le bouton revient à l’image de départ.
Nous avons organisé cet exemple pour dire à tout le monde qu'une animation plus complexe est souvent composée de nombreux objets et que ces objets peuvent ne pas tous bouger (comme se déplacer) ensemble. Par exemple, lors de la création d'une animation d'un objet frappant un autre objet, l'objet touché doit rester immobile jusqu'à ce que l'objet frappant entre en contact.
Auparavant, nous faisions des animations de déplacement, qui utilisaient le mouvement des calques. De plus, vous pouvez également créer une animation en définissant différentes transparences de calque. Je pense que tout le monde peut deviner la méthode de production, qui consiste à modifier la valeur de transparence partielle dans la palette des calques dans différentes images. Créez maintenant une nouvelle image 100 × 100, créez un nouveau calque et dessinez un carré. Copiez ensuite 5 images à la fois et vous verrez que les 6 images ont le même contenu. Modifiez le temps de séjour de toutes les images à 0,1 seconde, comme indiqué dans l'image de gauche ci-dessous.
Sélectionnez ensuite l'image 2 et modifiez l'opacité du calque carré à 80 % dans la palette des calques, puis à 60 % pour l'image 3, et ainsi de suite jusqu'à ce que l'image 6 soit à 0 %. L'effet est similaire à celui illustré à droite ci-dessous. À ce moment-là, lorsque vous jouez, vous verrez l’effet des blocs s’estomper progressivement. Il convient de noter qu'à travers Le bouton pour masquer le calque équivaut à régler l'opacité à 0%.
Une grande différence dans cette production est que nous avons modifié la méthode originale consistant à copier une image et à la définir immédiatement, puis à copier une autre image après l'avoir définie. Cette fois, toutes les images sont copiées en même temps, puis les images sont sélectionnées pour les réglages. C'est aussi une méthode de production.
Pendant l'opération, il n'est pas difficile de constater que l'opacité dans la palette des calques reviendra à 100 % lorsqu'un autre cadre est sélectionné. Cela illustre le fait que la modification de l’opacité d’une image n’affecte pas les autres images. Imaginez encore, si nous utilisons cette méthode pour créer le mouvement de bloc initial, que se passera-t-il lorsque nous sélectionnerons l'image suivante après avoir déplacé le calque dans l'image précédente ?
Évidemment, nous allons voir les cases revenir à la case départ. Et si le réglage de la position du calque à ce moment ne suit pas la trajectoire de l'image précédente, un effet de mouvement fluide ne sera pas obtenu. Par conséquent, cette méthode consistant à pré-construire toutes les images puis à les modifier n'est pas adaptée à l'animation de déplacement, ni à d'autres animations. Il n'est utilisé que lorsque vous devez animer dans un nombre spécifié d'images.
Maintenant que nous maîtrisons deux paramètres pouvant produire des effets d'animation, l'un est la position du calque et l'autre l'opacité du calque. Nous pouvons maintenant utiliser les deux pour créer une animation qui se déplace et s'estompe. Cela peut être modifié en fonction du simple fondu du moment. C'est-à-dire utiliser une méthode simple, sélectionner un cadre puis le déplacer un peu, et ainsi de suite.
Mais nous avons besoin d'un effet de déplacement de l'extrémité gauche vers l'extrémité droite, ce qui signifie que la position de départ du bloc doit être à l'extrémité gauche, mais maintenant les blocs de toutes les images sont au milieu. Que devons-nous faire ? Puisque "tous les cadres" sont au milieu, faisons en sorte que "tous les cadres" aillent vers la gauche. Sélectionnez toutes les images dans la palette d'animation, utilisez l'outil de déplacement pour déplacer le calque vers l'extrême gauche et vous verrez que la position des carrés dans toutes les images a changé.
Il existe une autre façon. L’ensemble du processus d’animation peut être vu comme une relation de cause à effet. Si vous supprimez un calque sur la première image, il n'existera plus dans toutes les images suivantes. Par conséquent , dans les paramètres d’animation de Photoshop, la première image est relativement spéciale. Sélectionnez maintenant la première image et assurez-vous que "Spread Frame 1" est activé dans la palette Calques, comme indiqué par la flèche rouge dans l'image de gauche ci-dessous. Déplacez ensuite le calque et vous constaterez que les blocs de toutes les images se sont déplacés uniformément, comme le montre l'image de droite ci-dessous. Si « Propagate Frame 1 » n'est pas valide, seule la position du bloc dans le cadre 1 sera modifiée.
Les deux méthodes ont leurs propres avantages et inconvénients. "Propagation de l'image 1" signifie en fait "propagation de l'image 1", ce qui signifie propager les modifications de l'image 1 à toutes les images. Elle peut facilement modifier les paramètres de certains objets dans l'ensemble de l'animation. La méthode de sélection de toutes les images sera un peu gênante lorsque le nombre d'images est grand, mais elle peut être dérivée de la méthode de « sélection de certaines images ». Par exemple, lorsque vous n'avez besoin de modifier que les 3 premières images, vous pouvez sélectionner. les 3 premières images ensemble et définissez-les certainement.
Il convient de noter que « Propager l'image 1 » est toujours efficace même si une position de calque différente est initialement définie pour chaque image. L'effet est équivalent au décalage des coordonnées de toutes les images par rapport à la première image.
Reparlons de la question de la sélection de plusieurs images. Nous savons déjà que si vous souhaitez sélectionner les 4 premières images, vous pouvez d'abord sélectionner l'image 1 puis maintenir la touche MAJ enfoncée puis cliquer sur l'image 4, ou l'inverse peut être. fait. Mais si vous souhaitez sélectionner des images discontinues, telles que l'image 1, l'image 3 et l'image 4, vous pouvez d'abord sélectionner l'image 1 à l'image 4 selon la méthode précédente, puis maintenir la touche CTRL enfoncée et cliquer sur l'image 2 pour soustraire le cadre sélectionné 2. . Répétez l’opération une fois pour ajouter le cadre de sélection 2. Si vous souhaitez sélectionner des images individuelles éloignées, telles que l'image 2, l'image 11, l'image 17 et l'image 27, vous pouvez d'abord sélectionner n'importe laquelle d'entre elles individuellement, puis maintenir la touche CTRL enfoncée pour ajouter et sélectionner d'autres images.
Après avoir déplacé les blocs dans toutes les images vers la gauche, il vous suffit de définir la position des blocs image par image, c'est-à-dire de sélectionner la 2ème image pour bouger un peu et la 3ème image pour bouger un peu. Bien sûr, il existe un problème que nous avons déjà évoqué, à savoir qu’il est difficile d’assurer un mouvement fluide. Nous avons appris dans Photoshop que lors de la sélection de l'outil de déplacement, vous pouvez utiliser les touches fléchées du clavier pour déplacer le calque d'un pixel à la fois et utiliser la touche MAJ pour le déplacer sur de longues distances.
Maintenant, sélectionnons l'image 2 et déplaçons-la avec MAJ + flèche droite. Sélectionnez ensuite l'image 3. Puisque le bloc de cette image est revenu au point de départ, vous devez appuyer deux fois sur MAJ + la touche fléchée droite. Dans l'image 4, c'est 3 fois, et ainsi de suite. Les paramètres sont similaires à celui indiqué ci-dessous. Le carré a disparu dans l'image 6, aucun réglage n'est donc requis.
Bien que la méthode d'utilisation des touches de direction pour se déplacer puisse garantir la cohérence de la trajectoire, ses limites sont également évidentes, c'est-à-dire qu'elle ne convient que pour réaliser des trajectoires telles que des angles horizontaux, verticaux ou à 45 degrés. Que se passe-t-il si nous avons besoin d'une trajectoire de mouvement plus aléatoire (comme un arc) mais que nous souhaitons conserver la douceur ? Bien sûr, tout le monde dira que si vous utilisez la méthode "copier les images et déplacer les calques" depuis le début, vous n'aurez pas les problèmes actuels, mais n'oubliez pas qu'il est courant de modifier la trajectoire du mouvement. Réfléchissez donc bien à la manière de le faire fonctionner.