Dans ce tuto, nous allons voir comment réaliser une introduction à la Dreamworks avec de la typo dans les nuages, plein de poésie ^^ :

Vous pouvez télécharger le projet final de l'animation sur Stockmotion :

Notez je me suis inspiré d'un tuto d'Andrew Kramer pour la création des nuages : Smoke Screen.

Nuages

Ce soir la météo est mauvaise, le ciel est bien couvert, on va pouvoir commencer à tourner !

Pour commencer, on va avoir besoin d'importer un fichier : téléchargez ce zip et récupérez l'image qui est à l'intérieur (Smoke Element.jpg) :

Importez cette image dans After Effects et faites la glisser-déposer sur le petit bouton Créer une nouvelle composition en bas du chutier : . Donc maintenant vous avez une composition nommée Smoke Element de la même taille que l'image.

Créez maintenant un nouveau solide blanc de la taille de la compo, et placez ce calque en bas de la timeline (en dessous de l'image). Cliquez sur le bouton Cache et choisissez Luminance inversée :

Maintenant ça ressemble déjà plus à un nuage :

Colorama

Maintenant nous allons donner un peu de couleur et de vie à ce nuage.

Créez un nouveau calque d'effet, e appliquez-lui l'effet Correction colorimétrique > Colorama. Dans phase d'entrée, sélectionnez Alpha, et dans Cycle de sortie, sélectionnez dégradé gris.

Réglez la couleur de fond sur bleu et baissez la transparence à 0.

Bon, je ne suis pas sûr que tout le monde ai compris, il faut dire que ce n’est pas facile d'expliquer tout ça avec de mots. Donc regardez le début du tuto d'Andrew Kramer (jusqu'à 03:50, PAS PLUS LOIN), la même chose en images !

Turbulences

Dernière petite chose avant de passer à l'étape suivante : ajouter un effet turbulence pour faire bouger le nuage : Effet > Déformation > Turbulences. Utilisez ces paramètres :

Et ajoutez cette expression sur le paramètre Evolution :

time*100

Là encore si vous êtes largué, regardez le tuto d'Andrew.

Animation

Bon, on en a fini avec la première étape, qui a permis de créer un nuage. Maintenant, il ne nous reste plus qu'à utiliser ce nuage de base pour créer un ciel nuageux comme dans la vidéo d'exemple.

L'environnement

Créez une nouvelle composition de 640*360 à 25 images/seconde, durée : 10 secondes. Importez-y la composition Smoke Element et dupliquez là plusieurs fois pour avoir quelques nuages :

Créez aussi une caméra avec le preset 50mm (une focale longue est nécessaire) :

Cliquez sur l'image pour agrandir

Dans la vidéo, on peut avoir l'impression que les nuages se déplacent, mais en réalité ils sont fixes, seule la caméra qui bouge (ça simplifie énormément l'animation). Mais cette technique ne fonctionne que si les calques des nuages sont en mode 3D, donc assurez-vous de cocher la case 3D (à droite sur cette image) pour tous les calques :

Faites en sorte que les nuages ne se ressemblent pas trop (modifier la rotation, la position et l'échelle pour chaque nuage). Voilà comment j'ai disposé mes nuages (c'est une vue de dessus) :

Cliquez sur l'image pour agrandir

Caméra

Partie la plus délicate de ce tuto (faut avoir un peu de feeling) : l'animation de la caméra.

Alors premier point, nous allons attacher la cible de la caméra à sa position, pour que la caméra regarde toujours droit devant elle. Pour cela, déroulez les propriétés de la caméra, Alt + clic sur Point ciblé pour ajouter une expression, et mettez-y ceci :

transform.position

Pour animer la caméra, nous allons passer la vue en mode Devant au lieu de Caméra active. Pour le moment, on va juste créer 2 clés position (une au début de la compo, une autre vers la fin). Faites en sorte que la trajectoire soit en diagonale.

Au final, vous devez obtenir quelque chose qui ressemble à ça :

Cliquez sur l'image pour agrandir

Essayez de jouer l'animation en lançant une prévisualisation. Vous allez voir que c'est pas vraiment le mouvement qu'on recherche, donc il va falloir ajuster plusieurs choses : la trajectoire et l'interpolation des images clés.

Pour chacune des 2 clés, faites ceci : clic droit > Interpollation d'images clé puis utilisez le Bézier pour l'espace et le temps :

Cliquez sur OK.

Allez vers l'instant 2 secondes avec le curseur dans la timeline, et créez une 3éme clé d'animation. Faites clic droit dessus, puis cliquez sur Déplacement dans le temps :

Maintenant, allez dans la vue (tout en ayant sélectionné Caméra 1 dans la timeline), et ajustez la trajectoire comme ceci :

Cliquez sur l'image pour agrandir

Après il faut ajuster la position des nuages par rapport à la caméra, c'est selon ce que vous recherchez, faites comme vous le sentez.

Typographie

Aller, dernière étape : créer les lettres qui se dévoilent en arrière-plan, derrière les nuages.

Sélectionner l'outil texte avec ces paramètres :

Reste plus qu'à écrire ce que vous voulez. Moi je vais prendre un truc original tant qu'à faire, je vais utiliser le nom du site ^^. Modifier la position (axe Z) du calque texte de manière à ce qu'il soit derrière tous les nuages :

Cliquez sur l'image pour agrandir

On va lui ajouter un effet dégradé (Effet > Génération > Dégradé) allant du noir(haut) au blanc(bas) :

Apparition des lettres

Dans la vidéo, vous pouvez voir que le mot FinalClap n'apparaît pas brusquement, il y a d'abord la première lettre qui apparaît, puis le reste du mot. Pour réaliser cet effet, on va avoir besoin de 3 masques :

• Un pour détourer la première lettre
• Un second pour dévoiler la première lettre
• Un dernier pour le reste du mot

Créez un premier masque autour de la première lettre, et passez-le en mode Intersection.

Créez un second masque à 4 points, de façon à ce qu'il entoure le premier masque (lui aussi en mode Intersection) :

Enfin, créez un troisième masque autour du reste du mot, en mode Addition (il est en jaune sur ce screenshot) :

Cliquez sur l'image pour agrandir

Les plus perspicaces d'entre vous l'auront compris, il suffit maintenant d'animer la forme des masques 2 et 3 pour contrôler l'apparition des lettres.

Si vous donnez au masque 2 cette forme :

La première lettre ne s'affiche qu'à moitié. Pour animer la forme du masque, il suffit de cliquer sur le petit chrono à gauche de Forme du masque. On va aussi ajouter un contour progressif aux masques 2 et 3, de 180 :

Projet

Vous pouvez télécharger le projet final de l'animation sur Stockmotion :

Fini de lire cette page ? allez faire un tour ici : texte à poil, ça peut vous intéresser.