L'effet Trait d'After Effects
Dessiner des formes et des mots en live
Alors comme d'hab, créez une nouvelle composition et un calque d'effets dans la foulée. On va créer un masque simple de quelques points seulement.
Maintenant, on va appliquer l'effet trait à notre calque d'effets (Effet/Rendu/Trait). Rendez-vous à l'image 0 et choisissez ces paramètres (bien entendu vous êtes libre de choisir la couleur ou l'épaisseur du trait par exemple, ce qui est important c'est d'avoir "Début" et "Fin" à 0.0%) :
Cochez le petit chronomètre à côté de "Fin". Vous l'aurez compris, cela va nous permettre de faire varier la fin du trait en fonction du temps. Normalement une clé a été créée par After Effects à l'image 0 ayant la valeur 0.0% (si ce n'est pas le cas créez là manuellement), rendez-vous quelques secondes plus loin, et entrez la valeur 100% pour le paramètre "Fin". Magique ! un trait qui suit parfaitement le tracé de votre masque vient d'apparaitre, et en plus on voit le trait se dessiner à l'écran.
Bon c'est bien beaux tout ça mais on vient juste d'apprendre à dessiner un trait à l'écran, comment on fait quand on veut afficher un mot (plusieurs lettres, donc plusieurs masques) par exemple ? Eh bien c'est super simple, vous devez d'abord dessiner vos lettre avec des masque, c'est à dire que vous allez créer un masque par lettre (le tout dans un nouveau calque d'effets). Voici un exemple, j'ai écrit le mot Adobe avec 5 masques différents :
Attention : veillez à ne pas fermer vos masques (et donc vos lettres) sinon ça ne marchera pas, sur l'image on voit bien que le O n'est pas fermé. Bon OK là c'est un peu grossier mais c'est pour bien vous montrer, chez vous bien entendu vous devez rapprocher les points au maximum, histoire que l'on ne voit pas que le O n'est pas fermé.
Appliquez l'effet trait au calque d'effets contenant votre mot, on va changer un peu les réglages par rapport à ce qu'on a fait avant. En effet, l'effet trait va s'appliquer à plusieurs masques, il va donc falloir indiquer à after effects d'utiliser tous les masques et pour cela, il faut cocher la case "Tous les masques". Il faut également indiquer au logiciel dans quel ordre il doit appliquer l'effet. Par défaut, After Effects va appliquer l'effet simultanément sur tous les masques, mais nous ce qu'on veut c'est simuler l'écriture, donc il faut cocher la case "Tracé séquentiel", de cette manière, AAE va tracer le "A", puis le "d"... jusqu'au "e".
Les choses sérieuses
Jusqu'à présent vous avez juste appris à dessiner à l'écran en faisant suivre le tracé d'un masque à un trait, mais cet effet est encore assez limité. Imaginons que vous ayez un super logo, avec une belle police, un effet d'ombre et tout et tout, que vous venez de terminer sur Photoshop ou Illustrator, bah avec ce que vous savez vous ne pouvez pas créer un effet d'écriture. Ne vous inquiétez pas, il existe une solution, l'effet trait a plus d'un tour dans son sac !
Créez un texte, pour l'exemple je vais prendre "finalclap" avec une police style "écriture à la main" comme Rage Italic LET :
Il faut maintenant tracer un masque dont la forme soit la plus fidèle possible au tracé des lettres, cette opération est quelque peu fastidieuse, mais appliquez-vous le plus possible, jouez avec les tangentes des courbes de bézier :
Une fois cette étape terminée, il ne nous reste plus qu'à appliquer l'effet trait à notre texte. Si vous avez créé plusieurs masques, cochez la case "Tous les masques", sinon contentez-vous de sélectionner votre masque dans le champ "Chemin". Le fonctionnement est le même que ce qu'on a vu précédemment à la différence près qu'il faut sélectionner "Afficher originale" dans "Style de peinture", il va aussi falloir ajuster l'épaisseur du trait histoire que les lettres ne soient pas "mangées". Vous devriez obtenir quelque chose comme ça :
À vous de faire les ajustements nécessaires pour avoir un résultat le plus joli possible (on peu voir que sur l'exemple l'écriture n'est pas fluide, c'est due au fait que la courbe s'éloigne parfois du texte, il faut jouer sur les images clé de "Fin" pour régler ca).
Ce petit tuto est maintenant terminé, j'espère qu'il vous aura été utile.
Un tuto est tout de même prévu mais j'ai pas trop le temps en ce moment.
Ce que je te conseille de faire, c'est de dessiner la forme que tu recherches (une sorte de trait enflé par endroits si j'ai bien compris) à l'aide de masques par exemple.
Ensuite tu appliques l'effet trait à ce calque, et tu t'en sers pour découvrir la forme, comme l'effet découvre les la typographie dans ce tuto.
Ok. Faisable ... mais pas génial quand même. Il faudra peut-être que je m'en contente ...
Merci !
Comment peut on faire suivre un stylo qui simule l'écriture?
Je pensai qu'il pouvait exister une méthode plus simple pour que la mine suive la trace du trait.
Mais c'est pas sûr, parce qu'avec l'effet trait on n'a pas les coordonnées du point fin, on a juste un pourcentage.
Vous faites du bon boulot pour nous.
Comment on peu vous faire un petit cadeau ?
La meilleure chose que tu puisse faire c'est parler du site autour de toi où sur internet quand tu en as l'occasion (forums, blogs...)
Lors de l'écriture à la main, il y'a des parties de ta courbe entre les lettres par où l'effet trait ne passe pas, et tu n'explique pas comment on fait ça ...
Merci de me répondre
je tiens à te félicité
je me posais aussi cette question jusqu'à ce qu'en cherchant un peu, je trouve la solution.En effet dans ce tutoriel le tracé reproduit exactement l'écriture d'origine(étrange,non?).Dans les paramètres de l'effet trait, pour le style de peinture, choisis 'Afficher originale'.Ce mode se sert de l'écriture de base comme d'une base que tu 'remplit' avec ton tracé, ce qui explique la perfection du résultat.En espérant t'avoir aidé,
Loup Guilhem, 13 ans.
Je démarre avec AfterE et en essayant ce tuto, j'ai du mal à placer l'effet tracé sur mon calque, qui ne propose pas d'ailleur le debut et la fin, donc j'ai du manquer une étape...s'il était possible d'avoir un tuto plus détaillé, j'ai CS4...
Merci!!!!