Création d'arrière-plans animés

Les effets de génération créent des animations graphiques de A à Z. Ils peuvent générer différents effets, des formes graphiques répétitives aux motifs naturels fluides. Dans ce tutoriel, nous allons créer des lignes répétées via l'effet de génération Damier. Vous pouvez suivre avec les fichiers d'exemple inclus dans le tutoriel ou l'un de vos propres fichiers de projet. Je vais commencer par créer un calque solide. Je clique dans le panneau Montage pour rendre la composition active puis, dans le menu Calque, je choisis Nouveau > Solide. Dans les paramètres de la composition, je clique sur le bouton Créer taille de la composition pour que le solide ait la même taille que la composition. Comme je veux créer des lignes au lieu d'une grille, je définis la largeur du solide sur 20. Je ne touche pas à la hauteur. Je clique sur OK. Peu importe la couleur du calque solide, elle sera remplacée par l'effet. Avec le calque [Solide blanc 1] sélectionné dans le panneau Montage, je clique sur le menu Effet, puis je choisis Génération > Damier. Je vais maintenant ajuster les paramètres, en commençant en haut. Le point d'ancrage doit être situé à l'extérieur du bord gauche de la composition. Je définis donc X sur -1, puis j'appuie sur Tab pour passer au réglage de la position Y. Ici, le point doit être situé exactement en haut de la composition. Je tape donc 0. Passons maintenant à la largeur. J'appuie sur Tab, je fais passer la largeur de 16 à 25, puis j'appuie sur Entrée pour valider. Le calque [Solide blanc 1] ne ressemble pas du tout à une grille. Je vais le déplacer dans le panneau Montage en cliquant dessus et en le faisant glisser entre les calques 2 et 3. Quand je relâche le bouton, la forme passe derrière le lion. Pour obtenir des lignes, j'appuie sur la touche S pour afficher l'option d'échelle du calque 2 sélectionné. Je clique sur l'icône de chaîne pour ignorer les proportions. Je place le pointeur sur la position X puis, avec la touche Maj enfoncée, je clique et fais glisser vers la droite pour augmenter rapidement la taille des lignes. Les lignes doivent dépasser les bords de la composition.. Ce blanc est trop lumineux. Je sélectionne le calque 2, j'appuie sur T pour accéder à l'opacité, puis je clique et fais glisser pour diminuer l'opacité. Je la définis sur 21. Pour l'animation des lignes, je veux qu'elles se déplacent de haut en bas. Je vais donc ajouter une image-clé pour le point d'ancrage. La tête de lecture étant déjà à 0 image, j'ajoute une image clé pour le point d'ancrage dans le panneau Options d'effet. Je place la tête de lecture à la fin du montage en appuyant sur la touche Fin du clavier. Je peux aussi déplacer la tête de lecture en la faisant glisser. Je me place à 9 secondes et 29 images. Pour animer le point d'ancrage, il faut le faire descendre sur l'axe Y. Je saisis 200 comme valeur pour ce paramètre. J'ai choisi ce chiffre car il est divisible par 25. Maintenant que j'ai plusieurs images clés, j'appuie sur la barre d'espace pour visualiser l'animation. Les lignes se déplacent bien à la verticale dans la scène. Regardez attentivement l'animation au fil de la lecture. Quand elle arrive à la fin, il y a un léger contretemps. J'arrête la lecture en appuyant sur la barre d'espace, je sélectionne le calque 2, puis j'appuie sur U pour afficher les deux images clés. À l'aide des touches J et K du clavier, je peux naviguer entre les deux images clés dans le panneau Montage. Il n'y a aucune différence visible entre les deux, car elles ont été divisées par 25 exactement. Or, cette valeur correspond à la largeur des lignes. Ainsi, même si les lignes descendent dans la composition, comme le chiffre est impair et qu'elles se répètent, on dirait exactement la même image. Pour rectifier le tir, il faut déplacer la dernière image clé d'une image dans le montage Une fois l'image clé déplacée, je lance la lecture pour voir le résultat. Lors de l'animation de formes répétées, il faut tenir compte des mathématiques de l'animation. Ici, en animant le point d'ancrage via un chiffre divisible par la largeur des lignes, nous avons pu facilement créer une animation fluide en arrière-plan.
 

Quand je regarde ce lion, je l'imagine en train de méditer, empli de pensées positives. En revanche, l'arrière-plan est un peu triste. Pour compléter cette composition, nous allons ajouter un arrière-plan abstrait et fluide qui contribue à renforcer son énergie positive. Jetons un œil au panneau Montage pour examiner la structure du projet. Le calque 1 contient le lion et l'autre calque l'arrière-plan. Je sélectionne le calque Green Background puis, dans le menu Calque, je choisis Nouveau > Solide. Ensuite, je clique sur Créer taille de la composition, puis j'utilise la pipette pour prélever l'arrière-plan vert. Peu importe la couleur choisie. Je clique sur OK. Comme le calque Green Background était sélectionné, le solide a été placé directement par-dessus, comme souhaité. Pour générer des graphiques, avec le calque 2 sélectionné, je clique sur le menu Effet, puis je choisis Génération > Motif cellule. En haut du panneau Options d'effet, je clique sur le menu déroulant en regard de Motif cellule. Ces options offrent différents styles de graphiques. N'hésitez pas à les parcourir, mais quand vous avez terminé, choisissez Bulles et cochez la case Inversion. À présent, nous allons modifier la taille. Je clique sur la valeur et je fais glisser pour l'augmenter. Je veux quelque chose de plus grand. Je définis la taille sur 250. En regard de Décalage, je fais défiler sur le paramètre X pour déplacer l'élément latéralement ou verticalement, mais je préfère une ondulation. J'appuie donc sur Ctrl + Z ou Cmd + Z pour annuler, puis je clique et fais glisser sur Évolution. Quand je fais glisser vers la droite, regardez : l'arrière-plan ondule, c'est parfait. La première valeur est une rotation complète de l'évolution. Je définis les deux sur 0, puis je clique sur le chronomètre pour ajouter une première image-clé pour l'évolution. J'appuie sur la touche Fin pour placer la tête de lecture à la fin du montage, je définis le premier paramètre d'évolution sur 2, puis j'appuie sur Entrée pour valider. J'appuie maintenant sur la barre d'espace pour visualiser l'animation. Le panneau Info indique que la lecture ne s'opère pas en temps réel, mais j'ai tout de même une bonne idée du résultat. Une fois toutes les images mises en cache, la lecture devrait quasiment s'opérer en temps réel. Le résultat me plaît, mais quand la tête de lecture atteint la fin du montage, il y a un saut bien visible dans l'animation. J'arrête la lecture et je développe les options d'évolution. Pour éliminer le saut, il suffit de cocher la case Évolution du cycle. Je relance la lecture. Quand la tête de lecture arrive à la fin et revient au début, tout est fluide. J'arrête la lecture un instant, car je souhaite fusionner l'animation avec l'arrière-plan. Le plus rapide pour ce faire est de modifier le mode de fusion. En bas du panneau Montage, je clique sur Options/modes pour afficher les modes. Je clique sur le menu déroulant Mode du calque 2, qui affiche Normal. Je choisis Addition pour que les pixels noirs deviennent transparents et que les pixels plus clairs soient fusionnés avec les calques en dessous. C'est un peu trop lumineux à mon goût. Je clique sur le calque 2, puis j'appuie sur T pour accéder au réglage de l'opacité. Je diminue l'opacité en la réglant sur 40 %. Je relance la lecture. Nous avons donc intégré une animation fluide et dynamique à l'arrière-plan. En plus, elle est lue en boucle sans accroc.