Parlons d'abord des devoirs du dernier cours. Les trois animations que nous avons demandé à tout le monde de réaliser ont toutes des effets de fondu d'entrée et de sortie, mais si vous regardez attentivement, vous constaterez des différences.
La première animation apparaît progressivement au fur et à mesure du déplacement du texte. Le texte est plus évident à mi-chemin du mouvement, puis disparaît progressivement au fur et à mesure du déplacement. Si vous utilisez une transition de cadre pour le réaliser, vous devez d'abord déterminer 3 images clés. Le texte du premier cadre doit être à l'extrémité droite avec une opacité de 0 % (ou masquer le texte du deuxième cadre) ; être au centre avec une transparence de 100% ; Le texte du cadre 3 est tout à gauche, et l'opacité revient à 0% (ou masque le calque). Approximativement comme indiqué ci-dessous.
Ensuite, passez respectivement entre l'image 12 et l'image 23, en ajoutant environ 5 images chacune. Le délai de trame peut être défini par vous-même. Dans cette animation, le texte apparaît et disparaît simultanément avec le mouvement. La transparence change tout au long du déménagement.
Dans la deuxième animation, le texte est immobile lorsqu'il apparaît en fondu à l'extrême droite et commence à se déplacer une fois qu'il est entièrement visible. Après s'être déplacé vers l'extrême gauche, il disparaît alors qu'il est immobile. Ensuite, ses images clés doivent être de 4 images, à peu près comme indiqué dans l'image de gauche ci-dessous. Définissez simplement la transition entre ces 4 images respectivement.
Bien que le nombre spécifique de trames de transition puisse être défini arbitrairement, du point de vue de la conception, la transition entre la trame 12 et la trame 34 devrait être moindre, d'environ 3 à 4 trames. Il devrait y avoir relativement plus de transitions entre les images 23, environ 6 à 7 images. En effet, lorsque vous vous déplacez sur la même distance, moins le nombre d'images est petit, plus le mouvement par image est rapide, et plus le nombre d'images est élevé, plus le mouvement est lent. Comme le montre l'image de droite ci-dessous, il s'agit de la distance de mouvement de chaque image de 3 images, 4 images et 7 images. Théoriquement, plus le nombre d’images est élevé, plus l’animation sera riche et détaillée.
Notre animation affiche principalement du contenu textuel, afin que les spectateurs puissent le voir clairement. Si vous définissez le nombre d'images de fondu entrant et sortant sur un très grand nombre et le nombre d'images animées sur un très petit nombre, cela créera une situation dans laquelle le texte apparaît très délicatement, puis se déplace rapidement, puis disparaît. très délicatement. Peut-être que le spectateur peut encore comprendre le contenu du texte, mais cette méthode de présentation est inappropriée. Bien que cela puisse parfois aussi devenir une technique d’expression non conventionnelle.
Nous avons maintenant créé deux animations sur le même sujet, toutes deux avec des effets de fondu et de déplacement, mais elles présentent toutes deux des défauts d'expression. L'inconvénient de la première animation est que la transition d'opacité est trop longue. Le texte n'est entièrement visible que dans une seule image pendant toute l'animation. C'était semi-transparent avant et après. Cela ne souligne pas l’importance du texte et peut rendre la lecture difficile pour le spectateur.
Vous pensez peut-être que ce problème n’existe pas, car le texte de la première animation semble très clair. Mais nous utilisons une opacité de 100 % comme état d'affichage final. De cette façon, selon la transition à 5 images, chaque image a un incrément de 20 %. Autrement dit, bien que la première image soit de 0 %, la deuxième image atteint 20 %, il n'y a donc fondamentalement aucun problème de lecture. Si dans une autre situation, l'opacité finale n'est pas de 100 %, mais seulement de 30 % ou moins, l'incrément d'opacité dans chaque image devient très petit, donc bien que l'opacité finale de 30 % soit suffisante, elle est nécessaire pour la lecture, mais le fondu- en cours sera difficile à voir clairement et affectera la lecture. Vous pouvez définir l'opacité finale à 30 %, 10 %, etc. et réessayer.
En revanche, la deuxième animation évite cet inconvénient : elle effectue le fondu d'entrée et le fondu de sortie séparément. Elle ne commence à se déplacer qu'une fois le fondu d'entrée terminé (le texte atteint son état d'apparence final). conserve sa forme originale pendant le mouvement L'état final manifesté, qu'il soit à 100 % ou à 30 % ou autre. Cependant, cela présente également un autre inconvénient, à savoir que le texte est stationnaire au point de départ et au point d'arrivée, ce qui détruit la continuité du mouvement.
Nous souhaitons maintenant combiner les deux pour créer une animation présentant un effet de fondu entrant et sortant et pouvant également mieux afficher le texte. L'idée est de maintenir le texte de la première animation en mouvement tout au long du processus, mais de compresser les fondus d'entrée et de sortie en quelques images au début et à la fin, afin de garantir que le texte conserve son apparence finale pendant la plupart du temps. du mouvement. Comme le montre l'image de gauche ci-dessous, les flèches bidirectionnelles représentent les processus de fondu d'entrée et de sortie. La moitié supérieure montre la première animation. On peut voir que la somme des fondus d'entrée et de sortie est égale à la totalité. processus d'animation. Vous trouverez ci-dessous notre idée actuelle, le fondu entrant et le fondu sortant occupant la moitié ou moins de la séquence entière. Cela permet au texte d'effectuer la majeure partie de son mouvement dans son aspect final.
Le paramètre d'image clé est comme indiqué dans l'image de droite ci-dessous. Définissez simplement la transition au moment de deux images adjacentes. Bien que le texte ne soit pas visible dans le cadre 1, vous pouvez savoir qu'il est situé à l'extrême droite de l'écran. Dans le cadre 2, tout le texte a été affiché et la position s'est légèrement déplacée vers la gauche. De cette manière, la transition de l'image 12 complète l'intégralité du changement d'opacité et complète en même temps une petite partie du mouvement. Après cela, le texte se déplace sur une certaine distance (transition de l'image 23), puis commence à disparaître en se déplaçant vers l'extrémité gauche (transition de l'image 34), ce qui est l'opposé du fondu entrant.
Je me demande si vous avez pensé à un autre problème qui sera rencontré lors de la production de cette animation, à savoir comment s'assurer que la distance de mouvement de l'image 12 correspond à la distance de l'image 23. La correspondance ici ne signifie pas égale, mais signifie que la distance parcourue par chaque image est la même. Supposons que la transition de l'image 12 soit de 3 images (ABC) et que la transition de l'image 23 soit de 6 images (DEFGHI), c'est-à-dire. , 1ABC2DEFGHI3, un total de 12 images. Ensuite, la distance de mouvement du texte dans chacune de ces 12 images doit être égale pour obtenir un meilleur effet de mouvement. Mais les gens ont souvent l’impression d’aller vite devant et d’aller lentement derrière, ou d’aller lentement devant et d’aller vite derrière, parce qu’ils ne jugent pas suffisamment la distance de mouvement. Ce problème est difficile à résoudre. À moins d'utiliser une règle pour calculer avec précision la distance, vous ne pouvez essayer que plusieurs fois pour trouver le nombre d'images de transition le plus approprié.
Ce que vous devez maîtriser dans cette leçon, c'est comment gérer les fondus d'entrée et de sortie lorsqu'ils sont combinés avec du mouvement. La meilleure façon est d'utiliser un nombre d'images plus court pour terminer le fondu entrant et sortant tout en continuant à se déplacer, tout en gardant la distance de mouvement de chaque image similaire. Cette opération est un peu lourde, mais ne vous inquiétez pas, il y aura bientôt une solution.
anisample01.rar
Nous fournissons ici les fichiers sources pour réaliser la troisième animation ( anisample01.rar ), ce n’est pas que je pense que tout le monde ne peut pas le faire, mais afin d’assurer l’unité de l’enseignement, nous devons utiliser cette animation pour continuer à apprendre. Vous pouvez également utiliser votre propre travail. Il n'y a pas de devoirs pour ce cours, mais il y a une question de réflexion : comment créer l'animation comme indiqué ci-dessous tout en conservant inchangés les 20 paramètres d'image d'origine d'anisample01.psd.
Dans la section suivante, nous présentons les limites de l'animation d'image de transition .