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

 

80 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?

  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

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

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