Tutorial Vidéo After Effects gratuit : Typo flashy et destructurée

Tutorial Vidéo After Effects gratuit : Typo flashy et destructurée

Partager

53 Commentaires

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

Creative Commons License

Bonjour à tous, pour ce nouveau tutorial vidéo gratuit sous After Effects, nous allons apprendre à faire un peu de “graphisme” sous After Effects en donnant un peu d’allure à nos typos. Nous verrons comment rendre un simple texte un peu plus attrayant dans un univers flashy, coloré, un chouille electro ;) Nous apprendrons également comment donner un aspect découpé à nos animations grâce à plusieurs calques d’effets.

Sujets abordés : - - - -

53 commentaires sur ce tutorial

Ajouter un commentaire ?


  1. il dechire ce tuto!!!!
    merci pour ce superbe cadeau mattrunks!
    t’assure continu comme cela!!


  2. encore un tuto de ouf!!!! c’est noël avant l’heure.merci mat


  3. Rahh, ça peux pas faire de mal et ça fais plaisir !!


  4. Thanks tu as du courage d’expliquer ce genre de choses !


  5. Salut,
    encore un bon tuto, même si le travail sur les typos c’est pas ce qui m’intéresse le plus, tes tutos sont toujours d’une intérêt certain. On y pioche toujours 2-3 infos super pratiques et des petits trucs bien sympa. C’est toujours un plaisir de t’écouter/regarder.

    [mode chieur]
    je trouve que la prise son a énormement de souffle (j’éxagère :D ) et peu de gain (j’éxagère encore).
    C’est pas très sérieux pour quelqu’un qui bosse dans un studio de prod sonore, enfin j’dis ça, j’dis rien. :D
    [/mode chieur]


  6. C’est quoi la musique??


  7. Yeah, je suis en train de m’enfiler tout tes tutos :D
    Merci encore Matt’ ! :)


  8. Bientôt, tous les PSD OPAKE offerts!
    Gardez l’oeil ouvert.

    @Lil Dadi : http://www.myspace.com/wearenotghettokids (l’extrait dans la vidéo est une boucle partie à la poubelle depuis le temps)


  9. Merci diZ =)


  10. Mattrunks et les modes de fusion completement crazyyy :)

    Well done my friend!!!

    A bientot

    ++


  11. Enorme comme d’habitude x)


  12. Je pleure c’est bon


  13. Super tuto !!! : ) merci : )


  14. Puissant :P


  15. “comment on fait les crochets sur pc ” ….. j’ai ris ;)

    Merci pour le coup du calque repere , ca va me servir dessuite :)

    Qualité d’image du tuto nikel !!!!! j’ai adoré !

    cs4 ( enfoiré va )

    ” Alt clic et pas windows clic “….. j’ai ris aussi ^^

    Merci pour ce tuto de qualité de fond ;)


  16. mine de rien on dirait que tu galere un petit peu sur windows hein ^^ ca doit etre dû a la résolution d’écran :D les mac c’est résolument mieu !


  17. Dit mattrunks comment fesons nous pour mettre une video en HD sur vimeo ?

    rendu de la video : http://vimeo.com/2603229

    mais la qualiter est pas top : (


  18. Salut la compagnie

    comme d’ab : “GG le tuto”
    je v finir par me faire un fichier texte et aprés
    Ctrl+v
    Ctrl+v
    Ctrl+v pour chaque tuto ^^


  19. ah ben voilà, mon cadeau de noël :)
    ça pouvais pas mieux tomber !
    évidemment c l’effet loupe… mdr

    mille mercis

    euh sinon ça démarre fort weecast :( heureusement que je viens de voir sur la droite ton encart à ce sujet parceque là j’dis dommage pour l’info. Je m’étais inscrit à la newsletter pour être averti, ben à priori ça marche po bien leur system mdr. bon l’essentiel c’est que maintenant j’ai mon compte weecast d’ouvert, je vais faire mon marché dans peu de temps.


  20. Tropppp bon le tuto !!!! I LOVE TYPO, merci merci merciii !!!!

    Ralalalalalalalaaa c géant !!!!

    Je t’aime :)

    Psychedelic.


  21. timcreation> il faut poster ta vidéo en 1280×720 sinon, point de HD


  22. Pas mal le filtre Loupe utilisé ainsi, ça me donne des idées…


  23. C’est très très bien monsieur Matt! Très très bien! Oui oui! Beau boulot…

    Et sinon, si tu ne connais pas, je te mets ce lien vers ce blog spécialisé en Vjing qui vient de poster un article sur les 10 meilleurs visuels de 2008:
    http://accentfeed.blogspot.com/2008/12/10-most-innovative-concert-visuals-08.html


  24. Tiens sinon je sais pas si c’est un bug ou bien quoi, mais lorsque je clique sur le bouton plein écran de tn tuto, il me passe en plein écran mais carrément zoomé sur un bout de l’écran. Si tu vois ce que je veux dire.


  25. Timcreation -> si je puis me permettre, ta vidéo est impeccable mais tu devrais ajouter un effet tremblement pour donner encore plus de rythme a tes effets avec le très bon “daft punk” :)

    Psychedelic.


  26. J’ai le meme souci que nikko, je sais pas si on peut y faire quelque chose? car ça m’arrive pour d’autres videos…

    une idee?


  27. Psychedelic. –> ok j’y travaille ;-)


  28. a part le flash qui ne serait pas à jour, je ne vois pas.

    par contre chez moi (au boulot en fait) ça fonctionne mal aussi, j’ai un autre soucis, la lecture dans le navigateur (IE, FF ou chrome le tout sous XP) se fait sans problème, si je mets en plein écran, le rendu et super flou et illisible, mais ça je pense que ça vient du player et de toute façon, en 1280×720, c’est bien suffisant.


  29. Merçi à tous pour toutes vos réactions ! Content que ce tutorial vous ai plu :) J’ai un peu manqué de temps entre hier et aujourd’hui, pas mal de choses à finir avant de retourner quelques jours dans le sud, je n’ai pas pu blablater avec vous cette fois…

    Orken -> Pas moyen de trouver un micro “normal” dans les studios >< Résultat, un p'tit micro casque à 10e qui fera bien l'affaire ^^

    timcreation -> Bien joué, t’as pas trainé !

    vincent, nikko -> Là j’ai modifié le player, il devrait rajouter des zones noires et ne pas couper ou deformer la vidéo en plein écran ;) Par contre, je trouve que la qualité est moins bonne en plein écran, donc autant le laisser comme il apparait en 720p, comme le signale orken.

    (D’ailleurs si quelqu’un qui s’y connaît un peu en html/CSS/php et veut me faire une jolie page pour embedder comme celui-ci mes anciens tutos je suis preneur hein :P )

    Pas trop le temps de répondre à tous le monde, mais le coeur y est ;)


  30. Enorme
    Que de très bon tutos
    Pourquoi j’ai un PC qui rame !!! (oui, j’ai un PC…)


  31. Matt> roohh même pas un petit micro cravate, ou un micro de talkback qui traine. Enfin, on entend ta voix clairement quand même, c’est le principal, pas besoin d’un neumann à 2000€ pour ça.
    J’imagine que c’est pour les vacances que tu retournes dans le sud, donc bonnes vacances, repose toi bien.


  32. voici voila le final en HD et avec des tremblement ( pour Psychedelic ^^)

    rendu : http://vimeo.com/2611252


  33. MERCI Orken !! Pour cet petite explication pour le HD sur vimeo ;-)


  34. @ Thibaut SRC : SeRéCom ? :-)


  35. Bien Tim j’aime bien ta typo txt, c cool :)

    Psychedelic.


  36. nikel!!!je suis émerveiller.


  37. “Bientôt, tous les PSD OPAKE offerts!
    Gardez l’oeil ouvert.”

    Mais c’est que ça m’interresse énormément ça !
    tu peux nous mettre un peu plus au courant ?


  38. Il faut demander à Mattias. Je lui ai tous filé.


  39. salut et merci pour le tuto. par contre j’ai une pitite question.
    l’expression pour changer la couleur du fond ok. mais comment faire pour faire varier la vitesse de changement de couleur? passer de x120 pendant 10 seconde, à x280 2 sec, et retourner a x120 par exemple?


  40. thoaupe -> il faut que tu ajoute une glissière (dans effets-> options pour expressions) sur un objet nul pour contrôler la valeur de ton effet grâce à des images clés. Ça se fait facilement grâce à la petite spirale pour aller chercher directement la propriété dans ton expression. Je l’expliquerais dans un prochain tuto si tu ne vois pas trop comment faire, mais c’est pas compliqué ;)


  41. hey merci beaucoup excellent tuto !

    juste une question : comment tu fais pour faire d’aussi jolis tremblements ? quel effet ? expression ?

    merci bonne continuation


  42. Exactement la même que pour les tremblements des effets loupes dans le tuto, mais appliqué aux calques de textes aussi ;)


  43. Ce tuto est de loin mon préféré, coloré et dynamique, tout comme j’aime !
    Merci !


  44. Merci pour ce tuto, même pour ceux qui débutent c’est bien expliqué, bravo!


  45. et tu la trouvé le riff du rendu final stp ? ^^


  46. Re-moi !
    Juste pour t’indiquer que je me suis permise d’utiliser ton tuto pour créer une vidéo diffusée dans mon petit village de campagne, le WE dernier !
    Et donc, encore une fois, merci beaucoup pour ton aide précieuse.
    Voici le lien : http://www.youtube.com/watch?v=7vUIKvrglV0&feature=channel_page
    Cette vidéo a servi en décor lors de la fête du livre locale (très locale…), le thème de la fête était “Lâchez les couleurs !”


  47. Salut !!!
    Vraiment super ton tuto. Je n’arrive pas a avoir un bon résultat au niveau de loupes.
    Pourrait on avoir le fichier natif ?

    Merci d’avance

    L’équipe Playlist-musicc


  48. no download for this tut ? :(


  49. Salut !!
    SUPER TON TUTO !! mais je n’arrive pa a rajouter un 3eme texte je sai pa comment faire si quelqun pouvais mexpliquer svp


  50. Salut, moi j’ai un petit probleme. Dans l’étape “prémultiplier la luminescence” sur le solide “fond” (6min 20sec de la vidéo tuto). Chez moi il n’y a pas de cadre blanc qui se forme, il se ne passe rien quand je fais “prémultiplier la luminescence”. Et pourtant avec le texte cela marche.


  51. Vous pouvez effacer mon commentaire, la « prémultiplier la luminescence » marche apres reboot de mon PC :O


  52. Salut !!
    J’ai un problème a 6mn20 moi =/ . Lorsqu’il faut faire “premultiplier la luminescence” bah il se passe rien. J’ai fait comme Spooki, c’est à dire reboot mais toujours rien.
    Quelqu’un aurait une solution s’il vous plait ? =)
    Merci d’avance


  53. Voici le résultat ^^

    http://www.youtube.com/watch?v=3W99erGOUoQ

    Merci de voter est rajouté un commentaire.

Laisser un commentaire :