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.

 

Publié le 22/12/2008

 

Avatar Mattrunks Entre Motion Graphic Designer et formateur, j'essaye de transmettre ma passion pour l'animation en produisant des tutoriels vidéos sur After Effects. Plus d'infos

 

55 Blablas

  1. alone92 | 22 déc, 2008, 11:25

    Répondre

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

  2. Wedfu | 22 déc, 2008, 11:37

    Répondre

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

  3. Maxlefun | 22 déc, 2008, 11:37

    Répondre

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

  4. Clemagik | 22 déc, 2008, 12:16

    Répondre

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

  5. Orken | 22 déc, 2008, 12:39

    Répondre

    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. Lil Dadi | 22 déc, 2008, 13:01

    Répondre

    C’est quoi la musique??

  7. Wimacod | 22 déc, 2008, 13:23

    Répondre

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

  8. diZ | 22 déc, 2008, 13:26

    Répondre

    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. Lil Dadi | 22 déc, 2008, 14:05

    Répondre

    Merci diZ =)

  10. Vincent Papaix | 22 déc, 2008, 14:19

    Répondre

    Mattrunks et les modes de fusion completement crazyyy :)

    Well done my friend!!!

    A bientot

    ++

  11. tginja | 22 déc, 2008, 15:16

    Répondre

    Enorme comme d’habitude x)

  12. Florent | 22 déc, 2008, 16:23

    Répondre

    Je pleure c’est bon

  13. timcreation | 22 déc, 2008, 16:26

    Répondre

    Super tuto !!! : ) merci : )

  14. Laurent | 22 déc, 2008, 16:52

    Répondre

    Puissant :P

  15. Short ID | 22 déc, 2008, 17:47

    Répondre

    « 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. thibaut | 22 déc, 2008, 19:11

    Répondre

    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. timcreation | 22 déc, 2008, 19:18

    Répondre

    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. number | 22 déc, 2008, 19:34

    Répondre

    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. dogimo | 22 déc, 2008, 20:27

    Répondre

    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. Psychedelic | 22 déc, 2008, 22:42

    Répondre

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

    Ralalalalalalalaaa c géant !!!!

    Je t’aime :)

    Psychedelic.

  21. Orken | 22 déc, 2008, 22:56

    Répondre

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

  22. Kid-killer | 23 déc, 2008, 01:12

    Répondre

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

  23. Nikko | 23 déc, 2008, 02:15

    Répondre

    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. Nikko | 23 déc, 2008, 02:36

    Répondre

    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. Psychedelic | 23 déc, 2008, 08:47

    Répondre

    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. Vincent Papaix | 23 déc, 2008, 11:02

    Répondre

    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. timcreation | 23 déc, 2008, 14:53

    Répondre

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

  28. Orken | 23 déc, 2008, 15:11

    Répondre

    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. mattrunks | 23 déc, 2008, 15:46

    Répondre

    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. Thibaut SRC | 23 déc, 2008, 15:49

    Répondre

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

  31. Orken | 23 déc, 2008, 16:42

    Répondre

    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. timcreation | 23 déc, 2008, 18:15

    Répondre

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

    rendu : http://vimeo.com/2611252

  33. timcreation | 23 déc, 2008, 18:17

    Répondre

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

  34. diZ | 23 déc, 2008, 21:45

    Répondre

    @ Thibaut SRC : SeRéCom ? :-)

  35. Psychedelic | 25 déc, 2008, 20:04

    Répondre

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

    Psychedelic.

  36. benichou159 | 25 déc, 2008, 21:36

    Répondre

    nikel!!!je suis émerveiller.

  37. Memlap | 27 déc, 2008, 17:55

    Répondre

    « 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. diZ | 28 déc, 2008, 21:13

    Répondre

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

  39. thoaupe | 02 jan, 2009, 12:43

    Répondre

    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. mattrunks | 05 jan, 2009, 10:57

    Répondre

    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. Guillaume | 08 jan, 2009, 20:08

    Répondre

    hey merci beaucoup excellent tuto !

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

    merci bonne continuation

  42. mattrunks | 08 jan, 2009, 20:13

    Répondre

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

  43. Stef | 21 jan, 2009, 22:58

    Répondre

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

  44. laurent | 18 mar, 2009, 01:31

    Répondre

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

  45. B4RR1X | 28 mar, 2009, 10:52

    Répondre

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

  46. Stef | 07 avr, 2009, 12:57

    Répondre

    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. Playlist-musicc | 27 avr, 2009, 10:26

    Répondre

    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. Ebbern | 17 juin, 2009, 16:56

    Répondre

    no download for this tut ? :(

  49. Fabio | 06 sept, 2009, 18:26

    Répondre

    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. Spooki | 30 nov, 2009, 20:21

    Répondre

    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. Spooki | 01 déc, 2009, 18:10

    Répondre

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

  52. Jeremy | 09 mar, 2010, 20:52

    Répondre

    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. UrLaStDaY | 12 mar, 2010, 09:04

    Répondre

    Voici le résultat ^^

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

    Merci de voter est rajouté un commentaire.

  54. sanchejd | 09 août, 2010, 19:00

    Répondre

    Sweet Tutorial! Whats the chance of getting tutorials in english?

    • Avatar

      Mattrunks | 15 août, 2010, 14:44

      Yes, I’m really thinking of making English versions of my tutorials in english with a translator. I’ve made a test with a canadian friend, he made an english voiceover and the result was really cool ! But it takes a lot of times to do.. I hope there will be english translations of each next tutorials in a soon futur ;)