LOGO 3D
Étape 1
Alan ne s’est pas contenté d’animer le logo : il l’a aussi dessiné. Avant de commencer notre travail d’animation, jetons un rapide coup d’oeil au logo dans Illustrator. Il s’agit du fichier PT_logo_Invig_source.ai contenu dans le dossier (Footage). Bien qu’il soit composé de plusieurs tracés, il peut être décomposé en trois grands groupes : le triangle bleu et jaune qui supporte les titrages, les titres « Post Time » et « on sportsnet ». Aussi c’est naturellement que nous allons animer le logo en 3 temps : le fond est d’abord visible dès le début de l’animation, puis arrive le premier titre et enfin le second. Le tout s’habillera d’anneaux en mouvement et d’un arrière-plan assez riche constitué d’une grille, de formes rectangulaires aux angles arrondis et de traînées lumineuses.
Étape 2
Alan étant canadien, il a à l’origine conçu son animation pour une sortie NTSC (standard en vigueur en Amérique du Nord). Toutefois, pour que ceux d’entre vous n’ayant pas sous la main Invigorator puissent quand même réaliser cette animation, la version démo du plug-in, qui est limitée à une sortie en 320x240, est téléchargeable sur www.zaxwerks.com. Aussi c’est pourquoi nous travaillerons dans ce format : si vous disposez de la version intégrale d’Invigorator, rien ne vous interdit de travailler dans une résolution supérieure. Nous ferons aussi appel à un autre plug-in , Xmult de Fan disponible gratuitement sur www.fandev.com . Une fois ces deux plug-in installés, lancez After Effects et créez ensuite une nouvelle composition de taille 320x240 de durée 5:00. À l’origine, le projet a une cadence de 29,97 fps, ce qui correspond à du NTSC ; mais libre à vous de retenir une autre cadence d’image(25,15 fps…). Nommez la composition Post Time Logo. Ajoutez un nouveau solide (menu Calque, Créer, Solide) que vous baptisez Front PT logo. Appliquez ensuite l’effet Zaxwerks, 3D Invigorator : la fenêtre d’import apparaît alors.
Étape 3
3D Invigorator vous propose plusieurs options : cliquez sur Open Illustrator File et sélectionnez le fichier PT_logo_Invig_source.ai (contenu dans le dossier Footage). Invigorator extrude le logo selon des paramètres par défaut. Avant de passer à la modélisation et au texturage, nous allons d’abord répartir les éléments dans des sets (ensembles). En effet, chaque tracé d’Illustrator ayant été extrudé en un objet indépendant, Invigorator permet de regrouper ces objets dans des sets (jusqu’à 8) de façon à pouvoir les animer indépendamment. Invigorator dispose de deux interfaces : la traditionnelle fenêtre d’option d’effets, et une fenêtre Set-Up que vous ouvrez en cliquant sur Options. Cette dernière se décompose en 3 parties : une fenêtre de prévisualisation en haut à gauche, les onglets object et material à droite permettant d’intervenir sur la modélisation et le texturage, et enfin les contrôles de caméra, de lumières et de déplacement d’objet en bas à gauche (représentés respectivement par un appareil photo, un soleil et un cube). Cliquez sur Objet : par défaut, tous les groupes sont affectés sur le Set 1.
Étape 4
À l’étape1, nous avons décidé que le logo allait s’animer en 3 temps. Aussi il est impératif d’affecter sur un second set tout ce qui correspond au titre Post Time. Dans la partie droite des paramètres d’objet se trouve un petit menu déroulant de sélection d’objet qui par défaut indique « None Selected »: cliquez et sélectionnez Objet 1. À droite du nom du groupe sélectionné se trouve un second menu déroulant dans le quel est indiqué un numéro ; c’est celui du set correspondant. Le titre Post Time se compose de 3 parties différentes : sélectionnez Object 3, puis changez le set en Set 2 par le second menu. Effectuez la même opération pour les 2 autres objets constituant le titre Post Time : Object 4 et Object 7. Affectez enfin le second titrage (Group 2 et Object 5) sur le troisième Set.
Étape 5
À ce stade là, il reste visible en bas à gauche du logo les crédits qui ont été extrudés : aussi vous pouvez soit à les éliminer au préalable dans illustrator ou les rendre invisible (voir Truc en +). Nous allons maintenant passer à la modélisation du logo : les différents tracés ayant déjà été extrudés, cette opération consiste donc simplement à en ajuster les paramètres de profil et de profondeur. Sélectionnez Object 1 (V encadrant le triangle de fond) et cliquez sur l’onglet Object pour accéder aux paramètres de modélisation. Invigorator inclut plus d’une centaine de profils d’extrusion que l’on sélectionne par le menu Outside Edges. Pour ce premier objet, nous retiendrons le profil Bevels, Round Edges, Large. Ce type de chanfrein permet d’accrocher facilement la lumière sur les côtés du logo, ce qui le fera d’avantage ressortir lors de l’animation. L’échelle relative du chanfrein se détermine avec le paramètre Edge Scale ; décrémentez à 50. Enfin, la profondeur d’extrusion se contrôle par Depth qu’il faut réduire à 7.
Étape 6
Passons maintenant au texturage. Invigorator dispose de plusieurs paramètres de matériau et permet d’attribuer un calque de la composition comme map de texture ; c’est ce que nous allons faire. Validez par OK pour sortir de la fenêtre Set-up d’Invigorator. Dans le dossier Footage de la fenêtre de projet, sélectionnez le fichier punchy.jpg, une texture de réflexion crée par Alan, et placez le dans la composition Post Time Logo. Désactivez sa visibilité et ouvrez la fenêtre d’option d’effets correspondant à Invogorator. La partie Layer Maps gère l’affectation des calques de la composition vers les maps de texture; jusqu’à 10 textures différentes peuvent ainsi être affectées au logo. Sélectionnez le calque Punchy.jpg dans Layer Map 1, puis ouvrez la fenêtre Set-Up d’Invigorator en cliquant sur options.
Étape 7
Cliquez sur l’onglet Materials : Invigorator contient d’origine de nombreux matériaux. Nous allons cependant créer de toutes pièces les notres. À l’aide du menu Material Commands, sélectionnez New Material ; un nouveau matériau est alors chargé dans l’éditeur de matériaux. Changez le nom New Material en PT Yellow. Sélectionnez une couleur jaune vive (R=248, V=255, B=10), et ajustez Highlight Sharpness à 42 et Highlight Brightness à 65 de façon à corriger la spécularité. Concernant la réflexion, affectez d’abord le Layer Map 1 en map de réflectivité, puis incrémentez Reflectivity à 32. Il est alors sage de sauvegarder notre matériau en effectuant un glissé-déposé de la sphère représentant le matériau dans l’éditeur vers la palette contenant les autres matériaux. Sélectionnez alors Objet 1 et effectuez un glissé déposé du matériau PT Yellow vers l’objet sélectionné dans la fenêtre de prévisualisation.
Étape 8
Notre premier objet est maintenant achevé ; nous allons procéder à l’identique pour les autres. Sélectionnez Group 1 (triangle de fond) et changez le profil d’extrusion en Round Edges, Large, réduisez Edge Scale à 75 et Depth à 15. Concernant la couleur, Alan a retenu un bleu transparent : créez un nouveau matériau (PT blue) de couleur bleu marine (R=8, V=15, B=130 ), avec Highlight Sparness à 80, Highlight Brightness à 81, Transparency à 67 et Reflectivity à 40 d’après le Layer Map 1. Sélectionnez Object 2 (Woodbine) et appliquez le matériaux PT Yellow. Alan a privilégié une extrusion simple et peu profonde dans un soucis de lisibilité (essayez de lire un petit titre épais avec un gros chanfrein…) ; sélectionnez Bevels, Basic Flat Sides pour Outside Edges, réduisez Edge Scale à 30 et Depth à 1. Sélectionnez ensuite Object 8 et affectez-y le matériau PT Blue. Le profil retenu par Alan est Inset Face, Round Buble Rims avec Edge Scale à 200 et Depth à 5. Reste enfin le losange à la pointe inférieure du triangle : Object 6. Affectez un nouveau matériau PT Red d’un rouge vif (R=232, V=0, B=3), et sélectionnez Round Edges, Large pour Outside Edge en réduisant Edge Scale à 50 et Depth à 5.
Le truc en + : objets invisibles dans 3D Invigorator
Si votre fichier Illustrator comporte certains objets que vous ne souhaitez pas extruder, Invigorator vous permet de les éliminer du rendu. Il suffit pour cela de sélectionner le ou les objets, puis de cliquer sur Make Invisible.
Étape 9
Nous avons achevé modélisation et texturage de la première partie du logo, passons maintenant au titrage Post Time. Il se compose de trois partie : un contour blanc très large, un fond bleu et un texte rouge. Pour la partie la plus large (Object 3), créez un nouveau matériau PT glass de couleur blanc, avec une transparence à 81 et une réflexion à 50 et affectez un profil Circle, Rim avec Edge Scale à 47 et Depth à 14 de façon à faire ressortir les contours. Le fond bleu (Object 4) correspond au matériau PT Blue, avec un Bevel, Medium (Edge Scale à 50 et Depth à 10), et enfin le texte (Object 7) au matériau PT Red à un profil Round, Bubble Rims (Edge Scale à 50 et Depth à 5). Le logo paraît alors confus : en effet, les trois parties du titrage Post Time sont enchevêtrées avec les autres objets !
Étape 10
Nous allons espacer les différentes parties du logo sur différentes profondeurs. Passez en mode caméra (icône représentant un appareil photo sous la fenêtre de prévisualisation) et dans View, Sélectionnez Right. Le logo est visualisé de profil ; retournez en mode objet (Icône en forme de cube) et sélectionnez Object 3. Un groupe de 5 boutons symbolise les outils de déplacement dont chacun correspond à un type de mouvements différent. Sélectionnez le Dolly Tool (travelling avant), le 4ème bouton représenté par une flèche pointant en perspective. Comme nous souhaitons déplacer les objets selon leurs propres axes et non d’après ceux de la caméra, cliquez sur Drag Using Object’s Axes. Cliquez ensuite et sans relâcher déplacez le curseur sur la fenêtre de prévisualsation : vous déplacez alors Object 3 vers l’avant. Renouvelez l’opération pour décaler Object 4, puis Object 7.
Étape 11
Il nous reste le dernier titrage : « on sportsnet ». Le mot « on » (Object 5) se caractérise par un profil de type Basic, Flat Sides (Edge Scale=20 et Depth=3) ; le mot « sportsnet » (Group 2) par un profil de type Round Edges, Large (Edge Scale=20, Depth=2). Le matériau des deux objets est PT Bright White : avec un Highlight Sharpness à 2 et un Highlight Brightness à 48. D’ne façon similaire à ce qui a été fait à l’étape précédente, ajustez la position selon la profondeur des deux mots, mais aussi du support bleu (Object 8). Au final, toutes les parties du logo doivent êtres parfaitement visibles et lisibles, sans se chevaucher. Voilà, modélisation et texturage sont maintenant achevés ! Nous allons pouvoir nous consacrer à l’animation. Si comme tout programme de 3D Invigorator dispose d’une caméra, il peut aussi utiliser cette de la composition, ce qui permet d’intégrer à l’animation d’autres calques 3D ! Nous allons donc ajouter une caméra (menu Calque, Créer, Caméra) ; changez son angle d’ouverture en 54.43. Cliquez ensuite sur l’option Use Comp Camera dans la fenêtre d’option d’effet d’Invigorator pour indiquer que c’est la caméra de la composition qui va gérer le rendu du logo.
Étape 12
Ajustez la position du logo d’après l’animation d’Alan : pour les 3 Sets, la position selon X est 308 et celle selon Y 376. Nous allons animer la caméra d’un léger mouvement, ce qui dynamisera l’animation et renforcera la notion de perspective. Commençons par la position de fin : à 4:13, placez une keyframe pour le point ciblé (524,-113,-468) et une autre pour la position (720,-5,-893). De retour en début de composition, changez le point ciblé (379,-260,-10) et la position (116,-314,-617). Lissez les keyframes à l’approche à 4:13 (Animation, Assistant d’image clé, lissage à l’approche) de façon à amortir le mouvement. Au besoin, retouchez manuellement la courbe de vélocité.
Le truc en + : affichage des textures dans Invigorator
Si vous ne parvenez pas à visualiser les textures du logo dans la fenêtre de composition, c’est que votre calque est en qualité d’ébauche. En effet, Invigorator ne compile les textures qu’en résolution de calque optimale
1-Sommaire
2- Interview Alan Shisko
3- Logo 3D
4-Background
© 2004 Xplorer studio
