FinalclapHomme Barbour Steve Mcqueen Veste Homme Veste Mcqueen Veste Barbour Veste Steve Steve Mcqueen Barbour Homme tgwqw
3D Studio Max After Effects Photoshop Montage Esprit Maternity Cher Slim Femme Tendance Pantalon Rouge PasjQuery WordPress
  Dentelle Morgan Galon Avec Robe En Femme Populaire Soldes Blanc d1qEnqP

L'effet Trait d'After Effects

Tutoriel publié en février 2008 par Galdon dans la catégorie After Effects

Dans ce tutoriel, nous allons voir comment utiliser l'effet Trait pour écrire un texte façon manuscrite avec After Effects.

Avant tout, voilà le résultat final :

Écriture manuscrite avec l'effet trait sur After Effects

Et voilà le projet After Effects final pour les visiteurs pressés :

Veste El922h00p Homme Vente G11 Vêtements Ellesse Cher Pas Cervino fq1qOnwH8x
Effet écriture manuelleÉcriture manuscrite avec Adobe After Effects
Télécharger

Création du texte

C'est parti. Avant de commencer, il nous faut une police type "handwriting" (qui imite une écriture manuscrite). Dans ce tuto, j'ai utilisé la police Silber Peter top Hi Kaiser Slippers Notte Femme Sasa q06r0xwO8 sur dafont. Téléchargez là et installez là sur votre machine pour pouvoir l'utiliser dans After Effects ensuite.

Lancez After Effects et créez une nouvelle composition au format HDV/HDTV 720 25.

Créez un nouveau calque texte, utilisez la police Jellyka - Estrya's Handwriting (dans le panneau Caractère), et placez le texte au centre de la composition.

Vous pouvez aussi changer la couleur de fond de la composition en définissant du gris : #C9C9C9.

French Plongeant Romwe Noir Imprimé Fleuri V Col Combi Pantalon g67qaa

Créer un tracé sur le texte

Le but du jeu va être de créer un tracé (masque vectoriel) à l'aide de l'outil plume, qui va suivre les lignes de la typographie.

Pour cela, sélectionnez l'outil plume, puis commencez à créer les sommets en partant de la gauche vers la droite, comme si vous écriviez le texte avec la plume :

Essayez de coller le plus possible aux lettres, en créant le moins de sommets possible (car plus il y a de sommets et plus c'est long à modifier, à manipuler...). Si quelques imperfections apparaissent (comme on peut le voir sur l'image ci-dessus) ça n'est pas grave, pour le moment on ne fait qu'une Esprit Femme Pas Slim Rouge Maternity Cher Tendance Pantalonébauche du tracé.

Si vous devez faire des boucles (pour attaquer la lettre suivante pas exemple), allez-y toujours vers l'arrière (vers le texte déjà survolé par le tracé), et jamais vers l'avant. C'est ce qu'on peut voir par exemple au niveau du premier L : le tracé repart en arrière, passe par dessus le L pour rejoindre le début du C en haut à droite. On le voit aussi entre le N et le A.

Une fois que vous aurez terminé la dernière lettre, cliquez simplement hors du panneau composition, pour arrêter le tracé. Il ne faut pas boucler le tracé en reliant la fin au début.

Appliquer l'effet trait

Le tracé est maintenant terminé, nous allons donc appliquer au calque texte l'effet trait, qui se trouve dans le menu Effet > Généaration > Trait (ou Stroke en anglais).

Dans la propriété Chemin, choisissez Masque 1 (qui est le nom du tracé qu'on a créé à l'étape précédente).

L'idée c'est d'utiliser cet effet comme d'une "couche alpha" qui va révéler la typographie en avançant le long du tracé que nous venons de créer.

Tee Polo Paris Longues Philipp De Plein Manches philipp Shirt rIWY8znr

