Motion Typo Act.1 : Tutorial vidéo sur l’animation typographique

Motion Typo Act.1 : Tutorial vidéo sur l’animation typographique

Partager

72 Commentaires

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

Creative Commons License
This div will be replaced

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 

Sujets abordés : - - - - - - -

72 commentaires sur ce tutorial

Ajouter un commentaire ?


  1. trop cool!


  2. merci :)


  3. A quand l’acte 2 ? :)


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


  5. merci ;)

    (mon patron me dit pareil ^^)


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


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


  8. [...] Tutorial vidéo sous After Effects : Motion Typo Act.1, disponible à cette adresse [...]


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


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


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


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


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


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


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


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


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


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


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


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


  21. [...] : Vous ne vous êtes jamais demandé pourquoi ça s’apellait act “1″ ? mouhahaha… Mystère [...]


  22. Salut,

    Quelqu’un sait l’equivalent de “juxtaposition directionelle” en anglais?

    Ps: y’a des motion makers de Marseille?


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


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


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


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


  27. 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 @+ ;)


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


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


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

    bonne créa ^^
    tcho


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


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


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


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


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


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


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


  38. Trop la classe, mattrunks qui parle en anglais :D


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


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


  41. [...] de ce qui arrivera prochainement. J’ai réalisé le générique à l’aide du tutoriel Motion Typo de [...]


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


  43. 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!^^


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


  45. Chapeau ! pour le tuto et merci bcp.


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


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


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


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


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


  51. [...] Tutorial Link [...]


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


  53. [...] Tutorial Link [...]


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


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


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


  57. [...] Tutorial Link [...]


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


  59. [...] [...]


  60. 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 ! :)


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


  62. 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,


  63. merci beaucoup !!!


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


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


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


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


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


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


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


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


  72. This is great. Merci.

Laisser un commentaire :