POST TIME : LOGO 3D DANS AFTER EFFECTS


BACKGROUND


Étape 13

Passons maintenant à l’animation des différents sets du logo. Le set 1 (fond en triangle) reste en place sur toute l’animation ; pour les deux autres sets qui correspondent aux titres, une simple translation selon l’axe Z suffira, le mouvement de caméra donnant plus d’ampleur à cette animation. À 0:16 ajoutez une keyframe pour le paramètre Set 2 Z position du logo Invigorator. Ajustez la valeur à 788. Puis à 1:22 diminuez la valeur à 0. Lissez la vitesse à l’approche sur la seconde keyframe et lancez une RAM preview : le titrage doit frôler la caméra par le haut du cadre. Ajoutez alors une keyframe à 3:07 pour Set 3 Z Parameter (788) et à 4:00 (0) tout en lissant la dernière keyframe. Le titrage « on sportsnet » arrive alors en fin d’animation.




Étape 14

Notre logo est en place : reste à lui trouver un arrière-plan qui le mette en valeur ! Pour cela, Alan utilise principalement des fichiers graphiques qu’il dessine sous Illustrator et les effets de la version Professional d’After Effects. Sur cette animation, son arrière-plan se compose de plusieurs éléments. Le premier est une grille réalisée avec l’effet du même nom. Sur un nouvel aplat de taille 1000x1000 (voir truc en +), appliquez l’effet Grille (sous menu Rendu). Centrez l’ancrage à 0,0 et le coin à 5,5. Diminuez ensuite la bordure à 2 pixels. Transformez le calque en calque 3D et changez sa position en (425,-121,0). Ce calque est ainsi soumis au même mouvement de caméra que le logo. Pour ajouter un effet de vignetage sur la grille, dupliquez ce calque, et sur la copie supérieure supprimez l’effet tout en ajoutant un masque en ellipse avec un contour progressif de 50 pixels. Affectez ce second cache en cache par approche d’après l’alpha sur la grille.




Étape 15

Le second élément constituant l’arrière-plan correspond à des motifs géométriques : un fichier dessiné sous Illustrator. Créez une nouvelle composition Background de taille 1000x1000. Si vous avez Illustrator sous la main, vous pouvez ouvrir « squares SOURCE.ai », copier le tracé, puis de retour dans After Effects le coller sur un nouveau solide de couleur verte et de taille identique à celle de la composition. Dans le cas contraire, importez squares SOURCE.ai  dans After Effects (il se trouve dans le dossier Footage) et appliquez-y l’effet Rendu, Remplir en retenant une couleur verte (R=101, V=164, B=32). Dans la composition Post Time logo, placez la composition Background en bas de la pile. La grille précédente est trop présente : plutôt que de diminuer son opacité, changez son mode de fusion en Lumière douce, ce qui la fera réagir avec les calques inférieurs. La couleur verte s’harmonise mal avec les tons du logo : appliquez l’effet Balance de couleurs TLS à Background (sous menu Image) et modifiez la teinte de 149° pour récupérer un bleu proche de celui du logo. Réduisez aussi la luminosité à –39 pour assombrir le calque.




Le truc en + : taille de calque d’arrière-plan dans une composition 3D

Dans une composition 3D, la taille des calques d’arrière-plan doit être largement supérieure à celle de la composition. Plus un calque est éloigné de la caméra, et plus sa taille est supposée être élevée pour qu’il couvre l’intégralité du cadre ; ceci est d’autant plus vrai dans le cas de mouvement de caméra.


Étape 16

Enfin, pour donner plus de profondeur, Alan a ajouté une ombre portée (sous-menu Perspective) ; d’opacité 100%, de direction 135°, de distance 16 et lissage 93. Mais quel intérêt d’ajouter manuellement une ombre portée dans un composition 3D qui sait gérer les ombres à partir de vrai sources lumineuses ? Tout simplement pour optimiser la rapidité de calcul. Une ombre 3D est beaucoup plus longue à calculer qu’une ombre « 2D » simulée avec l’effet ombre portée (ce dernier simulant l’ombre en dupliquant le calque et en le remplissant de noir). Basculez le calque Background comme calque 3D : un moyen rapide de donner vie à des éléments statiques consiste à animer leur position. À 0:00, changez la position du calque en 632,-291,-496 et ajoutez une keyframe. À la fin de la composition, faites varier la position selon X à 470. Nous allons dupliquer ce calque en modifiant simplement la couleur en jaune de façon à rappeler les tonalités du logo (Teinte à +322° et luminosité à 0), en keyframant la position à 00:00 à 10,-228,-478 et en faisant varier la position selon X à 394 à la fin de l’animation. Enfin, changez le mode de fusion des 2 calques en lumière crue, de manière à les faire interagir avec les différents calques inférieurs.




Étape 17