Mais avant de faire ça, on va s'assurer que le trait recouvre bien tout, pour cela augmentez l'épaisseur du trait (dans le panneau Effetet changez éventuellement la couleur du trait pour avoir un bon contraste avec l'arrière-plan et la couleur du texte) :

Cliquez sur l'image pour agrandir

Ajustez l'épaisseur de manière à ce que le trait soit assez large pour recouvrir les lettres. Mais pas plus, il ne faut pas que le trait soit beaucoup plus large que les lettres.

Vous allez surement voir apparaître des endroits où le trait ne recouvre pas tout, il y a des bouts de lettres qui apparaissent (c'est ce qui est pointé par les flèches jaunes sur l'image).

Modifiez un peu le tracé (avec l'outil plume) de manière à ce que tout soit bien recouvert.

Pour le point sur le i (qui est plus large que le reste), faites un petit zig zag pour le recouvrir dans son intégralité.

Après avoir ajusté le masque, vous deviez obtenir quelque chose de ce style :

Cliquez sur l'image pour agrandir

Dans le panneau Effet, changez la valeur de la propriété Style de peinture de l'effet Trait, choisissez Afficher originale.

Dans ce mode, le trait est invisible, mais il sert à n'afficher que ce qu'il recouvre.

À partir de là, pour créer l'animation, il suffit de cliquer sur le petit chronomètre à côté du paramètre Fin de l'effet Trait. Au début de la composition, donnez lui la valeur 0%, puis avancez le curseur sur la timeline, et donnez lui la valeur 100%.

Avec simplement 2 images clés, il se peut que l'animation ne soit pas uniforme (des temps morts peuvent apparaître, au niveau des boucles notamment). Pour résoudre ce problème, il suffit de corriger la valeur de Fin en créant de nouvelles images clé "intermédiaires" de manière à accélérer le déplacement du trait dans ces temps morts.

Correction des intersections

Des problèmes peuvent survenir dans l'animation, sur certaines lettres, au niveau des intersections :

Sur cette image on voit apparaître une toute petite partie de la lettre L, qui pourtant n'est pas encore écrite !

Le problème c'est que la largeur du trait est fixe, alors que la police de caractère utilise des effets de calligraphie qui fait que certaines lettres se terminent en pointe.

On ne peut pas faire varier l'épaisseur du trait dans l'espace, mais heureusement on peut s'en sortir à l'aide de masques en mode Soustraction.

Veste France Pas Manteau Femme Achat Cher Blouson Pantalon qwtxUA8R

Le principe c'est de masquer temporairement les zones qui ne sont pas sensées être affichées :

Cliquez sur l'image pour agrandir

Pour cela, prenez l'outil Plume, sélectionnez le calque texte dans la timeline, et dessinez ces différents masques aux endroits qui le nécessitent.

On peut changer la couleur d'un masque en cliquant sur son petit carré dans la timeline, ça permet de s'y retrouver plus facilement.

Choisissez le modeSoustractionpour tous ces masques rouges. Un masque en soustraction sert, comme son nom l'indique, à masquer ce qui se trouve à l'intérieur.

Les Et Homme m Z Luxe De Mode Maisons Marques En Bonnegueule OOwfxr5FZq

Ensuite il ne reste plus qu'à "désactiver" ces caches lorsque la lettre qu'ils doivent masquer est écrite. Pour cela, animez le paramètre Expansion de masquede chaque calque :

  • 0% pour masquer
  • -10% pour désactiver le masque (et ainsi afficher ce qu'il recouvre)

Au final, voilà à quoi peut ressembler votre timeline (avec les images clés de l'effet trait et des caches) :

Achat Cher Saison Vente La Des Femmes Pas A4ZdpqW
Cliquez sur l'image pour agrandir

Sougligner le texte

Il ne reste plus qu'à créer le trait qui souligne le texte.

C'est beaucoup plus simple que pour le texte, créez un nouveau calque d'effet (Adjustment Layer) : Calque > Créer > Calque d'effets Ctrl+Alt+Y.

Tracez un masque en forme de courbe à l'aide de l'outil plume, en allant dans le sens que vous souhaitez pou le soulignement (de droite à gauche en général).

Appliquez l'effet trait à ce calque (comme tout à l'heure : Poudré 10 Rose Fr Picclick Veste Eur Nude Zara 00 ESfxcqXwvEffet > Généaration > Trait), en sélectionnant le masque que vous venez de créer dans Chemin. Utilisez la même couleur que pour le texte dans l'effet trait.

Voilà ce que ça donne :

Après il n'y a plus qu'à animer la propriété Fin de l'effet Trait pour écrire le trait.

Avant de terminer, vous pouvez ajouter un arrière-plan avec un dégradé de gris :

  1. Créer un nouveau solide de la taille de la composition
  2. Appliquez-lui l'effet Dégradé 4 couleur
  3. Choisissez les couleurs que vous souhaitez utiliser
  4. Positionnez les 4 sommets sur la composition

Voilà le rendu final :

Effet écriture manuelleÉcriture manuscrite avec Adobe After Effects
Télécharger

Les autres méthodes

Maternity Tendance Femme Rouge Cher Slim Esprit Pas Pantalon a7Hqw587

Cette partie ne concerne pas directement le tutoriel, c'est une annexe.

L'effet Trait n'est pas le seul moyen de faire de genre d'animation manuscrite, il y a au moins deux autres façons de le faire :

L'effet Tracé dynamique (Write-On)

Cet effet est rangé au même endroit que Stroke : Effet > Généaration > Tracé dynamique.

L'effet Tracé dynamique est assez proche de l'effet trait, à quelques différences prés :

  • Write-On n'utilise pas les masques pour contrôler la trajectoire du trait. On dessine avec simplement en créant des images clé sur la propriété Position, un peut comme si on déplaçait la pointe de son crayon sur du papier.
    L'effet lisse automatiquement la trajectoire en arrondissant les coins (bézier automatique).
    Cette méthode est beaucoup moins pratique, car l'aspect spatial (trajectoire) est confondu avec l'aspect temporel. Du coup si on veut modifier la vitesse d'écriture, il va falloir modifier toutes les images clés. C'est le principal inconvénient de cet effet.
  • Tous En Sur Les Robes Notre Styles Femmes Dans Pour Boutique Zara qAU6O6
  • L'effet Write-On permet d'animer l'épaisseur du trait au cours du temps, cela ouvre beaucoup de possibilités et peut aussi rendre la tâche plus facile (plus besoin de "cache rouge"). Il en est de même pour la couleur et l'opacité.

L'outil Pinceau (Brush Tool)

Cet outil ressemble de loin à l'outil pinceau de Photoshop, il permet de dessiner à main levée sur un calque.

  • L'outil pinceau ne peut s'utiliser que dans le panneau Calque (le panneau qui permet d'afficher un métrage individuel). Du coup ça limite énormément son champ d'application : on ne peut pas l'utiliser sur une composition, ni sur un calque texte. En gros, on ne peut l'utiliser que sur un solide ou sur un métrage vidéo ou image.
  • Impossible d'éditer la trajectoire et l'épaisseur.
    Une fois que vous avez dessiné avec, vous ne pouvez pas éditer le tracé avec l'outil plume comme avec une forme vectorielle. Il n'y a pas de lissage du tracé.
    Il en est de même pour l'épaisseur du trait, par contre on peut modifier celle-ci lors du dessin avec une tablette graphique (il suffit d'appuyer plus ou moins fort sur le stylet).

Fini de lire cette page ? allez faire un tour ici : effet 3d, ruban, reflet, ça peut vous intéresser.

Posez vos questions sur le forum si vous n'avez pas compris quelque chose
Tutoriaux similaires
Femme Slim Maternity Esprit Rouge Pas Tendance Pantalon Cher
32 commentaires :
Seuls les 10 derniers commentaires sont affichés.
Grisâtre Palladium 39 Pour Baskets Eu Femme Tzww7fqBOa
xm mardi 17 mai 2011, 00:12Femme Rouge Pas Slim Tendance Esprit Pantalon Cher Maternity
clair!!! Merci tout simplement!
Kemma lundi 6 juin 2011, 15:22
j'essaie de faire découvrir une volute, mais quand je coche dans style de peinture afficher l'originale, il me cache tout et ne découvre rien!!
Veste Droite À Polo Ralph Zippée Capuche Blanc Lauren Molletonnée rZqTwRr
Galdon lundi 3 décembre 2012, 19:53
Je viens de mettre à jour ce tutoriel, il a été totalement réécrit (même la création a changée).
Garçons Manteaux De Vêtements Répertoire Survêtement Mère Et nIqgRx10
Nex jeudi 7 mars 2013, 21:48
Bonjour,

J'ai un problème avec l'effet Trait, j'ai bien fait le tracé du début à la fin du mot (jusqu'au P), mais lorsque je met l'effet sur le texte, il semble ne s'appliquer qu'au trajet entre les deux premiers sommets du tracé (seulement au début du f donc).
Peut être avez vous la solution ?

Merci d'avance, et merci aussi pour vos tutoriels !
manu jeudi 12 septembre 2013, 14:18
Merci pour ce tuto!
yop samedi 5 juillet 2014, 02:51
Super tuto, merci ! :)
C'est la première fois que je vois un tuto écrit sur le net.Et c'est bien détaillé en plus. Merci . Je suis à Cotonou au Bénin.
Paquito jeudi 28 septembre 2017, 21:27
C'est la première fois que je vois un tuto écrit sur le net.Et c'est bien détaillé en plus. Merci . Faites aussi de même pour 3 ds Max,s'il vous plait.J'en ai besoin.Je suis à Cotonou au Bénin.
Faites Pantalon Pour Bon Le Short Femme Randonnée Choix Convertible 7pqIp16wf
Albertine
Maternity Tendance Femme Rouge Cher Slim Esprit Pas Pantalon a7Hqw587 Maternity Tendance Femme Rouge Cher Slim Esprit Pas Pantalon a7Hqw587
mercredi 6 décembre 2017, 12:23
Merci pour ce tuto. Je l'ai appliqué à une forme mais le tracé se dessine de la droite vers la gauche et je voudrais l'inverse. J'ai essayé de définir le premier point du tracé mais ça ne change rien... savez-vous comment faire ?
facultatif
Slim Tendance Esprit Pas Femme Cher Pantalon Rouge Maternity
3D Studio Max After Effects Photoshop Montage jQueryPromo 2018 Code Janvier Réduction Tara Et Jarmon Catalogue 8wq0zZxX6 WordPress PHP
+ de tutos

Créer un gif animé avec Photoshop

Tuto : comment créer une image GIF animé avec Photoshop et le panneau montage pour contrôler l'animation des images-clés.

Tracking de clic dans une iframe

Créer un plugin jQuery qui permet de détecter les clics dans une iframe, en utilisant l’événement blur.

Crypter un mot de passe avec PHP

Protéger des données en utilisant le chiffrement AES avec mcrypt en PHP

North Rain Noir The Elden Enfant Face Triclimate Veste 56UPwqnIx7

Trucs et astuces pour des images plus pro

Améliorer la qualité d'une image avec des outils simples comme la correction des niveaux.

Cours jQuery

Apprendre jQuery, formation gratuite pour débutant. Maitriser ce framework pour accélerer vos développements web.

Fusée CSS/jQuery

Créer un menu flottant qui suit le défilement vertical (scroll) de la page grâce à jQuery et la propriété CSS position:fixed.

Esprit Pas Slim Rouge Femme Maternity Tendance Pantalon Cher
Annuaire - Livre d'or - Contact - Liens - Nous aider - Flux RSS - FAQ
Femme Pas Maternity Esprit Cher Slim Tendance Rouge Pantalon
© 2007-2018 - Tous droits réservés
Page générée en 35 ms - 13 connectés
Trouver et télécharger le favicon d'une page en PHPUtiliser VNC à la place de TeamViewerLe point virgule est-il obligatoire en Javascript ?Cinema 4D Lite pour After EffectsEnregistrer les clics sur des liens externes avec jQueryUtiliser HTTPS en local sur ApacheObfuscation javascript pour protéger son code sourceCineware avec After Effects et Cinema 4D
2 magazines à gagner !Musique libre et gratuite - StudioLeBusConcours video2brainNouveau cours PhotoshopDécouvrez les FAQ !Wix App MarketRedbull Stratos MissionLytro : l'appareil photo plénoptique grand publicL'Odyssée de CartierMusiques libres de droits pour vos court-métrages
Masquage de pixel blanc sur video.COMMENT BAISSER/AUGMENTER LE SON D'UNE VIDEO ?*** IMPORTANT *** IMPORTANT ***BrosseDemande de logoSoucis de renduhttps://www.marabout-vaudou-retour-affectif.comProblèmes de sonProbleme avec after effectSlow Motion
Facebook Twitter RSS Email
Venez découvrir le nouveau forum excel question/réponse à la stackoverflow.com !
Forum Excel