Apprenez à créer des transitions personnalisées dans After Effects.
Créez une transition personnalisée en animant des masques.
Les masques sont des formes appliquées aux calques à l'aide de l'outil Plume ou des autres outils de forme. Dans ce tutoriel, nous allons appliquer des masques à des calques solides pour créer une transition colorée. Le panneau Montage étant actif, je n'ai plus qu'à lancer la lecture en appuyant sur la barre d'espace. À environ 3 secondes, un balayage rapide affiche un logo. C'est là que je veux créer des couleurs animées. J'arrête la lecture. Je place la tête de lecture à 3 secondes et 7 images, là où je veux faire débuter la transition. J'active la visibilité du calque 4 pour afficher le calque Solide pourpre 1. Pour appliquer un masque à ce calque, je le sélectionne puis, dans le panneau Outils, je clique longuement sur les outils de forme pour sélectionner l'outil Rectangle. Je peux maintenant faire glisser dans le panneau Composition pour appliquer le masque, mais avant, je place le pointeur en haut à droite dans la composition, puis j'appuie sur la touche virgule pour effectuer un zoom arrière afin de m'assurer que le masque recouvre entièrement le calque. En partant de l'angle supérieur droit, je clique et fais glisser vers le bas et la gauche. Ce faisant, dans le panneau Composition, le fond violet uni s'affiche. Comme l'animation doit commencer au bord droit de la composition, il faut tracer un rectangle hors de la composition, sur la droite, comme ceci. J'appuie sur M pour afficher Masque 1 dans le panneau Montage, puis je clique sur le chronomètre pour définir la première image clé pour le tracé du masque. Je veux que l'animation soit rapide. Je clique sur l'affichage temporel, puis je tape « +10 » pour avancer de 10 images dans le montage. J'appuie sur Entrée pour déplacer la tête de lecture. Pour modifier la forme du masque, dans le panneau Outils, je clique sur l'outil Sélection. Si je survole le masque, on voit bien que tous les points sont remplis, ce qui veut dire qu'ils sont tous sélectionnés. Ainsi, si je clique sur l'un des points du masque et que je le déplace, tous les points se déplacent. Je replace le masque à côté du bord droit, puis je désélectionne les points en cliquant hors du tracé du masque. À présent, si je clique sur un point et que je fais glisser, je déplace uniquement ce point. Pour annuler, j'appuie sur Ctrl + Z ou Cmd + Z. Si je double-clique sur un point, j'accède aux commandes de transformation. Pensez donc à double-cliquer sur l'un des points pour accéder aux commandes de transformation, prenant la forme de poignées au milieu du masque. Je survole la poignée de gauche au milieu pour afficher une flèche double. Quand elle s'affiche, je clique et fais glisser pour recouvrir la totalité de l'image. Il faut aller plus loin que le bord gauche de la composition. Je vais maintenant avancer de dix images dans le montage en cliquant sur l'affichage temporel, en tapant « +10 », puis en appuyant sur Entrée pour valider. Je peux maintenant revenir sur le tracé du masque et double-cliquer sur l'un des points. Les commandes de transformation étant appliquées, je survole la poignée de droite au milieu, je clique dessus, puis je fais glisser vers la gauche de la composition. Ensuite, j'appuie sur Entrée pour valider la dernière transformation. Pour visualiser l'animation, je replace la tête de lecture au début du montage, puis j'appuie sur la barre d'espace. Un fond uni balaye maintenant la scène, comme je le souhaitais. La transition doit toutefois être plus dynamique. J'arrête la lecture. Si je clique sur Tracé du masque dans le panneau Montage, les trois images clés sont sélectionnées. Ainsi, quand j'appuie sur Ctrl + C ou Cmd + C, les images clés sont copiées. Appuyez sur Ctrl + C ou Cmd + C pour copier les images clés. Plaçons maintenant la tête de lecture à peu près au milieu entre la première et la deuxième image clé. Je me place à peu près à 3 secondes et 12 images, puis je sélectionne le calque 3 et j'active sa visibilité pour l'afficher dans le montage. Ensuite, j'appuie sur Ctrl + V ou Cmd + V pour coller le tracé du masque. En appuyant sur M, les images clés venant d'être collées s'affichent. Pour visualiser l'animation, je place la tête de lecture au début du montage, puis j'appuie sur la barre d'espace. Nous avons donc créé non pas une animation de masque, mais deux, car nous avons copié et appliqué les images clés du masque dans un autre calque. N'oubliez pas que pour appliquer des masques à un calque, il faut sélectionner le calque avant d'aller dans le panneau Outils et de sélectionner un outil de forme ou l'outil Plume pour appliquer le masque.
Vous savez maintenant comment créer une transition personnalisée à l'aide de masques.
Les masques permettent de cacher ou d'afficher certaines parties d'un calque.
- Pour appliquer un masque à un calque :
- Sélectionnez le calque dans le panneau Montage.
- Sélectionnez l'outil Plume ou un outil de forme dans la barre d'outils.
- Définissez les zones à masquer en traçant une forme de masque dans le panneau Composition.
- Pour animer un masque :
- Dans le panneau Montage, placez le repère d'instant courant sur l'image qui marquera le début de la transition.
- Appuyez sur la touche M pour ouvrir les paramètres Tracé du masque.
- Cliquez sur le chronomètre à gauche de Tracé du masque pour enregistrer la position du tracé de masque et définir la première image-clé.
- Avancez le repère d'instant courant dans le panneau Montage afin de marquer la fin de la transition.
- Dans le panneau Montage, cliquez sur Tracé du masque pour sélectionner le tracé du masque.
- Déplacez chaque point d'ancrage du tracé ou appuyez sur Ctrl+T (Windows) ou Cmd+T (Mac OS) pour appliquer les poignées de transformation au tracé du masque.
- Pour déplacer le masque sans modifier sa forme, placez le curseur de la souris à l'intérieur des poignées du masque ; pour modifier la forme du masque, faites glisser les poignées.
- Repositionnez le masque et appuyez sur Entrée pour appliquer la transformation et enregistrer automatiquement la deuxième image-clé de la transition.
Créez des animations à l'aide des calques de forme.
L'une des principales raisons pour lesquelles j'aime animer les calques Illustrator dans un projet After Effects, c'est que je peux les convertir en calques de forme. C'est ce que nous allons faire dans ce tutoriel. Nous allons animer l'apparence de ce calque dans la scène en convertissant ce losange en calque de forme. Dans le montage, je sélectionne le calque 2. Pour le convertir en calque de forme, je clique dessus avec le bouton droit, puis je choisis Créer des formes à partir du calque vectoriel, ou avec le calque sélectionné, je clique sur le menu Calque, puis je choisis Créer des formes à partir du calque vectoriel. Une fois le calque converti, l'icône du calque 2 change pour indiquer un calque de forme. Le calque Illustrator d'origine est toujours dans le panneau Montage, mais sa visibilité est désactivée. Je développe les options du calque 2. Deux catégories s'affichent : Contenu et Transformation. À droite se trouve aussi un bouton Ajouter. Normalement, je cliquerais dessus pour créer une répétition, mais je tiens à préciser qu'il existe un autre moyen d'accéder à ce bouton. Je réduis les options du calque 2 un instant. Le calque de forme étant sélectionné dans le panneau Montage, il me suffit d'aller en haut à droite dans l'interface où se trouve effectivement le même bouton Ajouter. Je clique dessus, puis je choisis Répétition. Dans le panneau Montage, Répétition 1 a été ajouté au calque de forme. Je développe les options de Répétition 1. Comme vous le voyez, trois copies ont été ajoutées. Il est difficile de les distinguer, car elles sont toutes blanches à 100 % et opaques à 100 %. Je vais développer les options de transformation de la répétition 1, mais avant, je vais agrandir le panneau Montage. Je place le pointeur sur la partie supérieure et quand la flèche double s'affiche, je clique et fais glisser. La répétition 1 dispose de ses propres options de transformation. Je les développe. Elles permettent de contrôler le comportement des doubles à créer. Ainsi, chaque double créé est décalé de 100 pixels sur le paramètre X. Je définis l'opacité de départ sur 50 %, j'appuie sur Tab, je définis l'opacité d'arrivée sur 0 %, puis j'appuie sur Entrée. À présent, les trois copies sont un peu plus visibles. Je vais maintenant ajouter des éléments au graphique. En regard de Copies, je fais passer la valeur de 3 à 15, puis j'appuie sur Entrée pour valider. Pour animer l'apparence de ce côté de la scène, je clique sur la valeur en regard de Décalage, puis je fais glisser jusqu'à ce que le graphique disparaisse sur la droite du panneau Composition. J'ajoute une image-clé en cliquant sur le chronomètre à gauche de Décalage. J'avance la tête de lecture d'environ 2 secondes dans le montage. Pour créer l'animation, je clique sur la valeur en regard de Décalage, puis je fais glisser vers la gauche pour faire défiler le graphique dans la scène. J'arrête le défilement une fois que le graphique a disparu sur la gauche du panneau Composition. J'utilise une valeur de -35. A présent, je replace la tête de lecture au début du montage, puis j'appuie sur la barre d'espace pour visualiser l'animation. Le rendu initial peut prendre quelques secondes, mais une fois les images chargées dans le cache, la tête de lecture effectue une boucle dans la scène et je peux vérifier l'animation en temps réel. Le résultat me convient, mais je dois modifier le moment d'apparition du logo et faire réapparaître le losange blanc dans l'arrière-plan. J'arrête la lecture. Je place la tête de lecture à peu près sur l'image 17. Ici, c'est plutôt pas mal, car l'arrière-plan blanc derrière le logo est suffisant. Avec le calque 2 sélectionné, je remonte dans le panneau Montage et je réduis les options du calque 2. Je sélectionne le calque 3 et j'active sa visibilité. Tout en maintenant la touche Ctrl ou Cmd enfoncée, je sélectionne le calque 1 sans désélectionner le calque 3. Pour déplacer le point d'entrée de ces deux calques, je maintiens la touche Alt ou Option enfoncée, j'appuie sur la touche crochet gauche, à droite de la touche P sur un clavier Qwerty. Une fois le point d'entrée des calques modifié, je replace la tête de lecture au début du montage, puis je lance la lecture. Pour rappel, quand un calque de forme est sélectionné dans le panneau Montage, vous pouvez modifier les couleurs de fond et de contour de la forme et accéder directement au bouton Ajouter en haut à droite dans l'interface sans développer les options du calque de forme dans le panneau Montage.
Vous savez maintenant comment créer des transitions animées.
Un calque Adobe Illustrator peut être converti en calque de forme.
- Pour convertir un calque Illustrator en calque de forme :
- Sélectionnez le calque souhaité dans le panneau Montage.
- Dans le menu principal, sélectionnez Calque > Créer des formes à partir du calque vectoriel.
- Les calques de forme peuvent être reproduits à l'aide d'une « répétition » :
- Sélectionnez le calque de forme à reproduire dans le panneau Montage.
- Ouvrez les options du calque en cliquant sur le triangle situé à sa gauche.
- À droite de la section Contenu du calque, cliquez sur le bouton en regard de Ajouter et choisissez Répétition.
- Développez Répétition 1 et indiquez le nombre de copies.
- Développez Transformer : Répétition 1 et ajustez le déplacement de chaque forme à l'aide des paramètres. (Les paramètres par défaut déplacent chaque copie de 100 pixels le long de l'axe X.)
- Pour animer la forme répétée, ajoutez une image-clé Décalage pour Répétition 1.
Ajoutez de la transparence à un calque à l'aide d'un cache par approche.
Il existe de nombreux moyens d'échanger des informations entre les calques d'une composition dans After Effects. Dans ce tutoriel, nous allons nous intéresser à l'échange de données de transparence entre calques. Le moyen le plus simple de comprendre le concept est d'explorer les couches. En bas du panneau Composition, je clique sur le bouton rouge, vert et bleu. Le menu Couche s'affiche. Il permet d'étudier chaque couche nécessaire à la création de l'image que nous voyons. Le paramètre par défaut affiche les trois couches : la rouge, la verte et la bleue, mélangées pour créer l'image. Toutefois, il en existe une quatrième : la couche alpha, qui détermine la transparence d'une image. Dans le menu, j'active la couche alpha. Une représentation de la transparence en noir et blanc s'affiche. Ce qui est blanc à 100 % est opaque à 100 %. Ce qui est noir à 100 % est transparent à 100 %. Je sélectionne le calque 6 dans le panneau Montage, puis j'appuie sur T pour afficher ses paramètres d'opacité. Je règle l'opacité sur 50 %. Les pixels sont alors gris à 50 %. Passons maintenant à l'élaboration du projet. Je clique sur le bouton Couche, puis je sélectionne RVB. Ensuite, je clique sur le calque d'arrière-plan dans le panneau Composition, puis je le déplace vers la gauche en veillant à couvrir tout l'arrière-plan, de gauche à droite et de haut en bas. Je définis l'opacité du calque 6 sur 100 %. Je vais maintenant créer une animation. Dans le panneau Montage, j'active la visibilité du calque 5, puis je lance la lecture. J'ai déjà un texte de grande taille animé de gauche à droite. J'arrête la lecture au milieu du montage. L'essentiel est de voir ces lettres dans le panneau Composition. Je veux remplir ces lettres avec l'arrière-plan et appliquer une transparence à l'arrière-plan. Pour ce faire, je clique sur Options/modes pour afficher la colonne Mode. Au lieu des modes, intéressons-nous à la colonne suivante. En regard de Calque 6, je clique sur le menu déroulant affichant Aucun. Quatre options sont disponibles pour l'échange des données de transparence entre le calque situé au-dessus du calque 6 et ce dernier. Je choisis Cache alpha "LANEKA'S 2", puis je lance la lecture. J'ai bien rempli le texte avec le calque d'arrière-plan. J'arrête la lecture en veillant là encore à ce que la tête de lecture soit située à un endroit où les calques d'arrière-plan sont visibles. Bien que les données de la couche alpha soient transmises entre les calques 5 et 6, ceux-ci sont toujours indépendants. Ainsi, pour flouter légèrement l'arrière-plan, il me suffit de sélectionner le calque 6, de cliquer sur le menu Effet, puis de choisir Netteté > Flou encadré accéléré.. Dans le panneau Options d'effet, je clique et fais glisser sur la valeur de Rayon de flou pour accentuer le flou. Je définis cette valeur sur 7. J'appuie de nouveau sur la barre d'espace pour visualiser l'animation. J'ai donc récupéré les données de transparence du calque 5 pour les appliquer au calque 6 à l'aide d'un cache par approche. Les images se composent d'une couche rouge, d'une verte et d'une bleue. Ces couches sont mélangées pour former l'image que vous voyez. La quatrième couche, nommée alpha, détermine la transparence. Ainsi, quand vous créez un élément comme du texte dans After Effects, la couche alpha est automatiquement générée pour le calque correspondant. Le texte peut ainsi être utilisé comme source de cache alpha.
Vous savez maintenant comment ajouter de la transparence à un calque.
La couche alpha détermine la transparence d'une image : 100 % blanc signifie 100 % opaque et 100 % noir signifie 100 % transparent.
Pour afficher les caches par approche, utilisez le bouton Options / Modes au bas du panneau Montage pour masquer les options et afficher les modes.
Pour définir le degré de transparence, les caches par approche examinent le calque situé juste au-dessus dans le montage.
Le menu déroulant Cache par approche propose cinq options :
- Pas de cache : aucune transparence ne sera créée ; le calque situé juste au-dessus agit comme un calque normal.
- Cache alpha : opaque lorsque la valeur en pixels de la couche alpha est de 100 %.
- Cache inversé alpha : opaque lorsque la valeur en pixels de la couche alpha est de 0 %.
- Cache par luminance : opaque lorsque la valeur de luminance d'un pixel est de 100 %.
- Cache par luminance inversée : opaque lorsque la valeur de luminance d'un pixel est de 0 %.