Des trous noirs restent visibles dans notre arrière-plan. Pour les combler, ajoutez un aplat de taille identique à la composition, sur lequel vous appliquez l’effet Dégradé 4 couleurs (sous menu Rendu). Il ne s’agit pas là de créer un calque perceptible comme les éléments précédents, mais plutôt de donner une ambiance colorimétrique ; aussi ce calque restera en 2D. Voici les positions et valeurs des points : Point 1 à 178,181 (R=67, V=63, B=68), Point 2 à 129,153 (R=230, V=218, B=218), Point 3 à 194,56 (R=51, V=53, B=106) et Point 2 à 55,102 (R=67, V=63, B=68). Les trous noirs sont ainsi comblés, mais l’arrière-plan semble trop délavé : plutôt que de corriger les valeurs des 4 couleurs, appliquez l’effet Luminosité/Contraste  (sous menu Réglage) et augmentez le contraste à 45.




Étape 18

La lumière sur l’arrière-plan est trop uniforme : nous allons ajouter une source lumineuse (menu Calque, Créer, Lumière) à la composition pour apporter plus de nuances. Changez son intensité à 150% et son angle du cône à 75°. La source reste fixe ; son point ciblé est à 450,0,-446 et sa position à 260,-358,-1000. Le logo généré par Invigorator sait utiliser la lumière de la composition : toutefois il est très rare d’arriver à un éclairage parfait sur l’arrière-plan et le logo à partir d’une seule et même source. Aussi nous utiliserons la lumière par défaut d’Invigorator; vous n’avez donc rien à faire en ce qui concerne l’éclairage du logo !




Le truc en + : durée des pré-compositions d’arrière-plan

Lorsque l’on travaille avec des pré-compositions d’arrière-plan, il est conseillé de leur attribuer une durée supérieure à celle de la composition finale. La raison en est simple ; si vous devez allonger la durée de la composition finale, cela vous évite alors de devoir reprendre uns à uns  tous les calques de la pré-composition.


Étape 19

Pour achever l’arrière-plan, Alan a ajouté des traînées lumineuses semblables à des comètes qui traversent la composition horizontalement. Nous allons commencer par créer une nouvelle composition (Comet) de taille 1000x200 pixels et durée 10 secondes. Pour simuler une comète, nous avons plusieurs possibilités : la plus simple consiste à utiliser l’effet Vegas. Ce filtre permet en effet de créer un sorte de tracé animé à la manière des néons de Las Vegas (d’ou son nom). Sur un solide de taille identique à la composition (1000x200) ajoutez à l’aide de l’outil masque rectangulaire, un masque rectangulaire de telle sorte que son côté inférieur soit visible et qu’il soit callé sur le milieu de la composition. Appliquez l’effet Vegas (sous menu Rendu) et affectez Masque/Chemin comme tracé.




Étape 20

Quelques petits ajustements sont nécessaires. Dans Rendu en cours, changez d’abord la couleur en blanc, la largeur à 10 pixels, et le mode de fusion en transparent. Dans Segments, diminuez le nombre de segments à 1 et la longueur à 0.230. Nous obtenons ainsi un seul segment qui ressemble étrangement à une comète : il ne nous reste plus qu’à animer sa phase en keyframant le paramètre rotation. L’idée est d’obtenir une translation horizontale : à 0:00 placez une première keyframe avec une valeur correspondant à –204°, puis une seconde à 7:03  à  –1 rotation et –163°. Lancez une RAM preview pour apprécier l’animation.




Étape 21

Il manque à notre comète un petit effet lumineux pour lui donner un peu plus de punch. La solution tient en 2 mots : lens flare ! Bien qu’il existe sur le marché plusieurs plug-ins très réaliste, l’effet Halo d’After Effects conviendra à cette tache, la comète étant discrètement compositée en arrière-plan. Ajoutez un second solide à la composition Comet que vous baptisez Flare, et appliquez l’effet Halo (sous menu Rendu). Modifiez l’objectif en 105 mm, et l’intensité de la lumière parasite en 51%. Il ne reste plus qu’à animer la position du centre de la source lumineuse de façon à la faire coïncider avec la tête de la comète. Deux keyframes suffisent : une première à 0:00 avec –100,100 et une seconde à 4:01 avec 1124,100. Les effets de lens flare impliquent de prendre certaines précautions si on veut les compositer sans soucis. Pour vous en convaincre, affichez l’alpha dans la fenêtre de composition, : il correspond à l’intégralité de l’image ! Le lens flare doit donc être démultiplié : nous allons utiliser l’effet Xmult contenu dans le sous-menu Fan (sur le CD, que vous avez installé). Visualisez à nouveau l’alpha : le lens flare a bien été démultiplié et se compositera à l’étape suivante sans soucis.




Étape 22

