Les méthodes de production que nous avons apprises jusqu'à présent sont suffisantes pour répondre à la plupart des besoins de production d'animations plates. Dans cette leçon, nous apprendrons quelques techniques qui peuvent ajouter plus d'effets aux œuvres d'animation, notamment : les calques spéciaux, l'accélération et la décélération, le flou de mouvement et la déformation du texte . J'espère également que chacun pourra résumer ses propres compétences de production et les partager avec les autres.
Ces compétences sont basées sur des cours antérieurs. Par conséquent, il est nécessaire de maîtriser minutieusement tous les cours précédents.
Les éléments pouvant être animés dans Photoshop incluent la position du calque, le masque de calque, l'opacité du calque et le style de calque. Au cours de la phase de base du didacticiel, nous avons découvert les calques de réglage des couleurs et les calques de remplissage. Ce type de calque est spécial. Le premier ne génère pas directement une image, mais effectue des ajustements de couleur sur le calque sous-jacent. Bien que ce dernier produise une image, il s’agit d’un « pixel virtuel » et le contenu rempli peut être modifié ultérieurement. Utilisons-les maintenant pour l'animation et voyons quel type d'effet nous pouvons obtenir. Cliquez ici pour en savoir plus sur les calques de réglage des couleurs. Cliquez ici pour en savoir plus sur les calques de remplissage.
Le calque de réglage des couleurs est relativement facile à utiliser et vous pouvez l'utiliser pour créer des effets de changement de couleur. Ces effets peuvent aller des changements de lumière et d'obscurité aux changements d'échelle de gris, en passant par l'inversion, etc. La méthode de mise en œuvre est également très simple, c'est-à-dire qu'il faut d'abord créer un calque de réglage des couleurs et effectuer les réglages pertinents, puis animer l'opacité du calque de réglage. Les exemples d'animation ci-dessous sont l'assombrissement des courbes, l'éclaircissement des courbes, le mappage de dégradé et l'inversion. Pour modifier une image en niveaux de gris, vous pouvez utiliser le dégradé en niveaux de gris d'une carte de dégradé ou utiliser la saturation de teinte.
Il convient de noter que ce type d'animation de changement de couleur prend un grand nombre d'octets car les pixels entre les images précédentes et suivantes sont pour la plupart différents. Cela doit être équilibré en réduisant autant que possible le nombre d’images, la fréquence d’images ou la taille de l’animation. De plus, vous pouvez également créer un masque du calque de réglage pour obtenir des effets de réglage des couleurs uniquement pour une certaine zone, ce qui ne sera pas démontré ici.
Parfois, il peut être nécessaire de montrer des changements spectaculaires. Les changements dits drastiques sont soit de grands mouvements de pixels, soit de grands changements de couleur. L'inversion peut être utilisée pour obtenir des changements de couleur drastiques. Grâce à l'exemple précédent, nous avons constaté que l'effet de l'utilisation de l'inversion comme transition n'est pas bon. La désactivation de l'effet de transition peut entraîner des changements de couleur drastiques. Cela peut être réalisé de deux manières : la première consiste à définir le cadre pour préserver l'interpolation. La seconde est de ne pas laisser d'espace entre les deux images clés, peu importe donc qu'il y ait une transition ou non.
Il est à noter que la seconde méthode est moins modifiable par la suite. Si vous augmentez la fréquence d'images dans les paramètres du document, une nouvelle image sera insérée entre les deux images clés d'origine rapprochées, de sorte qu'un effet de transition se produira. Cette méthode n’est donc pas recommandée. Optez plutôt pour la première approche.
Désormais, chacun peut réaliser cette animation par lui-même. Le paquet de fichiers contient des images matérielles et le PSD du produit fini. Veuillez ne pas encore ouvrir le fichier PSD et essayer de l'analyser et de le créer vous-même. Une fois terminé, reportez-vous à l’exemple de fichier PSD.
Cet exemple d'animation démontrant la technique d'utilisation d'un calque de réglage Inverser présente un certain tracé. Le premier est un météore noir qui tombe. Le météore est une ligne droite ou verticale tracée avec un pinceau avec un dégradé, puis pivotée à 45 degrés (l'angle peut être personnalisé), puis la partie du ciel à l'exception du bâtiment est créée. comme masque. Après avoir dissocié le masque, le météore peut être déplacé indépendamment et créer un effet d'occlusion avec le bâtiment. L'alternance en phase inverse ultérieure ne présente aucune difficulté technique et ne sera pas expliquée à nouveau. Quant à la création de masques, veuillez vous référer au contenu pertinent sur les masques de calque dans le didacticiel de base.
Il convient de noter que le fondu sortant final utilise un calque de réglage de teinte et de saturation. La différence est que le fondu sortant vers le noir est utilisé à la place du fondu sortant précédent vers le blanc. Lorsque vous utilisez des calques de réglage pour créer des fondus, il est préférable de ne pas utiliser Courbes ou Contraste de luminance, car ces deux commandes de réglage des couleurs ne transforment pas exactement l'image en blanc ou en noir complet, comme le fait la commande Saturation de teinte.
En plus d'utiliser des calques de réglage, vous pouvez également utiliser des calques de remplissage ou remplir des calques ordinaires pour créer des fondus. Le principe du fondu est le processus d'augmentation progressive de l'opacité du calque de 0% à 100%. L'avantage est qu'en plus du noir et blanc, il peut également passer à d'autres couleurs comme le rouge, le bleu, etc. Ce qui suit est une animation réalisée en 2000. La photo personnelle de cette époque a été découpée en deux zones différentes, puis divisée en trois segments. Un calque de remplissage blanc a été utilisé pour créer un effet de transition d'exposition simulé. Parce qu'elle est utilisée comme avatar personnel dans le forum classique, la taille et le nombre d'octets de l'animation sont strictement limités.
Ce n'est pas une tâche facile de maintenir le nombre d'octets aussi petit que possible tout en garantissant autant que possible la fluidité de l'animation. Cela peut nécessiter de sacrifier certaines bonnes idées. Mais si l’animation produite ne répond pas aux exigences ou si la transmission est lente, elle perdra sa valeur la plus importante. Vous pouvez utiliser d'autres matériaux pour imiter cette animation, et la taille du fichier est limitée à environ 5 Ko (par exemple 3,65 Ko). Et essayez d’ajouter vos propres idées en partant de ce principe. Quant aux effets monochromes et fils de soie.
Dans le calque de remplissage, en plus des remplissages de couleur unie couramment utilisés, il existe également des remplissages à motifs et des remplissages dégradés. Il n'y aura pas d'instructions supplémentaires sur la façon de les utiliser. Vous pouvez simplement les essayer vous-même.
Nous avons appris à créer un objet en mouvement il y a longtemps, mais les objets que nous avons créés se déplaçaient tous à une vitesse constante. Nous pouvons désormais simuler les effets de l'accélération et de la décélération en modifiant la position des images clés. Cet effet ne se limite pas au mouvement des objets, mais peut également être utilisé dans n'importe quel effet de transition tel qu'un fondu entrant et sortant. Et cette méthode est également applicable à d’autres logiciels de montage vidéo, ainsi qu’à l’effet timeline DHTML du logiciel de production de pages Web GoLive.
Tout d’abord, nous créons une nouvelle image de fond blanc de 150 × 100 et définissons le document sur 1 seconde et 30 ips. Créez un nouveau calque normal, dessinez un rectangle et définissez l'animation pour le déplacer de gauche à droite. Le paramètre de chronologie est à peu près celui indiqué dans la figure ci-dessous. La vitesse de déplacement actuelle est constante.
Ensuite, déplacez le repère temporel à 10f, cliquez sur le bouton en forme de diamant de l'élément "Position" et ajoutez manuellement une image clé au moment actuel. Cette image clé est actuellement redondante car elle ne modifie pas le processus d'animation. Imaginons maintenant que si vous aviez initialement prévu d'arriver à un endroit en 10 minutes, mais que vous devez maintenant arriver en 5 minutes, alors vous devez absolument accélérer. Une fois que vous aurez compris ce principe, vous pourrez comprendre la méthode de création d’animation accélérée. Cela consiste à déplacer l'image clé du temps 10f vers le temps 05f. De cette façon, l'objet se déplacera rapidement entre 0f et 05f, et reviendra à sa vitesse d'origine après 05f.
Par analogie, déplacez 15f vers 10f, 20f vers 15f et 25f vers 20f. Vous pouvez créer un objet qui ralentit. Nous sommes ici pour illustrer l'effet, mais dans la production réelle, il n'est en fait pas nécessaire de modifier autant d'images clés. En fonction de la distance parcourue par l'objet, changer 2 à 3 images clés est généralement suffisant. Les distances de déplacement trop longues ne conviennent pas à la représentation GIF. De plus, ne réglez pas la fréquence d’images à 30 ips.
Le flou de mouvement est en fait lié au mouvement des objets. Parfois, lorsqu'il est nécessaire d'utiliser moins d'images pour exprimer le mouvement rapide des objets, l'utilisation du flou de mouvement peut réduire la sensation de saut de l'image. Dans l'exemple de démonstration d'animation suivant, le nombre d'images fournies pour le mouvement du personnage est de 4 images. Il est très restreint d'effectuer un mouvement sur de longues distances (la soi-disant longue distance doit également faire référence à la taille de l'objet) dans un tel cas. nombre limité de cadres. Pour compenser cette lacune, nous dupliquons le calque de caractères et le traitons avec un filtre de flou de mouvement pour créer un effet d'image rémanente. Déplacez l'image rémanente avec le calque de personnage et masquez-la au début et à la fin du mouvement. Ce graphique de personnage se trouve dans la bibliothèque de formes fournie avec Photoshop. Tout le monde essaie de créer lui-même l’effet de flou de mouvement. Nous fournissons des fichiers sources PSD que tout le monde peut comparer une fois terminé.
Il convient de noter qu'ici nous conservons toujours l'image complète du personnage dans le cadre avec le flou de mouvement. En fonctionnement réel, nous pouvons également réduire l'opacité du personnage, ou simplement conserver uniquement l'image rémanente, ce qui entraîne une sensation de mouvement plus rapide. . Dans le mode de conservation uniquement de l'image rémanente, la longueur de l'image rémanente doit être étendue de manière appropriée et doit être proche de la position de l'objet à la fin du mouvement. Vous pouvez regarder attentivement l’exemple d’animation et faire attention à la différence de position de l’image rémanente.
Le flou de mouvement est largement utilisé dans le domaine de la production cinématographique et télévisuelle, et la plupart des logiciels de production cinématographique et télévisuelle tels qu'After Effects disposent de fonctions spéciales à cet effet. Dans certains clips cinématographiques et télévisés, si vous mettez en pause certains objets en mouvement rapide, vous pouvez voir des images rémanentes similaires. Le nom anglais du flou de mouvement est Motion Blur. Dans la production d'animation GIF, le flou de mouvement peut augmenter le nombre de couleurs dans l'animation, car l'effet d'image rémanente lui-même contient de nombreuses couleurs de transition. Lors de la sortie, faites attention à l'équilibre entre le nombre de couleurs et la qualité de l'animation.
En plus d'utiliser des filtres pour créer des images rémanentes, vous pouvez également copier plusieurs copies du calque et modifier successivement sa couleur ou son opacité pour former un effet d'image rémanente plus régulier. Comme le montre l'image de droite ci-dessous, vous pouvez copier le calque de caractères en 3 copies. et remplissez-les avec. La couleur change à différents degrés de gris. Ce type d’image rémanente peut également être bien exprimé avec un plus petit nombre de couleurs. L'image rémanente formée par le filtre peut produire des taches de couleur avec un plus petit nombre de couleurs.
Lors de l'utilisation de calques de texte, certains lecteurs attentifs ont peut-être découvert le projet d'animation " déformation du texte ". Comme le montre la figure ci-dessous, vous pouvez définir le style de déformation sur « Aucun » ou sur d'autres styles dans l'animation pour créer un effet de déformation de transition. Ce projet d'animation est en fait très simple à utiliser, mais malheureusement il ne peut se limiter qu'au texte. Il serait préférable qu'il soit efficace pour tous les graphiques. Cependant, nous pouvons parfois simuler certaines formes d'objets simples grâce à la ponctuation ou aux caractères spéciaux dans le texte, obtenant ainsi la possibilité de se déformer. Par exemple, le symbole « - » peut être étendu en un rectangle.
