Créé le : 29/09/2007
Modifié le : 16/03/2008
Topic d'aide!
[1 à 53] Ayatoweb.com traduction
Page : Préc.,1,2,3,4,...,18,Suiv.

TUTORIEL 01

Le tutoriel n°01 d'ayato est visible ici.
La video sur le côté représente le résultat du fichier que vous pouvez télécharger ici.
Ce tutoriel peut se trouver aussi sur ici

Cet effet demande:
-3d Invigorator
-Teinte/ saturation
-Flou Directionnel
-Halo
-Niveaux
-Knoll Light factory

-Demande 3d Invigorator de Zaxwerks et Knoll Light Factory de Red Giant, plug-ins payants.

Réalisable sous After Effects 5.5 PRO et supérieur.
Voici un apperçue en sous qualité en flash, cliquez sur play pour lire





Etape 1 : 3d Invigorator

Si vous ne conaissez rien à 3d Invigorator, cette étape sera assez longue mais je l'imagerai assez pour que vous ne bloquiez pas.
Dans cette étape nous allons faire tourner les lettres comme sur la video de départ.

Commencez par créez une nouvelle composition (CTRL+N) nommée "Invigorator" en 640 par 480 de 4 secondes.
Créez un solide (CTRL+Y) et appliquez lui 3d Invigorator
image

3D Invigorator va alors vous proposer 4 choix dans ce menu:
image

Vous pouvez importer un texte créé sous illustrator ou bien un fichier 3d primitif ou rester sur un environnement vide.
Ici nous allons nous contenter de créez un texte en 3d à l'aide de 3d invigorator.

Tappez votre texte sans trop dépasser la limite, donnez lui une police qui arrache plus que le Arial ou Time new Roman. J'ai choisis ici la police du jeu StarCraft.
Vous pouvez jeter un coup d'oeil aux propriétés en haut
image


Validez, vous tomberez alors sur la fenêtre des effets avec un écran de prévisualisation propre à After Effects
image
Familiarisez vous avec les petits icones en dessous de prévisualisation:
Commencez par choisir entre l'icone appareil photo, soleil ou objet:

-L'appareil photo désigne la caméra
-Le soleil désigne la lumière
-Les boites désignent les objets de la scène.

Vous pouvez ensuite faire pivoter, tourner, déplacer, agrandire l'échelle des lumières/ caméras/ objets avec les icones juste à droite.

Les onglets en dessous "caméra", "light", "sets" sont fait pour modifier les prôpriétés de vos élément.
Pour ce tutoriel nous allons animer seuleuement les sets, ce seronts nos lettres, la lumière et la caméra ne bougera pas.


Une fois que vous aurez fait le tour, cliquez sur la spère rouge entouré de vert sur le scren:
Cette fenêtre va s'ouvrir:
Comme dans l'autre fenêtre vous avez le choix entre gérer les caméra, les lumières et les objets; cliquez sur la boite pour accéder aux propriétés de nos lettres.
image

Si vous n'avez pas les textures sur les côtés, c'est que 3d Invigorator est mal installé.

Dans les propriétés des objets, commencez par tout les désélectionner:
image

Sans cliquer dans la scène, sélectionner le M comme dans l'illustration çi-dessous.
Le but de cette manipulation est de donner à chaques lettres un set différent pour qu'on puisse les annimer une à une.
image

Donnez pour set à M le set 1 (par défaut)
image

Sélectionnez ensuite par la même manipulation la lettre O et donnez lui le set 2
image

Sur ce screen j'ai entouré en bleu le centre de gravité.
Ce centre de gravité est extrêmement important; il design comme porte son nom le cenetre de gravité de la sélection. En donnant à chaque lettre un centre de gravité différent, elle vont pouvoir pivoter selon leur axe Y comme sur la video de départ.

Resélectionnez votre lettre M et regardez où est placé votre centre de gravité: il n'est pas situé sur le M mais plutôt sur le I, c'est parce que les autres lettre font encore partie du set 1 et 3d Invigorator donne le centre de gravité de la sélection du set1.

Continuez pour les autre lettres enutilisant la même méthode:
Pour la lettre T => set3
Pour la lettre I => set4
Pour la lettre O => set5
Pour la lettre TN=> set6


Vos centres de gravité sont normalement tous bien situés sur les lettres et vos lettres prêtent à être animés une à une.
Vous l'aurez aussi remarqué: il n'y a que 8set! Un mot ne peu donc pas exéder 8 lettres sauf si vous utilisez deux fois l'effet invigorator sur le même solide, c'est dommage mais on ne peux pas animer plus de 8 éléments différenciés avec ce plug-in...


Allez maintenant dans les options de lumière
image
Désactivez le "light2" et le "ambiant light"
Laissez juste activé la lumière1 et placez le grâce à la sphère juste de face.

Vos réglages sont fin prêt pour le MOTION ( OK)


Laissez de côté l'animation pour l'instant du motion et commencez plutôt par créer vos autre mot:
Créez un deux nouveau solides, appliquez leur Invigorator.
Tappez les mot "GRAPHICS" et pour le dernier une url autre... "POST-PROD-FR.NET pour suivre le tuto à la lettre (ahah).
Pour le GRAPHICS, faites comme pour le MOTION:
Donnez pour G le set 1
Donnez pour R le set 2
Donnez pour A le set 3
Donnez pour P le set 4
Donnez pour H le set 5
Donnez pour I le set 6
Donnez pour C le set 7
Donnez pour S le set 8

Placez les lumière comme pour l'autre