Placez la composition Comet dans la composition finale (Post Time Logo).  Activez l’option de calque 3D, puis pour obtenir un aspect plus allongé réduisez l’échelle selon Y à 5% (pour cela il est nécessaire de désactiver la préservation des proportions). Affectez une valeur de position selon Z à –485. Puis déplacez la position selon X et Y pour que la cométe soit visible dans le champ : aidez vous pour cela des flèches de positionnement dans la fenêtre de composition (la flèche rouge déplace selon X, la verte selon Y). Pour ce premier calque, nous avons retenu des valeurs de 495 et-381 pour X et Y. Dupliquez le et modifiez la position selon X et Y, tout en retardant légèrement ce calque : procédez à l’identique de sorte à avoir une multitude de comètes. C’est là un travail de patiente : Alan a dupliqué son calque près d’une quarantaine de fois !




Le truc en + : duplication de calque

Pour dupliquer un calque dans After Effects, bien que le copié-collé traditionnel fonctionne, pensez plutôt à la combinaison Commande+D (Mac) ou Contrôle+ D (PC). Vous dupliquez ainsi en une seule étape.


Étape 23

Laisser près d’une quarantaine de calques Comet dans la composition final fait un désordre ; mieux vaut les pré-composer pour désengorger la composition finale. Seulement voilà : comment faire pour que des calques 3D dans une pré-composition retrouvent leurs propriétés 3D une fois dans la composition finale,  alors que la pré-composition est pour la composition finale un élément 2D ? Tout simplement en faisant appel à la propriété de condensation de transformation. Sélectionnez tous les calques Comets et pré-composez les dans une composition intermédiaire (Menu Calque, Précomposition et nommez là Comets background). Activez ensuite la propriété de condensation de transformation symbolisée dans les options de calque par une petite étoile : les calques 3D contenus dans la pré-composition Comet background retrouvent alors leur propriétés 3D.




Étape 24

En se basant sur le même principe, Alan a ajouté une seconde pré-composition de comètes : Comets foreground, qui comme son nom l’indique contient des comètes sur plan plus rapproché. Dupliquez le calque Comet background et faites d’abord varier dans la timeline la position selon Z de tous les calques (à –510 et –526), puis celle selon X et Y dans la fenêtre de composition. Une fois cette composition achevée, lancez une RAM preview pour  apprécier l’animation. Entre le moment l’arrivée  des titres Post Time et on sportsnet, l’animation semble retomber. C’est pour cette raison que Alan a ajouté des anneaux animés qui comblent ce trou d’animation. Sur un nouveau solide, appliquez Invigorator et chargez le fichier Illustrator « ring1.ai ». Affectez le calque punchy.jpg en tant que Layer Map 1. Ouvrez la fenêtre de Set-Up d’Invigorator et sélectionnez Object 1. Le profil correspond au preset Round Edges Large avec Edge Scale à 100 et Depth à 30. Le matériau s’apparente à du verre : de couleur pratiquement blanc (R=253,V=254,B=252), la transparence est à 85 et la réflexion à 56 (d’après le Layer Map 1).




Étape 25

L’anneau va s’animer par une vrille : placez-vous à 0:00 et ajoutez une keyframe pour les paramètres de position et de rotation selon X, Y,Z correspondant au Set 1 (6 keyframes au total). Ajustez la position de l’anneau de façon à ce qu’il arrive de la gauche du cadre dans une position pratiquement verticale. Placez vous ensuite à 4:00 et ajustez la position pour qu’il sorte du cadre par la droite. Jouez ensuite avec les 3 paramètres de rotation pour que l’anneau semble effectuer une rotation. Dupliquez ensuite ce calque, et modifiez les keyframes d’arrivée et de départ pour obtenir une seconde vrille, dont le mouvement se croise avec le précédent. Enfin, pour renforcer la transparence des anneaux, changez leur mode de fusion en Lumière Douce. Dernière finition, il nous faut faire ressortir le logo en lui donnant plus de contraste. Voici une petite recette d’Alan; dupliquez le calque Front PT logo et renommez la copie inférieure Back PT logo. Appliquez un flou gaussien (sous-menu Netteté) de 5 pixels à ce calque. Changez ensuite le mode de fusion de Front PT logo en Lumière Crue, et appliquez enfin un effet d’ombre portée (sous-menu Perspective) de couleur noire, d’opacité 80%, de direction 177°, de distance 5 et de lissage 7. L’animation est maintenant terminée, et vous pouvez lancer un render.




Le truc en + : preview dans la fenêtre Set-Up
Pour obtenir un aperçu en résolution intégrale dans la fenêtre Set-Up, maintenez la touche Commande (Mac) ou Contrôle (PC) : le bouton OK se transforme alors en Test. Si vous cliquez, vous lancez alors un render en pleine résolution (y compris les textures) depuis l’interface d’Invigorator.



1-Sommaire
2- Interview Alan Shisko
3- Logo 3D
4-Background




© 2004 Xplorer studio