Nouveau tutorial vidéo gratuit sur After Effects ou nous allons apprendre à reproduire à partir de n’importe quel texte un effet néon. De quoi égayer vos textes en début de composition, avec un petit effet ma foi assez réaliste.

  • Application de l’effet   »CC Vector Blur » et réglage des options afin de donner un aspect néon, plastique ou ballon à un texte
  • Utilisation du tracé automatique afin de créer des masques le long d’une typo automatiquement
  • Utilisation de l’effet « trait » afin d’animer de manière aléatoire avec des expressions l’intensité lumineuse à l’intérieur du néon
  • Colorisation et effets lumineux pour donner l’esthétisme final de notre vidéo

Grâce à cette technique, vous serez en mesure de créer très facilement des logos animés en néon avec votre propre texte. J’éspère que ce tuto vous plaira !

 

 

Avatar Formateur After Effects et Motion Designer.

 

87 Blablas

  1. Répondre

    Ouuuuu ca envoie du lourd tout ça.
    J’ai hâte de voir ca :)
    Moi je n’étais pas à la lense camp mais j’ai fêté dignement ma fin d’année. si tu veux voir comment on s’amuse à Laval ( le trou du cul du monde) va voir ma video sur facebook ;)

    Bonné soirée tout le monde

  2. Répondre

    L’helvetica halalala quel typo.
    Bien classe ce tuto

  3. Répondre

    t’as gardé la tente de la lense camp pour camper correctement au boulot finalement ? XD

  4. Répondre

    Clem -> No no toujours vivant, sinon comment on ferais pour te livrer tes clips hein ? ^^
    Merci pour cette deuxième soirée énorme ! :)

    Pierre -> Il fallait etre à la lense camp ! C’était juste enorme aussi ^^

    Cromognon -> Quand je pense que certains ne la connaisse pas ou ne l’ont pas.. Alala.. ;)

    James -> Mais en voilà un idée ! La tu vois tout de suite par exemple elle m’aurait bien servit !

  5. Répondre

    Aaaaah, c’est un effet très cool… Ca collerait bien avec un truc que je suis entrain de faire… Je verrais ça…

    ça peut aussi permettre de nouvelles possibilités en motion typography ça…

  6. Répondre

    J’ai téléchargé le pack d’effet sur le site de l’éditeur : http://www.cycorefx.com/downloads.php

    Et quand j’active l’effet j’ai le droit à des belles lignes en diagonales vertes et qui restent au rendu ou à l’exportation :(

  7. Répondre

    Oui normal, sur leur site ce sont des démos, les traits vert sont la pour justement empêcher d’exploiter les démos. Ce pack est livré avec la version pro d’after effects, mais si tu n’as pas acheter after tu n’aurais pas les plugins CC. Si tu veux acheter le pack d’effets de cycore pour after, il t’en coûtera 300$.

  8. Répondre

    =D
    Ah ouai c’est bien ce que je me disais, mais j’ai été voir vite fait sur leur site et c’est écrit « DEMO » ou ‘BUY » nul part…. donc je me suis dit que c’était une option d’affiche cochée je ne sais pas ou…. et bah non ;)

  9. Répondre

    Ou alors tu les télécharge oups!! :/ dsl

  10. Répondre

    Sympa ! perso j’ai prit une police plus grasse et l’effet ballon donne super bien ^^

  11. Répondre

    Encore un tuto de qualité pour changer!! vivement la prochaine !! ;)

  12. Répondre

    Helvetica Rounded passe très bien a mon avis.

  13. Répondre

    Benchekroune -> Chacun fais comme il veut, mais si tu veux vendre tes créations, fait bien attention aux licenses des softs que tu utilise ;)

    Sam -> Je ne demande qu’a voir !

    Ob1tux -> Le prochain arrivera plus tôt qu’on ne le pense ;)

    Cromognon : Avec helvetica, tout passe, pour sur :P

  14. Répondre

    Franchement épatant ce tuto ! Je débute avec after effects et en quelques clics un superbe effet néon. J’en veux encore !!! Merci Monsieur

  15. Répondre

    Hey Mattrunks, j’ai découvert ton blog par hasard ainsi que tes tutos, bravo et merci. Tes explications sont clairs et tes exercices de qualités. J’en fais un par jour et je dois avoué que parti d’aucunes connaissances avec after effect, hé bien maintenant j’ai quelques bases interressantes grâce à toi.

    Alors un grand merci…

    A quand le prochain ?

    keep in touch

    Mr l’ours

  16. Répondre

    Hey Mattrunks, j’ai découvert ton blog par hasard ainsi que tes tutos, bravo et merci. Tes explications sont clairs et tes exercices de qualités. J’en fais un par jour et je dois avoué que parti d’aucunes connaissances avec after effect, hé bien maintenant j’ai quelques bases interressantes grâce à toi.

    Alors un grand merci…

    A quand le prochain ?

    keep in touch

    Mr l’ours

  17. Répondre

    Moi aussi y a pas longtemps que j’ai ton site en fav et j’adore ça ;)
    Tes tuto sont vraiment clair et tu as une bonne pédagogie, bravo !!

  18. Répondre

    J’adore ton travail, un grand bravo. Je te suis avec attention.
    Tu me fais penser à un jeune motion graphiste hollandais.
    http://www.youtube.com/watch?v=dwlafu8N-bU
    Ca bande démo m’avait aussi impressionné.

    Ton tuto est vraiment génial.
    Est ce que tu connais une astuce pour le faire avec des points à l’intérieurs, un néon, comme on voit dans les clips de RAP, ou genre l’affiche que tout le monde peux voir en ce moment genre, Sex and the City, avec des ronds à l’intérieurs qui brillerait.

    FELICITATIONS en tous les cas.

  19. Répondre

    On a plus grand chose a se mettre sous la dent en ce moment ici :(

  20. Répondre

    madeinbaiona -> le but de ce tuto, un effet rapide, simple, et efficace, abordable par tous !

    Mr l’ours -> Un par jour, et bien tu suis un entrainement intensif ^^ Le prochain arrive très bientot ;)

    DV -> merci :)

    zutic ->J’adore aussi la bande démo de tom, très originale dans le genre ! Pour ce qui est des néons avec des ampoules à l’intérieur, et bien cela demande un peu plus de travail que cet effet quand même ^^ Soit une créer une ampoule, et avec un générateur de particules comme trapcode Form tu pourras les disposer automatiquement suivant ton texte, soit tu créer a la main des centaines de petits rond que tu dispose toi meme a fin de former des lettres ^^ Dans tous les cas, ça demande un peu de boulot, mais tout est faisable (ou presque ;) )

    maxlefun -> il vaut publier peu et bien, plutot que 20 billets par jour déjà vu.. Enfin c’est mon avis ^^

  21. Répondre

    salut,
    Je viens de finir le rendu est génial!Merci d’avoir passé du temps à nous expliquer.
    j’ai quelques questions…
    je suis sou mac OS X 5 et j’ai after effect CS3 pro, cependant ma couleur de font(du logiciel est beaucoup plus claire(gris blanc alors que toi elle est gris noire… pourquoi?
    Et aussi coent fait tu pour donner à tes calques des couleur aussi flash, je sais comment changer leurs couleurs mais c’est des couleurs triste genre gris, rouge moche bleu-gris…

    Merci et encore Bravo

  22. Répondre

    Manou -> mais de rien ;)

    Pour la couleur, tu vas dans AfterEffects -> Preferences – > Couleur de l’Interface utilisateur -> et tu modifie la luminosité à ta guise ;)

    Pour ce qui est de la couleur des libellés, tu vas dans AfterEffects -> Preferences – > Couleur des libellés tout simplement ;)

    Et après chacun mais ce qu’il veut pour bosser dans les conditions qui lui plaisent :)

  23. Répondre

    Merci!
    super rapide le Mattrunks!

    autre question: sais-tu comment mettre les accolade sur les calques(de parte et d’autre?)

    Merci @+

  24. Répondre

    ?? tu ne sais pas?

    Si quelqu’un sais…..

    Encore Merci

  25. Répondre

    euh je n’ai pas très bien saisi le sens de tes « accolades » ?

  26. Répondre

    Salut,
    je viens de voir ton post sur le BAC (c’est pour bientôt mon bac mais mon macbook ça fait 3 mois et je ne regrette pas ^^)

    Situ regarde les vidéo d’andrew Cramer sur Video copilot sur ses barre de calque(celles que tu m’a aidé à coloré, de chaque coté il y a des sorte de petite accolades je souhaite les mettre pour etre plus précis.

    image:

    [url=http://img258.imageshack.us/my.php?image=image1zd6.png][img=http://img258.imageshack.us/img258/8363/image1zd6.th.png][/url]

    http://img258.imageshack.us/my.php?image=image1zd6.pngimg=http://img258.imageshack.us/img258/8363/image1zd6.th.png

    Merci @+

  27. Répondre

    Andrew utilise toujours la version 7 pour plusieurs raisons de compatibilité pour ses tutos si j e me souviens bien, et les « accolades » comme tu dis on disparues sur la version 8 (CS3). Pour definir le debut de visibilité d’un calque, clic-glisser à une extrémité et tu règle ainsi la zone ou ton calque est visible dans ta compo ;)

  28. Répondre

    c’est aussi réalisable avec l’effet CC GLASS

  29. Répondre

    Ola Mattrunks
    J’y vais un peu au culot pour te demander une faveur.
    Si tu as 2 minutes, pourrais tu me réaliser une séquence de 4 secondes avec l’effet néon en rouge en écrivant le mot « PRESENTS » car je ne possède pas la version pro de AE et je n’y arrive pas. Mon adresse mail c’est krollb25@yahoo.fr

    Merci d’avance si tu as le temps et sinon, c’est pas la fin du monde non plus.

    Bravo pour tes tutos et ton blog, je te suis depuis un moment depuis que je suis tombée sur tes articles sur le lightpainting.

  30. Répondre

    Si je commence à accepter toute les demandes du genres que je reçoit par mails, je pourrait prendre un boulot à plein pour réaliser gratuitement des vidéos pour les lecteurs toute la journée. Manque de pot pour ce qui est de réaliser des vidéos j’ai déjà un boulot passionant qui occupe 75% de mon temps, et ou les vidéos, elles, sont payées ;)

    J’espère que tu comprendras que je n’ai vraiment pas le temps pour ce genre de requêtes, si je rentre dans ce jeu là c’est la fin.

    Bonne journée à toi

  31. Répondre

    c’est pas grave, j’aurai demandé
    mais puisque rien n’est gratuit, je ne suis pas surprise
    bonne soirée à toi aussi

  32. Répondre

    Les tutos le sont c’est déjà ça no ? :)

  33. Répondre

    oui^^Et faudrait pas que ça change…. :)

    S j’ai un peu de temps je te le ferais si tu veut « Grebeuce »

    Allé à pelluche

  34. Répondre

    bonjour,

    tout dabord felicitation il est terrible ton site!

    j’ai voulu faire comme toi pour les lettres néon mais je n’ai pas l’ecriture voulu :/ (helvetica neue)

    qu’elle version utilise tu ou alors comment ajouter cette police ???

    merci d’avance et longue vie a ton site :o )

    ps: j’aimerai faire ma banniere comme ça pour mon blog
    http://creasfun.oldiblog.com/

  35. Répondre

    mckenzy -> Merci ;) Si tu es sous mac, la famille de police Helvetica est installée d’origine (macOS X embarque pas loin de 10000$ de police pour le bonheur des graphistes ) Si tu es sous windows par contre, il faudra passer à la banque et pour un particulier ça fait un peu cher, 1500€ pour Helvetica : http://www.linotype.com/helvetica?urlrewrite=helvetica&gclid=CISRvJKblJQCFQ4YQgodZSU9tQ

    Sinon trouve une typo équivalente et gratuite sur Dafont, comme cella là : http://www.dafont.com/fr/eurofurence.font?text=TUTORIAL

    Voilou

  36. Répondre

    merci beaucoup mattrunk !

    j’ai bien réussi a avancer mais maintenant je bloque car je n’ai pas le blur & shapen (bhouuu)
    y’a t’il un autre moyen ou alors je ne pourrais pas le faire ?

    désolé de te poser toutes ses questions mais c’est vrai que je trouve ça terrible comme effet .

    si tu ne peux pas me repondre tant pis.

    amicalement.

  37. Répondre

    Sans le pack CC (qui contient cet effet, et qui est pack de plugins payant fourni avec After effects pro) tu n’as pas à ma connaissance de moyen aussi simple de le faire… Il va falloir que tu commence par un autre tuto…

    bonne soirée à toi

  38. Répondre

    merci pour l’info

    mais la je crois que je ne peux rien y faire :/

    pas grave j’essayerais autre chose

    merci de ton aide

  39. Répondre

    Ya pas un moyen de mettre plus d’écartement entre les lettres?

    Merci

  40. Répondre

    Grebeuce->j’ai réaliser ta séquence ,si tu la veut contact moi sur manou999@hotmail.fr

    Merci

  41. Répondre

    je n’ai pas Helvetica sous ma version , une autre ecriture ?

  42. Répondre

    Très joli rendu, toute mes félicitations.

  43. Répondre

    Bonjour, j’ai decouvert recemment ce site, qui est super bien pour des debutants comme moi =]

    Je voulais savoir, ou peut on trouver une « musique » telle celle dans la video de presentation sur cette page? Le bruit de neon.

    Merci :)

  44. Répondre

    la question de Leo m’intéresse fortement ?

    matt’ une ptite réponse ?

  45. Répondre

    Hi I want to learn how you can download the tutorial

  46. Répondre

    Ce tuto est super bien fait mais le seul problème qui se dresse devant moi c’est que j’ai la version 6.5 et qu’il y a des outils inexistants tu peux me donner les équivalents pour la 6.5 stp(si tu vois mon mail poste les ici pour en aider d’autre et prévient moi quand tu rép car je suis très occupé ces temps ci merci)

  47. Répondre

    Hello. Mon 1er commentaire ^^ je viens de m’inscrire héhé. Un grand merci pour tes tutos. Je m’amuse comme un p’tit fou avec after effect. Comme je me lance dans le movie making, ca m’aide bien pour intégrer des beaux effets :)

  48. Répondre

    Très bon tutoriel !!!!!! Très bien expliqué et avec les version anglaise. merci beaucoup!
    Félicitations à vous le travail est spectaculaire.

  49. Répondre

    Franchement, là c’est du grand art. J’ai eu un rendu Optimal, pile ce que j’attendais. Je débute dans after effects et c’est parfait. Contrairement à ce que j’ai voulu créer auparavant (Chute d’une météorite)
    Si tu as d’autre tutos à nous faire partagé, ils seraient les bienvenu ;) J’aimerais que tu mettes des tutos genre (Champ de nuages, Meteorite, Explosion)
    Ca serait géant.

    Merci =)

  50. Répondre

    J’ai trouver une police gratuite assez fine se rapprochant de helvetica sur dafont.com

    http://www.dafont.com/fr/font.php?file=geo_sans_light&page=1&nb_ppp_old=10&text=matrunks&nb_ppp=10&psize=m&classt=alpha

    voila en espèrant en aider qqun

  51. Répondre

    Merci beaucoup Mattrunk pour tous les tutos que vous proposez.

    J’ai eu quelque difficulté avec la police, n’ayant pas Helvetica.

    Je fais mes débuts sur AF (1er jour) avec ce tuto tout simplement génial voici le résultat:

    http://www.myspace.com/matchsticksis

    Je souhaitais avoir un fond transparent donc je n’ai pas créer le solide (fond), intégration de l’effet dégradé au texte.

    Encore merci à vous!!!

    LaDy Sista

  52. Répondre

    Je voulais savoir si tu connait un police que se rapproche de Helvetica ultra light qui soit gratuite car tout content d’avoir vu ton tuto néon j’ai voulut le refaire mais je suis tombe sur le cul quand j’ai vu qu’elle était payante.

    Pouvez vous m’aider, please

  53. Répondre

    Ouh j’avais pas vu que shotmann avait trouver la police que je chercher.
    Merki shotmann, la prochaine fois je lèverais les yeux sa éviteras que je demande dans le vide.

  54. Répondre

    Bonjour S’il vous plait J’ai le son mais comment le mettre dans mon mettrage ?

  55. Répondre

    merci pour ce tuto! tres bien expliqué!

  56. Répondre

    Franchement classe ! Je vais m’intéresser aux autres. Merci ! :o )

  57. Répondre

    Salut,
    il & terrible ton néon
    mais sans le son ça le fait pas
    toi dans ton tuto vidéo tu a le bruitage
    alors je te demande comment faire pour récupèrer
    ce fichier son bruitage qui crépite a moins que
    veux le garder perso.
    & ensuite comment incruster ce son
    dans after
    & encore merçi pour ce tuto

  58. Répondre

    Super TUTO !! Pour les polices helvetica la colec entiere hyper simple une tite recherche par torrent et voila !

  59. Répondre

    Merci encore pour ce tuto très intéressant !
    Je l’est exploité en le servant d’un fond (Las Vegas) où j’ai pu créer une petite ambiance dont voici le résultat: http://www.youtube.com/watch?v=hh07-hAJUfM

  60. Répondre

    Bravo, tuto simple et concis. Merci !

  61. Répondre

    Hello, C’ Ben from Sénégal, j’ai passer la nuit à faire ce tuto et essayé d’autre truc avec, tellement c’est intéressant
    Comment on fait pour changer le texte en gardant la même conception???
    ******merci***********

    • Avatar

      Tu entends quoi par changer le texte en gardant la même conception ? Tout est expliqué dans le tuto pour recréer cet effet de A à Z sur n’importe quelle typo fine avec n’importe quel texte :) Le plus embetant, c’est la création de masques autos a chaque fois pour faire le filament qui s’éclaire à l’intérieur. Si tu veux un projet tout pret ou tu n’auras que le texte a modifier, avec une petite animation de scintillement, tu peux également le projet que Picturelab a fait a partir de mon tuto, à télécharger un bas de cet article : http://www.picturelab.tv/2010/08/09/after-effects-presets-the-single-layer-challenge/

  62. Répondre

    Merci pour le lien, le problème était de réaliser le tuto et de changer parfois le texte initial sans pour autant refaire le tuto, j’ai essayé par le texte source… mais avec le lien: nice
    J’ai une autre question concernant l’incrustation d’une vidéo filmé en fond bleu ou en fond vert, comment ça se passe, pour travailler sur la vidéo avec des images de synthèses en fond comme sur première pro ???
    P.S: Ton aide m’est nécessaire car je suis étudiant en vidéo animation
    et on ne fait que 6h par semaine, alors je suis obligé de nourrir ma curiosité intellectuelle dans les tutos pour pouvoir m’en sortir

  63. Répondre

    Bonjours j’ai reussi a faire se tuto mais sans le son f’effet est pas top avez vous la musique svp

  64. Répondre

    bonjours j’ai besoin d’aide ! je t’arrive pas a faire ce tuto j’ai pas la police qu’il me faut et j’aimerais vraiment avoir une vidéo avec un font noir et en néon devant écrit INFOLINE avec le O qui clignote que vous pouvais m’envoyer par la suite ! sa prend pas beaucoup de temps on ma dit sa je sais pas si quelqu’un pourrais m’aider a réaliser cette petite vidéo ! sa serais vraiment super

    merci beaucoup
    liveinight@hotmail.fr

  65. Répondre

    Salut Suzanne julien , je suis désolé mais je n’ais pas beaucoup de temps… Je voulais juste te dire que pour un usage non commercial des polices caractères, tu peux en trouver des centaines sur dafont.com ^^

  66. Répondre

    merci beaucoup thepopbuddy les police sont très jolie

  67. Répondre

    mais j’ai pas compris encore comment sans servir

  68. Répondre

    QUAND j’écris un texte sur adobe after effect y me marque

     » actualisation désactiver ( finissez de modifier le texte pour actualiser la vue)

    je comprend pas ! j’ai tout essayais; quelqu’un peut m’aider

  69. Répondre

    Salut j’ai découvert ce site y a pas très longtemps, et c’est vraiment impressionant, je savais pas qu’ after effect était capable d’autant de chose. Félicitation pour ton travail Mattrunks c’est du très beau boulot.
    Je reviens sur le com d’avant, car j’ai exactement le même problème. si quelqu’un à la réponse c’est cool.
    Merci A+

  70. Répondre

    Juste un petit pépin, lorsque je vx enregistrer la vidéo, il y a toujours la croix de l’effet sur mon texte.
    Comment peut-on le retirer ? Merci

  71. Répondre

    comment je fais pour sauver la vidéo sur mon pc? merci

  72. Répondre

    Bonjour alors moi jarriv a tt faire mes jai tjr un soucis lol on me demande toujour ( finissez de modifier le texte pour actualiser la vue ) comment faire car la typo se masque souvent ..

  73. Répondre

    Merci pour ce tuto, l’effet est top.
    Mais j’aimerai savoir comment recréer l’effet sans avoir de fond? pour le mettre sur une façade d’immeuble par exemple.
    Merci.

  74. Répondre

    salut à tous!
    Déjà je trouve tes tutos supers! mais j’ai un problème avec celui ci, je ne possède pas la police d’écriture que tu utilise (je suis sous after effect cs4) j’ai cherché une autre police d’écriture mais il n’y en a pas d’assez fine pour avoir un jolie rendu, de l’aide ne serrait pas de refus.

  75. Répondre

    Bonsoir tout le monde,
    De mon coté, après avoir réalisé ce très bon tuto de mat, j’ai rencontré un soucis au moment de l’exporter. En effet, la qualité de la séquence est mauvaise lorsque je l’exporte en format AVI ou MP4 (on voit les pixels…).
    Comment faire pour que le rendu soit exploitable dans un montage réalisé sur MAGIX?
    Merci d’avance pour vos réponses et a bientot!

  76. Avatar
  77. Répondre

    Je n’est pas flou de la bordure…

  78. Répondre

    Pour le problème « modifier le texte pour actualiser la vue » il faut cliquer dans la comp actuelle avant de faire le wiigle et après ca marche. Ça m’a bloqué aussi sur un second titre que je rééditais. J’espère que ca aidera. J’en profite pour saluer Mattrunks, véritable maître en formation after effect. Merci encore de transformer mon temps libre en nouvelles connaissances !
    ++

  79. Répondre

    Bonjour, j’ai fais toutes les manips’ à la lettre et au final j’arrive à un résultat plutôt satisfaisant seul bémol il n’y a pas de son… Ou est ce que cela a pêché ?

  80. Répondre

    Bonjour,
    Très bien fait, mais je souhaiterais que la traduction Anglaise utilise un AE en Anglais.
    Mais en tout état de cause , MERCI pour ce tuto