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
Tout ça et plus à porter de clic dans la vidéo ci-dessous Pour visionner le tutorial en streaming ou le télécharger : http://gallery.mac.com/mattrunks#100118
















jean
4 avril 2008 20:45
trop cool!
mattrunks
4 avril 2008 23:48
merci
Maxlefun
5 avril 2008 10:10
A quand l’acte 2 ?
gotgul
7 mai 2008 19:04
Lu t vraiment trop fort c du travail de pros !!!!
mattrunks
7 mai 2008 20:02
merci
(mon patron me dit pareil ^^)
Charles-Etienne Pascal
8 mai 2008 15:53
Vraiment cool! Ce tuto semble basic à première vue, mais il contient plein de petits trucs très utiles merci beaucoup
mattrunks
8 mai 2008 16:43
content qu’il t’ait été utile, et merci à toi pour l’astuce de la touche Y
Petite Recap’ des tutoriaux présents sur le blog pour les nouveaux :: Le Blog de Mattrunks
10 mai 2008 23:23
[...] Tutorial vidéo sous After Effects : Motion Typo Act.1, disponible à cette adresse [...]
doudou galack
26 mai 2008 15:59
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 !
mattrunks
26 mai 2008 18:32
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
oohTony
28 mai 2008 22:05
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
mattrunks
28 mai 2008 22: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 ^^
oohTony
29 mai 2008 12:55
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
mattrunks
29 mai 2008 13:12
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
oohTony
29 mai 2008 13:22
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
;)
Goupil de Bouillé
31 mai 2008 22:06
S’il te plais ou as tu trouvé tes font d’écran merci
thoaup
23 juin 2008 11:36
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 :ok, l’ombre sur la premiere moitié du 4eme texte :ok, 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.
mattrunks
23 juin 2008 21:45
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
thoaup
25 juin 2008 10:41
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
Linkyo
25 juin 2008 16:03
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
Popcorn Explosion Abusive Perception :: Le Blog de Mattrunks
26 juin 2008 21:27
[...] : Vous ne vous êtes jamais demandé pourquoi ça s’apellait act “1″ ? mouhahaha… Mystère [...]
Goldyz
27 juin 2008 20:37
Salut,
Quelqu’un sait l’equivalent de “juxtaposition directionelle” en anglais?
Ps: y’a des motion makers de Marseille?
Goldyz
27 juin 2008 23:02
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
mattrunks
28 juin 2008 0:44
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
Goldyz
28 juin 2008 9:48
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.
baxmac
11 juillet 2008 14:38
Salut mattrunks merci pour ses ptis tutos,tu nous gates
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
MaxXxbox
12 juillet 2008 14:10
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 @+
mattrunks
12 juillet 2008 18:12
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
Kjell
15 juillet 2008 2:04
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.
baxmac
15 juillet 2008 9:59
Salut Mattrunks
cool merci pour le lien je l’ai trouvé
bonne créa ^^
tcho
mattrunks
16 juillet 2008 13:10
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
Gordix
18 juillet 2008 19:05
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.
mattrunks
18 juillet 2008 20:35
hello, pour la typo, c’est “Blackoak Std” modifié sous after. je crois que c’est une typo d’origine sur mac
Roo
1 septembre 2008 11:04
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
cerfplanant
27 septembre 2008 12:20
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
kaiser
6 octobre 2008 15:16
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
mattrunks
6 octobre 2008 15:18
kaiser : Remonte un peu j’ai répondu à cette question plus haut dans les blablas
Maxlefun
8 octobre 2008 9:26
Trop la classe, mattrunks qui parle en anglais
jibe
20 octobre 2008 21:50
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
Sweet
10 décembre 2008 18:06
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 !!!
Manoz - Zeu blog − Prochainement ..
15 décembre 2008 18:39
[...] de ce qui arrivera prochainement. J’ai réalisé le générique à l’aide du tutoriel Motion Typo de [...]
NT
4 janvier 2009 6:22
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.