TEXTE SOUS L'EAU
Cliquez sur l'image ci-dessus pour visualiser l'animation finale (430 KB)
Nous vous proposons de vous rafraîchir sans quitter votre logiciel d’animation préféré en réalisant une animation représentant un texte flottant dans l’eau, à partir des effets de la version Pro d’After Effects.
Téléchargez le projet After Effects (0.4 MB)
Étape 1
Nous allons décomposer notre matière aquatique en deux éléments : le fond et la surface. Commençons par le fond : dans une nouvelle composition (Texte dans l’eau) de taille PAL D1/DV de durée 6 secondes, ajoutez un premier aplat (Background). Pour créer le shading, nous allons appliquer un dégradé de couleur. Nous pourrions utiliser le traditionnel filtre Dégradé, mais ce dernier se limitant à deux couleurs nous privilégierons Dégradé 4 Couleurs, qui avec ses 4 points de couleur offre d’avantage de créativité. Sélectionnez pour les couleurs 2 et 3 un bleu marine (R=14, G=45, B=255). Changez ensuite la teinte de la couleur 1 en un bleu-cyan (R=62, V=194, B=255) et celle de la couleur 4 un bleu très sombre (R=0, G=0, B=22). Ces deux points étant diamétralement opposés, l’effet obtenu se rapproche d’un d’éclairage transversal partant du coin haut gauche de la composition. Le paramètre Fondu influence la dureté du mélange entre les couleurs : pour rendre les transitions plus douces, incrémentez à 130.
Étape 2
Comment transformer un dégradé bleu inerte en une surface aquatique animée ? Si vous regardez attentivement la surface d’une piscine, vous apercevrez que ce sont les caustiques qui donnent l’impression de mouvement. Ce terme désigne les formes visibles à la surface de l’eau lorsque la lumière est réfléchie ou réfractée. Il existe certes certains plug-ins dédiés à la création de caustiques ; mais n’oublions pas que cet exercice s’est fixé pour objectif d’utiliser uniquement les outils de base d’After Effects ! Le filtre Bruit Fractal est en effet déclinable en une infinité de variations : il va notamment nous permettre de créer facilement des caustiques. Sur un second calque que vous appelez Caustics 1 (Commande+N sur Mac, Contrôle+N sur PC), appliquez Bruit Fractal (menu Effets, Bruit). Le paramètre Type fractal détermine la forme du motif fractal : en sélectionnant Tourbillon on se rapproche déjà de caustiques. Changez ensuite Type de bruit en Spline. Enfin comme le niveau de détail est trop riche, diminuez Complexité sur 2.
Étape 3
Passons à l’animation : à l’aide du paramètre Evolution, ajoutez une première keyframe au début de la composition, puis sur la dernière image incrémentez à 6 révolutions. Lancez une RAM preview ; le mouvement semble suffisamment dynamique pour se rapprocher d’une surface de piscine. Un problème apparaît néanmoins ; les caustiques sont inversée. En effet, le contour des volumes est noir et l’intérieur blanc. Pour corriger cela, cliquez sur le bouton Inversion. Nous allons ensuite compositer nos caustiques en modifiant leur mode de fusion en Lumière Douce. Quelques ajustements de niveaux sont alors nécessaires : au lieu d’appliquer l’effet du même nom, nous allons jouer avec les paramètres Contraste et Luminosité pour ne conserver que les caustiques (les valeurs retenues sont respectivement de 89 et –14). Enfin, réduisez l’opacité à 80 % afin de diminuer la présence des caustiques.
Étape 4
Pour densifier les réflexions lumineuses, nous allons ajouter un second calque de caustiques. Nous partirons du premier calque Caustic 1 en le dupliquant en Caustic 2. Le paramètre Générateur aléatoire influence l’apparence globale de la fractale : en le modifiant sur n’importe quelle autre valeur que celle d’origine, on s’assure d’avoir ainsi une seconde caustique d’aspect totalement différent. Dans les paramètres de géométrie de l’effet, diminuez l’échelle à 80%, puis décrémentez la complexité à 1. Nous obtenons ainsi un second calque de caustiques plus fourni mais avec moins définition. Diminuez enfin son opacité à 40% de manière à ne pas parasiter les premières caustiques, Lancez un aperçu RAM pour apprécier l’évolution par rapport à l’étape précédente.
Étape 5
Maintenant que notre surface est achevée, nous allons passer au texte. L’idée est d’avoir une sorte de glissement à la façon d’un serpent sous la surface de l’eau. Et qui dit texte curviligne dit évidemment effet « Texte sur Chemin » ; sur un nouvel aplat (Text) sélectionnez le menu Effet, Texte, Texte sur chemin. Nous avons tapé un extrait du poème le Bateau Ivre d’Arthur Rimbaud : « comme je descendais des fleuves impassibles ». Changez ensuite la taille en 55 et la couleur en blanc (à quand une couleur de texte par défaut autre que rouge, messieurs les programmateurs de chez Adobe ?). Tracez ensuite à l’aide de l’outil plume une courbe : en affectant ce tracé dans Chemin Personnalisé, le texte vient alors épouser la forme de la courbe. Pour centrer le texte, sélectionnez Centre dans Alignement. Il existe plusieurs façons d’animer le texte : on pourrait par exemple déplacer le tracé, mais il y a plus simple. On trouve dans les paramètres relatifs au paragraphe une marge gauche qu’il suffit de faire varier pour décaler le texte sur le tracé. Deux keyframes sont nécessaires: nous avons retenu des valeurs de 724 à 0’’00 et de -700 à 6’’00. Toutefois, n’hésitez pas à adapter en fonction de votre animation, ces valeurs dépendant de la longueur du texte, de sa taille et de la typo utilisée.
Étape 6
Pour que notre texte semble flotter, il doit subir la même déformation que la surface de l’eau. Encore une fois, After Effects regorge d’effets susceptibles d’être des candidats potentiels, comme le filtre Turbulences. Cependant nous allons créer notre déformation de façon plus artisanale grâce à l’effet Dispersion. Petit rappel, cet effet base sa déformation sur les valeurs d’un autre calque ; dans ce cas un nouveau calque de caustiques. Dupliquez Caustics 1, et pré-composez le dans une nouvelle composition Caustics Comp (sélectionnez ce calque et effectuez la combinaison de touches Commande + Majuscule + C sur Mac et Contrôle + Majuscule + C sur PC) et cochez l’option « Transférer tous les attributs vers la nouvelle composition ». La nécessité de cette opération se justifie dans le fait que l’effet dispersion doit prendre en compte l’effet de fractale (caustique). Ouvrez ensuite la pré-composition et changez l’opacité du calque à 100 % (nous l’avions diminuée à 80 %). Augmentez le contraste à 138 et diminuez la luminosité à 0 : on s’assure ainsi d’avoir des valeurs minimales et maximales correspondant au noir et blanc, ce qui garanti une amplitude maximale pour l’effet dispersion. De retour dans la composition finale (Texte sous l’eau), sélectionnez le calque Text et le menu Effet, Déformation, Dispersion. Affectez le calque « Caustics Comp » en tant que calque de référence, puis « Luminance » comme source des couches horizontales et verticales et enfin une amplitude de déformation horizontale et verticale maxi à 15.
Étape 7
Afin de donner l’impression que le texte se trouve sous l’eau, changez son mode de fusion en Incrustation. La définition du texte est trop incisive ; appliquez un léger flou accéléré de 1 pixel pour en diminuer légèrement le piqué. Nous allons ensuite appliquer un second effet de flou composite, de manière à dissoudre les extrémités du texte dans l’eau. L’effet de flou composite fonctionne, tout comme l’effet Dispersion, sur les valeurs d’un calque source. Ainsi, créez une nouvelle composition (Gradient) qui nous servira de source. Ajoutez un premier aplat blanc, puis un second noir sur lequel vous dessinez un masque de forme ovale à l’aide de l’outil masque elliptique. Ajoutez un contour progressif d’environ 140 pixels. Dans la composition finale, appliquez l’effet Flou Composite (menu Effet, Netteté) en affectant comme source le calque Gradient, avec un maximum de 3 pixels. Au besoin, ajustez le masque de la composition Gradient (voir Truc en plus).
Étape 8
Le texte ne se détache pas assez de l’eau ; aussi nous allons lui appliquer un effet de surbrillance sélective, afin de faire ressortir certaines lettres de façon aléatoire. Nous procéderons en deux temps : en dupliquant, pré-composant et modifiant le calque Text, puis en le compositant au texte d’origine. Dupliquez donc le calque Text et précomposez-le en transférant tous ses attributs dans une nouvelle composition baptisée « Text-FX ». Le but est d’obtenir une animation similaire mais beaucoup moins définie avec simplement le contour des mots. En ouvrant la pré-composition Text-FX, vous remarquez la présence des calques Caustics Comp et Gradient, bien que ces dernières n’aient pas été sélectionnés lors de l’opération. Ceci s’explique simplement par le fait que le calque Text référence ces deux pré-compositions dans ces effets, respectivement en ce qui concerne Dispersion et Flou Composite. L’effet de flou composite est désormais inutile ; supprimez cet effet de la fenêtre d’option d’effet du calque Text, et la pré-composition associée Gradient. Appliquez ensuite l’effet Dilaté-érodé simple (menu Effet, Assistants de masquage) sur le calque Text, et placez-le après le filtre Texte sur chemin dans la fenêtre d’option d’effets. En affichant le masque et augmentant le paramètre dilaté-érodé à environ –50, on dilate fortement les lettres de façon à ne retenir que le contour des mots. Pour lisser cet élément, augmentez l’intensité du flou accéléré à environ 40.
Étape 09
Si vous affichez l’alpha dans la fenêtre de composition (en cliquant sur le petit rectangle blanc en bas de cette fenêtre), vous vous apercevez…qu’il n’en existe pas, ce qui risque d’être problématique pour compositer cet élément dans la composition finale ! Pour remédier à cela, placez la composition Text-FX dans une nouvelle composition de mêmes caractéristiques (Text-FX/Matte) et ajoutez un aplat blanc en dessous du calque Text-FX. Affectez ce dernier en tant que calque par approche en luminance de l’aplat. Dans la composition finale, placez le calque Text-FX/Matte sous le calque Text. Changez son mode de fusion en Incrustation : ceci produit une surbrillance sur certains endroits du texte. Diminuez enfin l’opacité de ce calque à 60%. Il ne vous reste plus qu’à lancer le rendu final dans le format de votre choix !
Le truc en plus : expansion de masque
Si vous avez besoin de faire varier l’échelle d’un masque, utilisez le paramètre Expansion de masque.
© 2004 Xplorer studio
Cliquez sur l'image ci-dessus pour visualiser l'animation finale (430 KB)
Nous vous proposons de vous rafraîchir sans quitter votre logiciel d’animation préféré en réalisant une animation représentant un texte flottant dans l’eau, à partir des effets de la version Pro d’After Effects.
Téléchargez le projet After Effects (0.4 MB)
Étape 1
Nous allons décomposer notre matière aquatique en deux éléments : le fond et la surface. Commençons par le fond : dans une nouvelle composition (Texte dans l’eau) de taille PAL D1/DV de durée 6 secondes, ajoutez un premier aplat (Background). Pour créer le shading, nous allons appliquer un dégradé de couleur. Nous pourrions utiliser le traditionnel filtre Dégradé, mais ce dernier se limitant à deux couleurs nous privilégierons Dégradé 4 Couleurs, qui avec ses 4 points de couleur offre d’avantage de créativité. Sélectionnez pour les couleurs 2 et 3 un bleu marine (R=14, G=45, B=255). Changez ensuite la teinte de la couleur 1 en un bleu-cyan (R=62, V=194, B=255) et celle de la couleur 4 un bleu très sombre (R=0, G=0, B=22). Ces deux points étant diamétralement opposés, l’effet obtenu se rapproche d’un d’éclairage transversal partant du coin haut gauche de la composition. Le paramètre Fondu influence la dureté du mélange entre les couleurs : pour rendre les transitions plus douces, incrémentez à 130.
Étape 2
Comment transformer un dégradé bleu inerte en une surface aquatique animée ? Si vous regardez attentivement la surface d’une piscine, vous apercevrez que ce sont les caustiques qui donnent l’impression de mouvement. Ce terme désigne les formes visibles à la surface de l’eau lorsque la lumière est réfléchie ou réfractée. Il existe certes certains plug-ins dédiés à la création de caustiques ; mais n’oublions pas que cet exercice s’est fixé pour objectif d’utiliser uniquement les outils de base d’After Effects ! Le filtre Bruit Fractal est en effet déclinable en une infinité de variations : il va notamment nous permettre de créer facilement des caustiques. Sur un second calque que vous appelez Caustics 1 (Commande+N sur Mac, Contrôle+N sur PC), appliquez Bruit Fractal (menu Effets, Bruit). Le paramètre Type fractal détermine la forme du motif fractal : en sélectionnant Tourbillon on se rapproche déjà de caustiques. Changez ensuite Type de bruit en Spline. Enfin comme le niveau de détail est trop riche, diminuez Complexité sur 2.
Étape 3
Passons à l’animation : à l’aide du paramètre Evolution, ajoutez une première keyframe au début de la composition, puis sur la dernière image incrémentez à 6 révolutions. Lancez une RAM preview ; le mouvement semble suffisamment dynamique pour se rapprocher d’une surface de piscine. Un problème apparaît néanmoins ; les caustiques sont inversée. En effet, le contour des volumes est noir et l’intérieur blanc. Pour corriger cela, cliquez sur le bouton Inversion. Nous allons ensuite compositer nos caustiques en modifiant leur mode de fusion en Lumière Douce. Quelques ajustements de niveaux sont alors nécessaires : au lieu d’appliquer l’effet du même nom, nous allons jouer avec les paramètres Contraste et Luminosité pour ne conserver que les caustiques (les valeurs retenues sont respectivement de 89 et –14). Enfin, réduisez l’opacité à 80 % afin de diminuer la présence des caustiques.
Étape 4
Pour densifier les réflexions lumineuses, nous allons ajouter un second calque de caustiques. Nous partirons du premier calque Caustic 1 en le dupliquant en Caustic 2. Le paramètre Générateur aléatoire influence l’apparence globale de la fractale : en le modifiant sur n’importe quelle autre valeur que celle d’origine, on s’assure d’avoir ainsi une seconde caustique d’aspect totalement différent. Dans les paramètres de géométrie de l’effet, diminuez l’échelle à 80%, puis décrémentez la complexité à 1. Nous obtenons ainsi un second calque de caustiques plus fourni mais avec moins définition. Diminuez enfin son opacité à 40% de manière à ne pas parasiter les premières caustiques, Lancez un aperçu RAM pour apprécier l’évolution par rapport à l’étape précédente.
Étape 5
Maintenant que notre surface est achevée, nous allons passer au texte. L’idée est d’avoir une sorte de glissement à la façon d’un serpent sous la surface de l’eau. Et qui dit texte curviligne dit évidemment effet « Texte sur Chemin » ; sur un nouvel aplat (Text) sélectionnez le menu Effet, Texte, Texte sur chemin. Nous avons tapé un extrait du poème le Bateau Ivre d’Arthur Rimbaud : « comme je descendais des fleuves impassibles ». Changez ensuite la taille en 55 et la couleur en blanc (à quand une couleur de texte par défaut autre que rouge, messieurs les programmateurs de chez Adobe ?). Tracez ensuite à l’aide de l’outil plume une courbe : en affectant ce tracé dans Chemin Personnalisé, le texte vient alors épouser la forme de la courbe. Pour centrer le texte, sélectionnez Centre dans Alignement. Il existe plusieurs façons d’animer le texte : on pourrait par exemple déplacer le tracé, mais il y a plus simple. On trouve dans les paramètres relatifs au paragraphe une marge gauche qu’il suffit de faire varier pour décaler le texte sur le tracé. Deux keyframes sont nécessaires: nous avons retenu des valeurs de 724 à 0’’00 et de -700 à 6’’00. Toutefois, n’hésitez pas à adapter en fonction de votre animation, ces valeurs dépendant de la longueur du texte, de sa taille et de la typo utilisée.
Étape 6
Pour que notre texte semble flotter, il doit subir la même déformation que la surface de l’eau. Encore une fois, After Effects regorge d’effets susceptibles d’être des candidats potentiels, comme le filtre Turbulences. Cependant nous allons créer notre déformation de façon plus artisanale grâce à l’effet Dispersion. Petit rappel, cet effet base sa déformation sur les valeurs d’un autre calque ; dans ce cas un nouveau calque de caustiques. Dupliquez Caustics 1, et pré-composez le dans une nouvelle composition Caustics Comp (sélectionnez ce calque et effectuez la combinaison de touches Commande + Majuscule + C sur Mac et Contrôle + Majuscule + C sur PC) et cochez l’option « Transférer tous les attributs vers la nouvelle composition ». La nécessité de cette opération se justifie dans le fait que l’effet dispersion doit prendre en compte l’effet de fractale (caustique). Ouvrez ensuite la pré-composition et changez l’opacité du calque à 100 % (nous l’avions diminuée à 80 %). Augmentez le contraste à 138 et diminuez la luminosité à 0 : on s’assure ainsi d’avoir des valeurs minimales et maximales correspondant au noir et blanc, ce qui garanti une amplitude maximale pour l’effet dispersion. De retour dans la composition finale (Texte sous l’eau), sélectionnez le calque Text et le menu Effet, Déformation, Dispersion. Affectez le calque « Caustics Comp » en tant que calque de référence, puis « Luminance » comme source des couches horizontales et verticales et enfin une amplitude de déformation horizontale et verticale maxi à 15.
Étape 7
Afin de donner l’impression que le texte se trouve sous l’eau, changez son mode de fusion en Incrustation. La définition du texte est trop incisive ; appliquez un léger flou accéléré de 1 pixel pour en diminuer légèrement le piqué. Nous allons ensuite appliquer un second effet de flou composite, de manière à dissoudre les extrémités du texte dans l’eau. L’effet de flou composite fonctionne, tout comme l’effet Dispersion, sur les valeurs d’un calque source. Ainsi, créez une nouvelle composition (Gradient) qui nous servira de source. Ajoutez un premier aplat blanc, puis un second noir sur lequel vous dessinez un masque de forme ovale à l’aide de l’outil masque elliptique. Ajoutez un contour progressif d’environ 140 pixels. Dans la composition finale, appliquez l’effet Flou Composite (menu Effet, Netteté) en affectant comme source le calque Gradient, avec un maximum de 3 pixels. Au besoin, ajustez le masque de la composition Gradient (voir Truc en plus).
Étape 8
Le texte ne se détache pas assez de l’eau ; aussi nous allons lui appliquer un effet de surbrillance sélective, afin de faire ressortir certaines lettres de façon aléatoire. Nous procéderons en deux temps : en dupliquant, pré-composant et modifiant le calque Text, puis en le compositant au texte d’origine. Dupliquez donc le calque Text et précomposez-le en transférant tous ses attributs dans une nouvelle composition baptisée « Text-FX ». Le but est d’obtenir une animation similaire mais beaucoup moins définie avec simplement le contour des mots. En ouvrant la pré-composition Text-FX, vous remarquez la présence des calques Caustics Comp et Gradient, bien que ces dernières n’aient pas été sélectionnés lors de l’opération. Ceci s’explique simplement par le fait que le calque Text référence ces deux pré-compositions dans ces effets, respectivement en ce qui concerne Dispersion et Flou Composite. L’effet de flou composite est désormais inutile ; supprimez cet effet de la fenêtre d’option d’effet du calque Text, et la pré-composition associée Gradient. Appliquez ensuite l’effet Dilaté-érodé simple (menu Effet, Assistants de masquage) sur le calque Text, et placez-le après le filtre Texte sur chemin dans la fenêtre d’option d’effets. En affichant le masque et augmentant le paramètre dilaté-érodé à environ –50, on dilate fortement les lettres de façon à ne retenir que le contour des mots. Pour lisser cet élément, augmentez l’intensité du flou accéléré à environ 40.
Étape 09
Si vous affichez l’alpha dans la fenêtre de composition (en cliquant sur le petit rectangle blanc en bas de cette fenêtre), vous vous apercevez…qu’il n’en existe pas, ce qui risque d’être problématique pour compositer cet élément dans la composition finale ! Pour remédier à cela, placez la composition Text-FX dans une nouvelle composition de mêmes caractéristiques (Text-FX/Matte) et ajoutez un aplat blanc en dessous du calque Text-FX. Affectez ce dernier en tant que calque par approche en luminance de l’aplat. Dans la composition finale, placez le calque Text-FX/Matte sous le calque Text. Changez son mode de fusion en Incrustation : ceci produit une surbrillance sur certains endroits du texte. Diminuez enfin l’opacité de ce calque à 60%. Il ne vous reste plus qu’à lancer le rendu final dans le format de votre choix !
Le truc en plus : expansion de masque
Si vous avez besoin de faire varier l’échelle d’un masque, utilisez le paramètre Expansion de masque.
© 2004 Xplorer studio