Et pour le POST-PROD-FR.NET, pas besoin de donner un set différent pour les lettres!
les lettres sont attaché et ne forment qu'un élément; le cenetre de rotation est le même pour toutes les lettres.


Maintenant nous allons passer à l'animation de nos trois mots:
Les lettres ne commencent pas à tournoyer toute en même temps; elles se déclenchent une à unes à chaque image. Elles tournent 1seconde environ
Les lettres tournent deux fois sur elle même, elles font donc une rotation de 720° sur l'axe Y.
Les lettres de GRAPHICE tournent dans le sen inverse, on commencerea par animer la lettre E, puis C et on l'animera de 0° à -720°

Pour le POST-PROD-FR.NET, c'est assez spécial, à environ 1,3 seconde, on le fera apparaître et tourner de -80° à 0° lentement comme vous pouvez le voir sur la video de départ.

Voici un screen qui risque de dire grand:
[url=[URL.SERVER01\]pp[/URL.SITE]images/tuto/1191059076/ayato01-011.JPG] [/url]


Pour lisser les images clés (les sortes d'images clés en forme de sablier), sélectionnez les et pressez F9, ça permettera d'avoir un arrêt moins sec.
J'espère que vous n'aurez pas eu trop de mal pour cette étape
image




Etape 2: Flou Motion

Créez une nouvelle composition nommé "Flou Motion"
Sélectionnez le solide MOTION dans l'ancienne composition, sélectionnez copier (CTRL+C ou Edition/ Copier), replaçez vous dans votre nouvelle composition à l'instant 0:00:00:00 et collez-le.
Appliquez lui ces effet: Teinte/ Saturation, Flou DirectionnelX2, niveaux
image

C 'est tout pour cette composition, ce qui devrait vous donner un rendu comme celui çi:
image




Etape 3: Flou graphics

Créez une nouvelle composition "Flou Graphics" de 4 secondes en 640 par 480.
Comme précédement, copier le solide GRAPHICS de l'étape 1, coller le à l'instant 0:00:00:00 ici, et appliquez lui les mêmes effets que précédement.
Ce qui devrait vous donner ce rendu:
image



Etape 4: Masquage

Créez une nouvelle composition nommée "Masquage".
Placez y vos deux composition précédentes (flou)

Pour que le flou ne soit pas toujours sur une longeur, on va le masquer sur les ssôté et le fair bouger.
Créez un masque avec l'outil plume tout à gauche de la composition Flou MOTION ( Flou02 ici)
n'oubliez pas d'animer la forme du masque! (petit chrono à gauche)
A l'instant 0:00:00:00, placez le tout à gauche en dehors du flou, une demi seconde, recourvrez environ quasiment tout le flou avec le masque en déplaçant le points.
Vers 1.5 seconde, placez le masque à droite du flou, en dehors.
image
Faites pareil pour le masque sur le Flou GRAPHICS, mais de droite à gauche et en le faisant partir de 0.5 seconde.




Etape 5: Halo

Créez un nouvelle composition nommée "Halo"
Créez un n ouveau solide (CTRL+Y)
Appliquez deux fois l'effet halo
image

Animez sur ces deux halos le centre de la source lumineuse et l'intensité.
J'ai donné quelques valeurs sur le screen.
Pour le déplacement, il suffit que la halo 1 aille de gauche à droite et le halo 2, de droite à gauche.




Etape 6: Compilation

Créez une nouvelle composition de 4 secondes nommée "compilation" en 640 par 480.
Placez y les composition Halo, 3d invigorator et Masquage en respectant le screen:
[url=[URL.SERVER01\]pp[/URL.SITE]images/tuto/1191059076/ayato01-019.JPG] [/url]


Créez un nouveau solide (CTRL+Y)
Appliquez lui l'effet "Knoll Light Factory et donnez lui de l'intensité lorsque le POST-PROD-FR.NET commence à tourner, réduisez ensuite doucement son intensitée.

Mettez les composition Halo, Invigorator et Knoll Light factory en mode ecran.

Dernier petit détail: sur le log les lettres commence à apparaitre de gauche à droite pour le MOTION et de droite à gauche pour le POST-PROD-FR.NET.
Nous allons donc créer un masque tout à gauche de motion, et l'aimner en 0.4 seconde en entourant en entier le MOTION assez proprement.
De même pour le GRAPHICS en créant un masque tout à droite et en 0.6seconde, l'entourant entièrement
image

N'oubliez pas de fair uen masque sur le post-prod-fr.net en lentourant (sans l'animer), sinon il n'apparaîtra pas puisque les masque isole la composition.
Tout les masques sont en modes addition.


Essayez de jouer sur le timming, en ajustant le moment oùarrive les halo, le flou, les lettres, ...
Le rendu est assez long









Telecharger les fichiers

Vous n'avez pas envie de réaliser ce projet mais vous voulez l'utiliser? ou bien vous avez eu

un prôblème durant la réslisation?
Je vous offre mon projet version 6.5 de AFX en archive RAR (désolé pour les ceux qui possèdent une version inférieur)
Telechargez le projet

ICI!

Ce projet emploie les effets "Flou Firectionnel"; "3d Invigorator"; "Teinte/Saturation"; "Knoll Light factory"; "Niveaux".
Plug-ins 3d Invigorator de Zaxwerks et Knoll Light Factory de Red Giant, plug-ins payants.

Ce projet est concu, pensé par Ayato, je ne fais que traduire en français le tutoriel d'origine en anglais déja traduit du Japonais et fournir le fichier.
Ce tutoriel peut se trouver aussi sur weboufparty
Page : Préc.,1,2,3,4,...,18,Suiv.