Utilisez After Effects pour animer des taches d'aquarelle qui se diluent et se mélangent.
Des gens passent devant un abribus affichant une publicité qui représente des taches d'aquarelle diluées sur du papier texturé

Ce qu'il vous faut

Il s'agit d'une ressource Adobe Stock qui vous permettra de mettre en pratique ce que vous apprenez dans ce tutoriel. Si vous souhaitez utiliser ce fichier d'exemple en dehors de ce tutoriel, il vous suffit d'acheter une licence sur Adobe Stock. Consultez le fichier ReadMe figurant dans le dossier téléchargé pour connaître les conditions régissant l'utilisation de ce fichier d'exemple. Les références à « Flow » et « Hair color for unicorns » dans cet exemple sont uniquement utilisées à des fins de démonstration et ne sont pas destinées à désigner une entreprise, des produits, des services ou un projet de création réels.

Ce projet est une version simplifiée de l'effet d'animation d'aquarelle du modèle d'animation graphique « Residual » d'Adobe Create.

Travaillons sur le contour de la tache d'aquarelle. Dans l'espace de travail Usuel, créez une composition carrée (Composition > Nouvelle composition) dont les côtés sont égaux à la hauteur de votre sortie finale. La couleur n'a pas d'importance. Créez un solide carré (Calque > Nouveau > Solide) légèrement plus large et plus haut que la composition, puis placez-le de sorte qu'il recouvre les trois quarts supérieurs de la zone. Tracez un masque rectangulaire recouvrant à peu de choses près la même zone que le solide, puis ajoutez des contours progressifs. 

Dans Adobe After Effects, l'espace de travail Usuel affiche une composition carrée avec un solide rouge et un masque aux contours progressifs

Appliquez l'effet Gamme des dégradés au solide, et définissez la couleur d'arrivée sur une teinte plus claire que celle de départ. Appliquez l'effet Contours bruts en définissant le type de contour sur Couleur brute et en réduisant la valeur Augmenter largeur ou hauteur en deçà de –15. La valeur Couleur du contour doit correspondre à celle de Couleur de départ de l'effet Gamme des dégradés. Enfin, définissez des images clés pour les propriétés Bordure (100-500) et Évolution (0-120°). Augmentez légèrement la valeur Complexité. Si l'un des bords irréguliers est coupé, ajustez le contour progressif du masque.

Le panneau Options d'effet affiche les effets Gamme des dégradés et Contours bruts appliqués au solide de la composition

Créez une nouvelle composition aux dimensions de votre sortie finale et placez la composition en forme de tache à l'intérieur. Pour transformer la bordure rectiligne en un cercle qui s'étend dans toutes les directions, appliquez l'effet Coordonnées polaires au calque et définissez l'interpolation à 100 % et le type de conversion sur Rect. > polaire. Utilisez l'effet Transformation pour que l'échelle du calque augmente au fil de l'animation (en partant de zéro) et appliquez une accélération aux deux images clés (la première très prononcée et la seconde très légère). Aidez-vous de l'éditeur de graphiques pour affiner le résultat.

L'effet Coordonnées polaires est appliqué à la précomposition carrée pour la transformer en cercle et l'effet Transformation s'agrandit au fil de l'animation

Dupliquez le calque (Cmd/Ctrl + D) et ajustez le paramètre Position afin de séparer les deux cercles jusqu'à ce qu'ils ne se chevauchent que légèrement dans le panneau Composition. Faites également pivoter l'un des cercles. Appliquer à l'un d'eux l'effet Teinte/Saturation pour modifier sa couleur. Définissez le mode de fusion du calque supérieur sur Produit, ou testez d'autres modes si vous souhaitez obtenir un autre type de chevauchement. Lancez la lecture pour voir les deux cercles colorés s'agrandir et fusionner.

La précomposition carrée est dupliquée et les deux copies sont légèrement repositionnées. La couleur et la rotation sont modifiées pour l'un des deux cercles.

Créez votre composition finale et placez la précédente à l'intérieur. Importez une image haute résolution de papier texturé (ou utilisez notre exemple de papier aquarelle) et faites-la glisser au bas de la composition. Si vous avez besoin de modifier l'échelle de l'image, placez-la au préalable dans une précomposition où vous modifierez son échelle : l'échelle de son calque dans cette composition doit rester à 100 %. Comme cet effet de dissolution fonctionne mieux avec une gamme étendue de tons foncés à clairs, n'hésitez pas à exagérer le contraste de la texture du papier. Appliquez l'effet Niveaux et augmentez radicalement la valeur Noir en entrée.

La texture papier est ajoutée à la composition finale et son contraste est accentué avec l'effet Niveaux

Définissez le mode de fusion du calque supérieur sur Produit. Appliquez l'effet Dispersion sur ce calque, sélectionnez la texture papier comme Calque de référence, et définissez la source sur Effets et masques. Sélectionnez Luminance pour les deux propriétés Couche horizontale et Couche verticale. Augmentez les valeurs Horizontale maxi et Verticale maxi juste ce qu'il faut pour déformer légèrement les contours des taches.

Le panneau Effets affiche l'effet Dispersion appliqué à la précomposition d'aquarelle

Ajoutez un calque d’effets (Calque > Nouveau > Calque d'effets) en haut de la composition et dessinez un masque circulaire recouvrant grossièrement la zone de chevauchement. Définissez deux images clés Tracé du masque pour suivre ce masque lorsqu'il s'agrandira, avec un contour progressif. Nul besoin d'être précis ici. Appliquez l'effet Flou encadré accéléré au calque d’effets, en définissant Dimensions de flou sur Horizontal, et animez le paramètre Rayon de flou pour qu'il augmente au fil du temps.

Le panneau Effets affiche l'effet Flou encadré accéléré appliqué à un calque d’effets en haut de la composition

Amusez-vous avec l'effet Contours bruts dans la première composition carrée pour modifier les contours dentelés. Ajustez l'effet Teinte/Saturation et testez différents modes de fusion pour changer l'aspect de cet effet de dilution d'aquarelle. 

Avec Adobe Stock, vous avez accès à plus de 100 millions d'images de grande qualité et libres de droits, y compris des photos, illustrations, vidéos et templates pour démarrer rapidement vos projets de création. Testez Adobe Stock et bénéficiez de 10 images offertes.

09/16/2021

Contributeurs Adobe Stock : Dmytro Synelnychenko, Alex

Cette page vous a-t-elle été utile ?