Tutoriaux gratuits pour :

After Effects jQuery
3D Studio Max WordPress
Et Night Jupes Noir880512 Cara Femme Boohoo Mini À Jupe Lacets Œillets 0wPO8nkXInscription - Connexion
 
Tutoriel publié en février 2008 par Galdon dans la catégorie After Effects

Dans ce tutoriel, nous allons voir comment utiliser l'effet Et Night Jupes Noir880512 Cara Femme Boohoo Mini À Jupe Lacets Œillets 0wPO8nkXTrait 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 :

Effet écriture manuelleÉcriture manuscrite avec Adobe After Effects
Ornée Près Du Charlotte Droite 67725 Corps Yas Robe De Crochet Plus 08OPknwX Télécharger

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 Jellyka - Estrya's Handwriting 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.

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 é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.

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).

Soutien gorge Réglables Bretelles Femme En Beauté Silicone Transparentes Et 1829552 Boohoo Nnm80w

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.

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é.

Et Night Jupes Noir880512 Cara Femme Boohoo Mini À Jupe Lacets Œillets 0wPO8nkX

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.

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.

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.

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) :

Cliquez sur l'image pour agrandir

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 : Effet > 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 :

Qfu Fitness De Taille Haute Activewear 34379 Course Paige Legging yv0wOmnN8

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

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.

Et Night Jupes Noir880512 Cara Femme Boohoo Mini À Jupe Lacets Œillets 0wPO8nkX

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.
  • 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
32 commentaires :
Seuls les 10 derniers commentaires sont affichés.
Cliquez ici pour afficher tous les commentaires
xm mardi 17 mai 2011, 00:12
clair!!! Merci tout simplement!
Pantalons Hgxwxv Pantalons DécontractésHope Pantalons Noir Dondup DécontractésHope Noir Dondup Dondup DécontractésHope Hgxwxv SUMzVqpG
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!!
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).
Et Night Jupes Noir880512 Cara Femme Boohoo Mini À Jupe Lacets Œillets 0wPO8nkX
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 ?

ShackyBeanie Rip Curl Mjvqam ShackyBeanie Curl Rip Blue Blue H9EDI2 Merci d'avance, et merci aussi pour vos tutoriels !
manu jeudi 12 septembre 2013, 14:18
Merci pour ce tuto!
DASSIPRO dimanche 4 mai 2014, 20:45
je veux participer au forum
Et Night Jupes Noir880512 Cara Femme Boohoo Mini À Jupe Lacets Œillets 0wPO8nkX
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.
Women For Kaagza Ultra Shoes X Salomon Black LtrTrekking R4jqA53L
Albertine 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
Et Night Jupes Noir880512 Cara Femme Boohoo Mini À Jupe Lacets Œillets 0wPO8nkX
3D Studio Max After Effects Photoshop Montage jQuery WordPress PHP
+ de tutos
Fausse À Veste Femme Niamh Boohoo Fourrure Noir1016493 Vestes Matelassée Capuche De Et Ornée Manteaux xdBrCWoe

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

Pulls Boohoo Couleur Et Gilets Épaules En Femme Côtelée Maille Pull Chair484893 Emma Dénudées À 8wXOknP0

Créer et animer une chaîne

Modéliser et contrôler une chaîne avec la cinématique inverse (IK) via une spline et l'assistant Spline IK Solver.

Du texte sur des tracés

Cette technique permet d'écrire du texte sur des tracès.

Tracking d'une vidéo avec Boujou

Réaliser le tracking d'une vidéo afin d'y incruster des éléments 3D de manière très réaliste.

amp;bear À Courte Bordeaux Femme Robe Volanté Pull Ourlet Xmttvs IH9YeD2WE
Annuaire - Livre d'or - Contact - Liens - Nous aider - Flux RSS - FAQ
© 2007-2019 - Tous droits réservés
Page générée en 243 ms - 9 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
lecture de fichierGif[CS4] Déformer la sélection ne déforme pas :-(Et Night Jupes Noir880512 Cara Femme Boohoo Mini À Jupe Lacets Œillets 0wPO8nkXDUPLIQUER UN OBJET ÉLÉMENT 3D AUTOUR D'UNE ELLIPSEBesoin de liens d'apprentissage[Aide]Effet tourbillon lumineuxProblème pour enregistrer en JPEG !!Problème de fondAfter Effects?Question de raccouci.
Facebook Twitter RSS Email
Venez découvrir le nouveau forum excel question/réponse à la stackoverflow.com !
Forum Excel