Premier tutorial vidéo sur de la typo en mouvement, appelé « Live type » et que j’appellerai moi « Motion Typo », pour simplifié « Typographie Animé ». Nous allons donc apprendre à donner vie à nos textes, en animant chaque mot dans une animation rythmée. Pas mal de choses dans ce tutorial de 32min, avec :

  • Maitriser les outils de texte dans After Effects
  • Apprendre les bases des images clé pour générer un mouvement
  • Découvrir comment animer de manière dynamique sa caméra
  • Créer différentes compositions pour mieux organiser et comprendre son projet
  • Ajouter des lumières, créer une scène 3D, jouer avec les reflets, les ombres pour simuler une 3eme dimension

 

 

Avatar Formateur After Effects et Motion Designer.

 

129 Blablas

  1. Répondre

    Lu t vraiment trop fort c du travail de pros !!!!

  2. Répondre

    merci ;)

    (mon patron me dit pareil ^^)

  3. Répondre

    Vraiment cool! Ce tuto semble basic à première vue, mais il contient plein de petits trucs très utiles merci beaucoup :)

  4. Répondre

    content qu’il t’ait été utile, et merci à toi pour l’astuce de la touche Y :)

  5. Répondre

    Salut, j’esssaye de faire ce tuto mais je suis bloquée à une étape, je suis novice sur after effects, je ne fais que exactement reproduire ce que tu dis!! Tu as l’air d’avoir la dernière version de AE moi j’ai la 6… Je suis bloquée au moment ou il faut faire le chronomètre. Il faut bouger les mots pour fixer leur points de départ mais j’y arrive pas , je les déplace mais ca fait pas comme toi…C’est quoi la manip sur AE 6 si jamais tu le sais ? j’ai vraiment envie d’essayer de faire ce tuto, si tu pouvais m’aider ca serait plus que cool !
    Merciii !

  6. Répondre

    doudou -> Je ne connais pas du tout la version 6, et du peu de retour utilisateur que j’ai eu dessus beaucoup de fonctions n’existent pas dans cette version, et tu va te compliqué la vie. Meme si tu ne peux pas passé sur la version CS3, la 8, passe au moins sur la 7 qui est deja un gros gros pas en avant par rapport à la 6.. Good Luck ;)

  7. Répondre

    Yop,
    J’ai fait pour une seconde fois le tutorial mais ce coup ci sur une très grande surface avec beaucoup de texte qui arrivent de partout mais au moment de l’exportation j’ai un soucis :

    http://img225.imageshack.us/img225/3270/screenshot3ji2.jpg

    Si vous avez une idée ça serait cool ;)

    merci

  8. Répondre

    Tu est juste un grand malade ! On ne travaille pas dans after effects comme dans photoshop ! Meme mon mac pro avec 8 coeur et 16go de ram ne gère une composition plus grande que 6000×6000 lors du rendu..

    Vois un peu moins grand, et dèja une vidéo en HD, ça consomme énorment de ressource sur un tuto du genre ^^

  9. Répondre

    En fait c’est pas la vidéo qui fait cette taille.
    J’ai mis un fond en brique qui est donc très grand avec l’outil miroir pour agrandir la surface, puis la caméra se ballade d’un texte à l’autre et aussi sur deux ou trois photos.
    J’ai réussis à avoir la vidéo en l’exportant mais pas avec le rendu et du coup la qualité est très moyenne.
    J’ai essayé de réduire l’image au maximum mais ça ne donne rien.

    P-S : la composition finale en en 960×720

  10. Répondre

    oui oui j’imagine bien que tu vas pas faire un rendu de cette taille ^^quand je parle de composition, j’entend composition dans la composition finale, ou précompo, ou claque, enfin bref.. After ne supporte pas du tout de telles tailles dans son traitement, il stoppe le rendu dès que la zone à calculer est trop grande ;)

  11. Répondre

    Arf c’est domage.
    Je le serais pour la prochaine fois. Je pensais pas du tout ça vu que la caméra n’affiche que 960×720 pixels tout le temps…..

    Merci ;) ;)

  12. Répondre

    S’il te plais ou as tu trouvé tes font d’écran merci

  13. Répondre

    salut mattrunks.
    je m’amuse comme un dingue avec ce qu’on apprend dans tes tutos. mais pour celui la j’ai un pti souci au niveau des ombres. l’ombre sur les 3 premier calque texte :o k, l’ombre sur la premiere moitié du 4eme texte :o k, et à partir de la moitié du claque, il n’y à plus d’ombre, et je n’arrive pas à en mettre sur les calque suivant non plus… meme pire, au comble de l’horreur, lorsque que j’active l’option 3d des claques, ceux ci disparaissent… j’ai verifié toutes les valeurs « y » pour etre sur que mes calques ne se retrouvaient pas derrière le calque de fond. yé né comprend pas.

  14. Répondre

    C’est plutot sur la profondeur, sur la valeur « z » qu’il faut que tu verifie que les calques ne sont pas derrière ton arriere plan quand tu les passent en mode 3D ;)

  15. Répondre

    heu… oui z pardon c’était une faute de frape. et justement, au moment ou je perd l’ombre sur mon calque texte, ni sa profondeur, ni celle du calque de fond ne change.
    j’ai fait appel à un marabouteur mais l’ombre est toujorus pas revenu.. T-T

  16. Répondre

    Je voulais simplement te remercier pour ce tuto qui m’a été très utile pour faire l’intro de mon site ;) Je t’ai découvert grâce à E-Design, et j’en suis ravi ! Au plaisir de refaire un de tes tutos :)

  17. Répondre

    Salut,

    Quelqu’un sait l’equivalent de « juxtaposition directionelle » en anglais?

    Ps: y’a des motion makers de Marseille?

    • Bonjour,
      La question a été posé plus haut et j’ai pas prouvé la réponse ni dans les com. ni en essayant toutes les combinaisons…

      Quelqu’un sait l’équivalent de « juxtaposition directionnelle » en anglais?
      Ce qui permet d’agrandir la texture du fond.

      Merci d’avance!!

  18. Répondre

    Au fait si tu pouvais me dire a quelle heure j’ai le plus de chance de recevoir une reponse, parceque malheuresement pour l’instant j’ai pas eu la reussite escomptee :S

  19. Répondre

    Goldyz -> Je n’ai pas répondu car je ne connais pas la réponse, je ne bosse pas sur After Effects en Anglais ^^ Et quand au motion maker de marseille, ce n’est pas moi qui pourrait te répondre, je ne connais pas encore toute la vie de mes visiteurs ^^

    Bonne soirée ;)

  20. Répondre

    Ok merci, ben si des motion makeureuh (avec l’accent du sud) croise se poste qu’ils se manisfestent…

    Et aussi dans cette video je crois avoir decele une expression de type wiggle sur la rotation Z de la camera, mais j’arrive pas a l’exprimer correctement, moa je fais wiggle(1,1.6) pour lui dire de bouger une fois toute les 1,6 sec mais je sais pas comment regler l’intensite de ce mouvement. Si tu pouvais m’aider ce serait fun de ta part.

  21. Répondre

    Salut mattrunks merci pour ses ptis tutos,tu nous gates :D juste pour savoir tu pourrais donner le lien de l’arriére plan que ta utilisé pour cette compo? ou mùe l’envoyer par mail -_-

    merki

  22. Répondre

    Salut a toi, et encore merci ^^

    Le tuto ne fonctionne malheureusement pas correctement sur ta galerie, il se bloque au changement de couleur du mot « NEW »

    Et comme j’aimerai apprendre a bouger une caméra… ça m’arrange pas lol.

    Merci d’avance si tu Réupload @+ ;)

  23. Répondre

    Goldiz -> Pour wiggle, ça marche comme ça : wiggle(fréquence, intensité) donc pour faire bouger 2 fois par seconde sur une amplitude de 20px la position par exemple, il faudra mettre : wiggle(2,20)

    baxmac -> http://www.textureking.com/ ;)

    MaxXxbox -> Je vais réencoder chaque tutorial et les réuploader sur mon autre serveur beaucoup plus rapide que la gallery=. Je fais ça dans la semaine ;)

  24. Répondre

    can there please be an english translation for this tutorial. I’ve got about 70% of it, but I’m missing a couple of steps.

  25. Répondre

    Salut Mattrunks
    cool merci pour le lien je l’ai trouvé :D

    bonne créa ^^
    tcho

  26. Répondre

    Kjell -> I’m surprise that there is an english reader on my blog ^^ Actually, i can’t provide you an english translation of this tutorial, because i’m very busy… Besides, you can find a lot of very good english tutorial on the net I think, with andrew kramer or the other guys of creative cow. Good luck, keep in touch

    baxmac -> De rien ;)

  27. Répondre

    Salut,

    Tes tut’s sont vraiment biens sérieux… Mille mercis !

    PS : Quel est le nom exacte de la typo please ? :s J’ai entendu blackcok mais je n’arrive pas à trouver… Aurais-tu l’orthographe exact de la typo s’il vous plait ?

    En merci.

  28. Répondre

    hello, pour la typo, c’est « Blackoak Std » modifié sous after. je crois que c’est une typo d’origine sur mac ;)

  29. Répondre

    Salut, merci pour ces tutos ils me sont très utiles.

    Je vois qu’on a le même âge et j’me dit que j’ai encore beaucoup de boulot pour te rattraper ( moi je fais plutôt du montage vidéo sur sony vegas et la ça m’aide vraiment à apprendre after )

    travail bien
    tcho

  30. Répondre

    Hello,

    Merci bcp. Super tuto d’une anim que j’avais découvert avec une vidéo du même type sur un dialogue de Pulp Fiction…

    Dis-moi, j’ai un vrai problème au moment de la rotation de ma caméra sur son z.
    En fait, j’ai une déformation de l’image, comme tu peux le voir là : http://www.casimages.com/img.php?i=080927011923519444.jpg

    Et c’est bien emmerdant…

    Où ai-je foiré ???
    Quelle manip ?

    Si qq’un a la soluce…

    Grand merci

    • Salut, j’ai le même problème que toi à ce moment, j’imagine que depuis tu l’as résolu .

      Tu pourrais me donner la solution, merci beaucoup

  31. Répondre

    Salut
    je trouve terrible le tutorial bien expliqué et tous, super.
    Mais j’aimerais juste savoir ou tu a trouvé les textures en fond ??
    Genre le mur et tou, j’en trouve pas des aussi belles
    merci d’me repondre
    bonne ontinuation a toi.
    Ciao

  32. Répondre

    kaiser : Remonte un peu j’ai répondu à cette question plus haut dans les blablas ;)

    • Bonjour, d’abord le tuto est parfait, il n’y a rien à dire mais j’ai un petit souci. Quand j’écris mon 2ème texte, et que je le fais rentrer de coté, je n’ai pas assez de place pr le faire rentrer comme toi. Enfin dans ton tuto tu n’a pas changer de taille pour ton 2ème texte. Et moi apparemment les textes ne doivent pas remplir le carré blanc (le calque). Une aide SVP :d

  33. Répondre

    Trop la classe, mattrunks qui parle en anglais :D

  34. Répondre

    Je voulais savoir, y’a moyen de récuperer le fichier ?
    Comme tu fais pour les tutos photoshop ? Ca serait cool :) .

    Merci d’avance
    Jibe

  35. Répondre

    Bonjour, juste un GROS merci car depuis le temps que je cherchais ce tuto, il est non seulement très pédagogique et bien expliqué (je suis ultra débutante sur AE).
    (J’ai eu du mal à faire de l’ombre sur mon texte, en cochant tout bien ça n’a pas marché mais bon, pas grave)…
    Merci !!!

  36. Répondre

    I hate to be a jerk, but do you know of any English typography tutorials?? I can only get about 75% of what ur doin and i keep missing stuff.

  37. Répondre

    merci beaucoup beaucoup.Je viens juste de me mettre a after effects et grâce a ton tuto je me surprend a faire de sacrée vidéo je te remercie beaucoup.il me reste tout les autres tuto a essayer!^^

  38. Répondre

    Excellent Tuto ! Moi perso j’ai eu After Effects hier, mais que la version 6, et j’ai réussi a faire exactement la même chose ! De très bonnes explications x) (Je n’ai que 12 ans ^^)

    En tout cas merci pour ce tuto :p

  39. Répondre

    Chapeau ! pour le tuto et merci bcp.

  40. Répondre

    Salut

    Merci pour ce tuto vraiment très bien expliqué ! Mais est il possible de le télécharger ? Car au fin fond de ma campagne Lorraine je n’ai pas internet à mon domicile !!! Je regarde donc tous tes tutos depuis un cyber espace et je prends des notes…pour tous refaire à la maison….pas très pratique….

  41. Répondre

    Salut,
    Ayant Motion et pas After, j’essaie de transposer ce tuto à Motion. Il n’y a rien à faire, je ne vois pas comment appliquer une ombre qui agisse en fonction de la lumière créée. Quelqu’un peut-il m’aider ??

    Merci!

  42. Répondre

    on va faire comme les autres en te remerciant grandement, je suis en autodidacte sur AE,je potasse et cherche sur le net des tuto comme les tiens et c’est vraiment cool d’apprendre en s’amusant en tout k c
    mon k ^^
    a tte

  43. Répondre

    Merci, Super tuto, euh super  » a new great tuto » ^^, nan franchement super bien fait, c’est bien expliqué en plus tu as une vois plutot apaisante ^^
    @ plus bonne continuation et merci encore

  44. Répondre

    MERCI
    pour toute cette aide si précieuse!!!

  45. Répondre

    Great tutorial. Although my language is English, it’s easy to see what you’re doing. Great stuff mate.

  46. Répondre

    Salut Est que tu peux me donner le liens de la police Blackoak std

  47. Répondre

    Oué pareil, impossible de la trouvé, à moins de la payer :(

  48. Répondre

    Merci beaucoup pour ce tuto , je trouve qu’il est fait réaliser, il m’a beaucoup servi pour un projet multimedia.

  49. Répondre

    Merci pour ce super tuto ! mais j’ai juste un problème, quand je fais pivoter la caméra sur z tout se déforme j’ai pensé a appuyer sur shift mais rien n’y fait…

  50. Répondre

    Salut, merci pour ce tuto, et j’ai une question, je suis coincé au moment d’ajuster la caméra sur la première partie du texte, comment fais tu ce zoom ? Qu’elle manip au clavier? Je galère, peu être j’ai coché aussi quelque chose qu’il ne fallait pas, mais je vois pas comment zoomer, sur les différentes parties… Je ne fais que bouger les textes, ou l’image de fond…
    Merci de m’aider ! :)

  51. Répondre

    Non c’est bon j’ai trouver, je suis un peu Neuneu ce soir ;) Au moins je m’en souviendrais !
    Merci encore

  52. Répondre

    Hello,
    Super boulot encore une fois…On apprend plein de trucs en peu de temps.
    Cependant y’a un concept d’Ae que j’ai du mal à capter.
    Si je comprends bien:
    1- tu définis ton format de publication dès le début. (par exemple 800*500)
    2- Tu appliques une caméra sur la zone.
    3- Cette caméra filme en 28 ou en 35mm (ce qu’on a choisi) mais reste contrainte par le format d’origine.
    Du coup, c’est un peu comme filmer à travers le trou d’une serrure non?
    Si par exemple, on doit faire un travelling sur un plan de 3000 px de large, on a une composition de 800*500, dans laquelle y’a une compo de 3000 de large. Et c’est juste la caméra qu’on déplacera depuis la première composition? C’est compliqué à expliquer :D

    Merci encore pour tes tuyaux…ça donne des idées pour faire des cartes de vœux…c’est de saison

    à plus,

  53. Répondre

    Merci beaucoup pour ce tuto, je débute sur AE et j’impressionne mes potes grâce à tes très bonnes explications! A quand les nouveaux tutos? j’en fais une grosse consommation!

  54. Répondre

    Merci pour tout
    on vient de découvrir after effects pendant les fetes
    notre petit délire du moment.

  55. Répondre

    Dude, I don’t even speak french, but I watched the entire tutorial and it was awesome… Great Job!

  56. Répondre

    trop genial matt c super ce tuto chui en ecole dart et chui passioné de cinema d’animation et de lanimation elle mm ce tuto est ce kil me fallait.
    mercii :) )

  57. Répondre

    euuh matt est ce ke c normale ke lorske je telecharge cette video kil nyai po le tuto en entier ?? il sarette en cour de route

  58. Répondre

    super tuto comme d’habitude, 10 secondes c’est un peu cour mais bon il suffit de rallonger sa compo’

  59. Répondre

    This is so freaking awesome!I love it..sad thing the tut is not in English:(..nice tut :)

  60. Répondre

    salut matt ca me donne vraiment envie de continuer mes etudes ce que tu fais vraiment merci et bonne continuation

  61. Répondre

    Comment fait-on pour télécharger celui-ci ? Merci

  62. Répondre

    Merci beaucoup, votre suite est trop bien j’ai beaucoup appris avec ce tuto encore merci

  63. Répondre

    MK12 – Brazil :)
    Masterz @ works

  64. Répondre

    Merci pour ce tutoriel, j’arrive à le réaliser sauf à la 22ème minutes, lorsqu’il faut supprimer la caméra 2 et réactiver la caméra 1, j’arrive pas à effectuer la manipulation indiquée juste après. Pour ma part, j’arrive que à bouger le texte ou le fond mais aucunement la caméra. Quelle est la manipulation ?

    D’avance merci et continue ainsi, c’est un vrai bonheur pour apprendre

  65. Répondre

    Merci bcp pour ce tuto génial !

  66. Répondre

    Hai Can u give this tutorial in English Plesase….

  67. Répondre

    Mille mercis pour cette aide précieuse! Ce tuto est incroyablement intéressant et le résultat est super! MERCI!!!!!

  68. Répondre

    Je trouve le tuto super et très sympathique…
    Je me pose une question :
    je viens d’acquérir BluffTitle et je me demande si on ne peut pas le faire en 3D ???
    Merci pour votre réponse….

  69. Avatar
  70. Répondre

    Sper!!!! tutorial fait en 45 minutes. rendu super. Bien expliqué. a+

  71. Répondre

    Vraiment d’enfer ! Tu gere matt !

    • J’aurais une ptite question, j’aimerais faire apparaître des logos qui viennent de derrière la camera pour ensuite venir s’incruster dans mon arrière plan, pourrais tu me dire la manip a suivre pour les faire venir de derriere la camera stp

  72. Avatar
    Répondre

    Existe t’il une interpolation dans les keyframe ? (mes rotation sont trop carré)

  73. Répondre

    hola, muy buenos tutoriales tienes en esta pagina, soy nuevo en esto y me interesa mucho saber mas del after effects soy estudiante de diseño grafico, me podrias ayudar y decirme en donde descargar todos los plugins o si me los puedes proporcionar ya que no cuento con el recurso para comprarlos y me gustaria generar el recurso ya dominando este programa y haciendo trabajos?

  74. Répondre

    salut merci pour ce tuto mais j’ai un probléme quand j’active les ombre avec la lumiere dans les options dérouler du texte sa me mes des particule dessus

  75. Répondre

    very nice !!

  76. Répondre

    great article. like your site

    Thamks a lot!

  77. Répondre

    Thanks a lot Mr Mattrunks !
    C’est vraiment cool de partager tes connaissances ! Le tuto est vraiment bien fait, bien expliqué, ça fait plaisir et donne envie de s’y mettre de suite !
    Bonne continuation !

  78. Répondre

    Merci pour ces tutos gratuits ! Ca m’aide bien pour les petites intro que j’ai à faire pour mes montages.

    Allez, on passe au deuxième :)

  79. Répondre

    Bordel ce que je me sens con, je suis bloqué dès le début, j’arrive pas a effectuer d’interpolation, j’appuie sur le chrono, je reviens à 0 sec, et quand je déplace un élément, ça ne créé pas de mouvement, ça le déplace aussi sur l’image clés, je comprend rien

  80. Répondre

    C’est bizarre ce qu’il t’arrive, peut être que ça vient de ta version d’After Effects.

    Tu peux essayer un truc. Tu te mets à 0 seconde, tu crées une image clé, puis tu te mets à 3 secondes et tu crées aussi une image clé.

    Une fois cela fait tu te replaces à 0 seconde et seulement maintenant tu changes de place ton texte !

  81. Répondre

    Salut a toi,

    J’ai un problème lors ce que je veux agrandir l’image pour y faire rentrer les deux textes.
    Je ne peux pas agrandir l’image, elle ne dépasse jamais les bordures déjà formées …

    Help !

    A+

  82. Répondre

    C’est top gars ! Continue !

  83. Répondre

    Jamais trop tard pour ce mettre à after effects avec Mattrunks !!! merci mec.

  84. Avatar
    Répondre

    Efficace et bien expliqué. Bravo

  85. Répondre

    Bonjour,
    La question a été posé plus haut et j’ai pas prouvé la réponse ni dans les com. ni en essayant toutes les combinaisons…

    Quelqu’un sait l’équivalent de « juxtaposition directionnelle » en anglais?
    Ce qui permet d’agrandir la texture du fond.

    Merci d’avance!!

  86. Répondre

    C’est flou…
    C’est normal? Désolé c’est mon premier commentaire…
    Pas cool.
    Sinon super site, superbes idées!!!

  87. Répondre

    Ah sa m’enerve quand je veux mettre mon deuxième texte dans finale l’animation finale s’enlève… ;(

  88. Répondre

    this is so amazing. i dont speak french but i absolutely understood it :) thank you for sharing

  89. Répondre

    c´est magnifique! merci

  90. Répondre

    C’est carrément stylé ! ^^

  91. Répondre

    Vraiment très bien fait ! j ai essayé de le reproduire et ça donne pas trop mal sauf que au tout début ça penche un peu vers la droite avant de se remettre droit alors qu’il n’y a aucune image clé à ce moment… une idée ? :)

  92. Avatar
    Répondre

    Bizarre, c’est le premier tuto qui est un peu flou (je parle de la resolution ecran)…c’est parce que c’est sur blip.tv?

  93. Répondre

    help please !!!!!!!
    moi ver 15″ o moment de passer le fond et le texte en 3D et de le tourné vers la gauche comme tu dis et de le mettre a 5 degrés , j’ai que la typo qui tourne !!!! j essais dans tout les sens mais le fond ne veux pas venir t’s une idée d’ou peux venir le probleme???? ainsi que quand je coche l’option 3D sur le fond il passe devant ma typo qui reste deriere ! ;(
    si quelqu’un peu m’aider ce serai tres tres tres cool je supôrte pas rester bloquer !

  94. Avatar
    Répondre

    Joooooooliiiiie merciiiiiiiiiiiiii

  95. Répondre

    waaaaaaaaaaaaaaaaaawwww vvveeeeeeeeeerrrryyyyyyyyyyyyyyyyyy niiice it’s the work of proooooooooooooo I love your work and site . I will try it and see the result thank you for your tuto and we are waiting for your next tuto

  96. Répondre

    C’est vraiment cool ce que tu fais =) continue ainsi !!!! :D

  97. Répondre

    bonjour sa serait pour savoir où tu avais eu tes fond d’écran si c’est super

  98. Répondre

    C’est quoi le titre de la police ?

  99. Répondre

    hi, dont you have a English version?

  100. Avatar
    Répondre

    Bonjour!
    Très bon tuto, merci! Mais je bloque à la 24ème minute. En effet, je n’arrive pas a zoomer le texte et ensuite faire pivoter le texte en même temps que le fond (je ne fais pivoter que le texte…)
    J’ai un MacBook et je suis sur AE CS5.
    Merci de votre aide! A bientôt!

  101. Avatar
  102. Répondre

    Merci génial ton tuto ! Bon, prochaine étape de typo : http://www.youtube.com/watch?v=B2kvtRprvkk

    :D lol

  103. Répondre

    Super tuto, merci, tu explique bien :)

  104. Répondre

    thank you.. i now what can i do.. a couse you