Tutorial vidéo After Effects : Effets néon et lumière réaliste sur de la Typo

Tutorial vidéo After Effects : Effets néon et lumière réaliste sur de la Typo

Partager

63 Commentaires

Cette création est mise à disposition sous un contrat Creative Commons.

Creative Commons License

Ce tutorial vidéo vous est présenté en partenariat avec Emob.fr

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 !

Sujets abordés : - - - - -

63 commentaires sur ce tutorial

Ajouter un commentaire ?

  1. avatar

    c’est pas une police, c’est nous qui allons créer cette effet, à partir de la célèbre police “helvetica”

    C’est tout le but du tuto de recréer cette effet néon/ballon/plastique , à partir d’un police tout ce qui a de plus banal ;)

  2. avatar

    J’avais bien compris que c’était une police banal puis qu’après on la modifier pour avoir cette effet néon. Merci pour le nom en tous cas ;)

  3. avatar

    Vivement ce nouveaux tuto :)
    Elle s’appelle comment la police ?

  4. avatar

    Ont te croyait décédé ;-) )))
    Plus de news rien je m’inquietais.
    Ah so music…. on commence à en parler partout ;-) )))))
    C’etais cool que tu sois à la soirée.
    Et puis bon…. tu y es un peu pour quelque chose dans cette histoire ;-) )))

  5. avatar

    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

  6. avatar

    L’helvetica halalala quel typo.
    Bien classe ce tuto

  7. avatar

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

  8. avatar

    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 !

  9. avatar

    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…

  10. avatar

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

  11. avatar

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

  12. avatar

    =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 ;)

  13. avatar

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

  14. avatar

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

  15. avatar

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

  16. avatar

    Helvetica Rounded passe très bien a mon avis.

  17. avatar

    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

  18. avatar

    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

  19. avatar

    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

  20. avatar

    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

  21. avatar

    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 !!

  22. avatar

    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.

  23. avatar

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

  24. avatar

    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 ^^

  25. avatar

    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

  26. avatar

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

  27. avatar

    Merci!
    super rapide le Mattrunks!

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

    Merci @+

  28. avatar

    ?? tu ne sais pas?

    Si quelqu’un sais…..

    Encore Merci

  29. avatar

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

  30. avatar

    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 @+

  31. avatar

    En gros c’est sa :
    http://img258.imageshack.us/my.php?image=image1zd6.png

    Merci @+

  32. avatar

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

  33. avatar

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

  34. avatar

    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.

  35. avatar

    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

  36. avatar

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

  37. avatar

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

  38. avatar

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

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

    Allé à pelluche

  39. avatar

    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/

  40. avatar

    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

  41. avatar

    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.

  42. avatar

    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

  43. avatar

    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

  44. avatar

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

    Merci

  45. avatar

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

    Merci

  46. avatar

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

  47. avatar

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

  48. avatar

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

  49. avatar

    la question de Leo m’intéresse fortement ?

    matt’ une ptite réponse ?

  50. avatar

    (dites pas à ma maman que j’ai posté ça entre deux toast hein ;) http://www.emob.fr/dotclear/10-banques-d-effets-sonores-gratuits-a-telecharger-2037 )

  51. avatar

    Hi I want to learn how you can download the tutorial

  52. avatar

    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)

  53. avatar

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

  54. avatar

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

  55. avatar

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

  56. avatar

    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

  57. avatar

    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

  58. avatar

    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

  59. avatar

    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.

  60. avatar

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

  61. avatar

    merci pour ce tuto! tres bien expliqué!

  62. avatar

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

  63. avatar

    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

Laisser un commentaire :