Loading ...
Dans ce nouveau tutorial vidéo sur After Effects, nous allons nous intéresser à l’animation typographique ! C’est un sujet que j’affectionne particulierement, et les techniques présentés dans cette formation poseront de très bonnes bases pour l’animation de texte caractère par caractère, en 3D, et de manière fluide.
- Découverte de l’animation avec la 3D caractère par caractère
- Animation des caractères, puis des mots, pour obtenir des entrées et sorties de champs fluide
- Réglages et lissage des animations pour amortir l’arrivée des lettres
- Création d’un environnement type cyclo blanc, a partir de simples solides et calques de formes
Publié le 20/07/2010
A propos de l'auteur
Mattrunks
Formateur After Effects et Motion Designer.
f4lco | 03 août, 2010, 01:42
Absolument excellent comme tuto !
.
Simple à comprendre, rapide à faire et très efficace pour donner vie aux typos.
Il me tarde de tester ça
Tes petites astuces et conseils sont vraiment les bienvenues.
Merci.
PS : Pour le nouveau design du site , je le trouve épuré et sobre, les couleurs sont classes et la touche orangé est bien assortie avec parcimonie.
Bon choix à toi et beau boulot le designer du site, ainsi qu’à l’équipe évidement.
luantran | 03 août, 2010, 04:41
great
Mister Gü | 03 août, 2010, 10:08
Très très bien ce nouveau tuto!
On voit que tu aimes l’anim de typos. C’est fluide et organique!
Un grand bravo
timodesign | 03 août, 2010, 14:12
super super tuto
Kynohsio | 03 août, 2010, 16:08
Très bon tuto, bravo.
J’uploaderai ce que j’ai fais dans la journée, seulement c’était ma première « vrai » animation dans After Effect (je n’ai commencé qu’hier ^^), mais je n’arrive pas à mettre du son, comment faire ?
J’importe bien le fichier et je le déplace dans la composition finale, lorsque je prévisualise la musique y est bien, mais dans le rendu final enregistré non. :/
Merci de m’aider. ^^
bol2riz | 03 août, 2010, 16:29
@Kynohsio :
Dans la file d’attente des rendus > dans les paramètres du modile de sortie tu as une case à cocher en bas « sortie audio » par défault il est désactivé.
Bol2
Kynohsio | 03 août, 2010, 16:52
Merci pour ta réponse, mais je ne peux pas cocher « rendu audio », c’est normal ?
Voici ce que cela me donne : http://zepload.com/images/1280846850_Sans%20titre2.png
Kynohsio | 03 août, 2010, 17:16
Finalement j’ai trouvé comment faire pour cocher cette case, merci Bol2.
Thomas | 03 août, 2010, 17:47
Super tuto ! Pleins de bonnes astuces.
Darkshark | 04 août, 2010, 02:32
Salut, je suis tunisien et aparament le site ou tu hebérge tes videos est censuré. Je voudrais savoir si y a d’autres versions des tutos hebergées sur d’autres sites
Merci pour votre aide
Mattrunks | 04 août, 2010, 08:53
Hello, tout comme sur l’ancienne version, tous les tutos sont hébergés chez Blip.tv. D’autres lecteurs tunisiens m’avaient reporté le problème, et passaient via des proxys. Je n’ai pas trop de solutions, la consommation se compte en téra par mois, cela serait trop gourmand pour mon serveur en plus du site. Et je crois qu’il n’y a que vimeo qui est accessible chez vous, et ils n’autorisent pas l’utilisation de leur plateforme sur les sites ayant une zone premium (comme aetuts ou le mien dans quelques temps)..
Skills | 05 août, 2010, 19:08
J’aime j’aime j’aime! Un grand merci pour tes Tutos gratuit qui me sont d’une grande inspiration !!!!!
adrian3d | 05 août, 2010, 19:50
C’est possible de télécharger le tuto? J’ai eu des problèmes pour le lire hier. Peut être est-ce du à la fameuse censure. En tout cas, tout semble rentré dans l’ordre et le tuto est magnifique et toujours d’une grande originalité! Il sera bien utilisé puisque je m’en sert pour un menu de DVD. J’essaierai d’uploader le rendu. Grand bravo encore!!
top zoom | 06 août, 2010, 18:20
Super, quoi qu’il en soit avec Mattrunks on apprend toujours des trucs sympas qui sont vachement util. Encore merci
Dino | 07 août, 2010, 03:07
It’s a very great tutorial I liked it.
NICEEEEE WORK! thank’s
Bigoudy | 07 août, 2010, 07:55
Merci beaucoup !
C’est clair, précis et le résultat est très pro !
waurelien | 08 août, 2010, 19:41
Merci pour ce tuto le résultat est très beau.
Aurait-tu des conseil à donner pour optimiser les performances d’After Effects CS5 ? j’ai fait les même manips et vers le milieu du tuto ça ramé beaucoup. La « Mise à jour automatique » est activée; caméra intégrale ou un quart ne change pas grand chose.
Je suis sur pc Seven 64bits avec un quad core i7, 6go de ram et une bonne carte graphique (Radeon HD 5850).
Faut-il toucher à quelque chose dans After ?
merci.
dcp91 | 11 août, 2010, 16:25
Bravo pour ces tutoriaux toujours très bien commentés et détaillés
bodysong | 11 août, 2010, 18:21
Merci et bravo pour ce tutoriel instructif et intéressant !
Parfait pour accompagner mon apprentissage.
Bonne continuation.
Ahix | 12 août, 2010, 03:53
@skateordie-16: C’est une police payante, je n’pense pas que tu puisses l’obtenir gratuitement légalement.
Très bon tuto ! J’adore les effets typographiques et sur ton site on est servit
! J’espère que tu va continuer à en pondre.
Bonne chance pour la suite.
Misuwa | 15 août, 2010, 02:34
Franchement l’effet est top, tu m’énerves
J’adore aussi tes combos de réglages comme tu dis, et mes fichiers de presets chauffent à chaque fois ! Voilà encore merci, tu nous (en tout cas moi) fais aimer after de + en + et c’est pas rien, adobe devrait te rémunérer…
Mattrunks | 15 août, 2010, 14:23
Content que mes petites astuces de réglages t’aient plu ! Et merci pour le message, si tu aimes de plus en plus after grâce a mes tutos, alors j’en suis ravi, ils sont utiles
rahan84 | 17 août, 2010, 00:51
Excellent !! Merci beaucoup ! C’est accessible même aux grands débutants (comme moi) tout en étant furieusement classe et aisément « assaisonnable »
Je m’éclate ! Vraiment merci
Gm syrus | 18 août, 2010, 18:37
salut
j’ai un petit problème,je peut pas voire les tuto sur le site , merci de m’aider c urgent .
Mattrunks | 18 août, 2010, 18:53
C’est a dire ? Es-tu allé dans l’onglet tutorial de cette page ? http://www.mattrunks.com/tutoriaux/animation-typographie-kinetype-floating-type-animation-de-caracteres-avancee-3d/?tab=1
Peu etre que tu te trouves dans un pays qui à interdit l’accès a certaines plateformes vidéo ? Dans mon cas, les tutos sont hébergés par les américains Blip.tv. Si tu n’arrives à lire aucune des vidéos de leur site http://blip.tv/ , alors je ne pourrai malheureusement pas t’aider
Ilir | 21 août, 2010, 02:05
Nice text FTW
Merci
Nils | 23 août, 2010, 15:18
Merci maitre pour ce tutorial, c’est toujours un plaisir d’apprendre after effect avec vous
duryfifi | 24 août, 2010, 13:37
Je découvre votre site avec ce tuto. Très clair et très sympa. Bien vu.
seth | 25 août, 2010, 16:13
looks amazing….
Grafik_fighter | 25 août, 2010, 20:44
Bonjour
Je fais comment pour télécharger ce tutorial?
car au bureau j’ai pas accès aux vidéos du site, donc j’aurai pu regarder çà dans le train.
Bàt,
Snake Plissken | 25 août, 2010, 21:05
Salut,
J’avais pas trouvé de site french valable traitant de AE, je surfais que sur des sites anglais. J’ai découvert ce site grâce au Tweet d’A. Rabinowitz concernant le post de tes presets Trapcode sur RedGiantPeople. Ils sont cool, surtout celui de Form.
C’est du tuto bien cool, résultat vivant c’est un fait. Peut-être un peu longuet mais il faut penser aux débutants il est vrai …
Juste une remarque : pour éviter de passer par la boîte de dialogue de changement de mode des couleurs, on peut cliquer sur la zone indiquant 8, 16, ou 32 bpc tout en maintenant la touche Alt enfoncée.
Dès lors ca switche entre 8 -> 16 -> 32 bpc et le résultat est visible direct en live, donc pratique si on veut montrer une différence d’effet comme avec la lueur diffuse.
Voilà je pense revenir souvent voir ce qui se fait ici et mettre quelques posts.
NB : super qualité vidéo, mais bon sang c’est loooooooooonnnnng à charger … y’a pas moyen de compresser un peu plus ??
antisthenes | 26 août, 2010, 03:24
Un ENORME MERCI pour ce tuto genialissime ^^ mon premier pour after effects ^^
Christophe
zakho | 28 août, 2010, 15:22
Hey très beau Merci tutoriel.
Mais je me demande où je peux trouver le lien pour télécharger le projet de stage
echap-35 | 01 sept, 2010, 13:14
Très bien se tuto je voudrais le telecharger cela est il possible si oui comment car je ne voit aucun lien
Merci d avance
echap35
pikachu | 02 sept, 2010, 11:33
« activé 3D par caractère » ne s’affiche pas sur mon after effect
mickaeltheHOD | 04 mai, 2011, 23:52
J’ai eu pareil, c’est sans doute parce que tu as after effect 7.0, il faudrait que tu te procures CS5.
seast | 03 sept, 2010, 20:45
nice, light,typomotion
nabilovic | 05 sept, 2010, 01:02
bjr a tous ….svp aide moi comment fair pour telecharger les tuto sur mattrunks……………et merci
jijimarc | 11 sept, 2010, 12:09
Merci pour ce terrible tuto…
J’ai particulierement aimé ton set up d’eclairage, avec un petit mode de fusion produit au sol !
Merci encore et tres bonne continuation à toi.
@+
tenoch | 30 sept, 2010, 18:28
NICE
Tikayt | 01 oct, 2010, 17:57
So great, very fluid, very pleasant to do and to look !
Merci
thetwins | 02 oct, 2010, 23:05
Need help please.
Dont work for me no one video !
Thanks
Choco | 05 oct, 2010, 10:22
Encore un super tuto!
Mais j’ai quelques souci avec celui là, le calque sol reste opaque qd je clic sur 3D, (il est au-dessus des autres et la typo n’ apparait pas) et les ombres des typo ne se projettent pas…
je ss sur CS5, y a t-il d’autres techniques?
spyder | 05 oct, 2010, 16:05
merci pour ce tuto
ali minihadji abderemane | 08 oct, 2010, 12:26
excellent travail merci pour tous que tu fe pour nous ainsi qu’à l’équipe évidement. ducourage
sangare abdoulaye | 11 oct, 2010, 20:46
cmmt faire télecharger les tuto
Mattrunks | 14 oct, 2010, 20:19
Les tutos ne sont pas disponibles au téléchargement pour le moment. Un peu plus tard dans l’année, ils le seront tous
Manheman | 14 oct, 2010, 08:35
J’ai commencé une formation after effects et je dois dire que ce genre de tuto me motive vraiment à me former à cet outil !
Voilà une bonne base pour réaliser d’autres effets sur du texte.
Merci pour ce partage !
Mac_n_Jack | 14 oct, 2010, 19:55
Bonsoir,
Savez-vous s’il est possible d’animer une image de la même manière que la typo sous After Effect?
En gros, comme l’un des caractères, l’image apparait puis s’envole.
Désolé si ma question est stupide, je débute juste. Au passage merci Mattrunks pour tes Tutos vraiment sympas et pertinents.
Mattrunks | 14 oct, 2010, 20:18
Oui bien sur, mais de manière plus traditionnelle, en animant manuellement ton image, et en jouant sur sa position, echelle et rotation, en mode 3D
Si tu as plus de questions, je te conseil de regarder d’autres tutos, et les principes rentreront petit à petit, et sinon, le forum est ouvert pour tes futures questions 
kikmimaru | 20 oct, 2010, 20:11
Hello les gens, alors deja pour commencer je tient a dire que se tuto (rendu compris) est énormément excellent
Cependant j’ai une question qui persiste….
J’aimerais intégrer cet effet a mon rapport de stage ( pour un bts en alternance et blablabla je raconte ma vie ^^), et a la fin il y aurait le logo de mon entreprise (pour faire simple sa ressemble a un ventilateur avec 3 pales de couleurs) et j’aurais aimer faire arriver chaque calques de e logo (3 pour chacune des 3 pales) a la manière du floating types de se logo.
Ouh vous vous dites qu’on a affaire a un chiant…. je répondrais que oui ^^
Merci de vos réponses et surtout bonne continuation
kikmimaru | 21 oct, 2010, 08:13
J’ai bien vu que Mac_n_Jack avais demander la même chose mais pour les calque (venant de photoshop) je ne trouve pas le mode 3D
winch | 21 oct, 2010, 11:08
Super travail !
ikilic | 01 nov, 2010, 22:45
thanks
christian | 04 nov, 2010, 11:20
merci pour tous ces exellents tutos et le temps consacré pour aider les autres .
jcava2001 | 08 nov, 2010, 18:08
Salut à tous et bravo pour se super site
Voila je vient de réaliser se tuto à ma façon (4 h quand même) et oui c’est la première fois que j’utilise after efect.
Et j’ai une petite question comment faire l’effet des lettres qui se décompose vers le bas dans la video de misuwa ?
J’ai chercher et je n’ai pas trouver dans ae.
Merci de vos réponse ++
actuvirus | 15 déc, 2010, 23:44
Sympa comme tuto
Je débute en graphisme et j’avoue que j’ai pas encore saisi tout l’ampleur des infos ^^ Mais bon on va faire au mieux 
Et joyeux noel à tous !
zh2o | 20 déc, 2010, 04:48
Chapeau bas.
Mugenjin | 22 déc, 2010, 15:49
Je m’y suis mis hier et le résultat dépote bien. Merci! Vais scruter ton site avec la plus grande attention.
bem | 10 jan, 2011, 20:06
merci infiniment
j’ai pu faire ma première compo sous after grâce à ce tuto très pédagogique.
Et je ne vais pas m’arrêter là, tu m’as donné envie d’aller voir ce que cache tout cela.
Encore merci
adyldesign | 11 jan, 2011, 18:04
très bon travaille merci a toi en attente de voir d’autres nouvelles création respect
profet02 | 21 jan, 2011, 17:55
meeeeeeeeeerrrrrrrrrrrrrrcccccccccccccciiiiiiiiiiiiiii
marine | 25 jan, 2011, 00:35
Bonjour, je découvre CS5 depuis 1 semaine et j’avoue que sans aide de tuto c’est assez galère.
alors merci et Bon café !
oxel | 27 jan, 2011, 23:10
entouka ton site mapren bokou de choz felicitation et grand merci du partage de ton savoir
je me suis instalé o congo en afrik et jai ouvert un studio video et audio entouka je conte alé loin avc té tuto
helegion | 02 fév, 2011, 05:49
Merci à toi pour ce tuto encore une fois très bien fait. Il m’a bien servi et resservira encore
Bonne continuation.
louf8247 | 21 fév, 2011, 16:52
encore un très bon tuto, j’ai commencé a faire qques tutos sur tuto.com (certains des tiens) mais ici c’est génial ! Je suis débutant, j’apprend beaucoup et les explications sont vraiment très claire. Merci et longue vie a ton site.
ps: il est très possible d’utiliser une autre typo.
molonov | 23 fév, 2011, 12:35
merci pour ce tuto, excellent, le rendu est vraiment superbe !
souhail22000 | 06 mar, 2011, 13:56
bjr , ce tuto est vraiment excellent, je suis new ici , je veux seulement savoir est ce que je peux telecharge ce tuto ou non, aide moi stp et merci
josephine | 15 mar, 2011, 14:05
Bonjour,
j’ai fait ce tuto plusieurs fois et pourtant j’ai toujours le même problème :
l’animation de la position de mon écriture ne veut pas se faire, que je la change manuellement avec les axes x,y,z ou que je rentre les mêmes valeures que sur le tuto. Mon texte reste au même endroit, avec la même position, il ne se met en mouvement que lors des autres réglages. j’ai pourtant bien animé la 3D par caractère et suivi le reste des instructions…
est ce quelqu’un voit d’où peut venir ce problème ?
Grafik Vibz | 22 mar, 2011, 03:40
une vraie bombe ce tuto, ouf enfin je tombe sur du vrai !
Thanx man !
Rodrigo | 07 avr, 2011, 05:01
i need the proyect
JJ | 17 avr, 2011, 23:38
Is there a project file?
Warllock | 20 avr, 2011, 23:31
Très bon tuto mais attention a ne pas allez trop vite dans les explications car étant débutant, je me suis plusieurs fois « perdu » dans le tuto. ;O)
Bon, en même temps vous me direz que ce tuto et classé moyen au niveau de difficulté… ^^
mickaeltheHOD | 04 mai, 2011, 23:55
Pareil que Warllock ce tuto était mon premier et aussi ma première réalisation et j’avoue mettre perdus quelques fois sinon tu expliques très bien ^^ donc un grand merci à toi =)
elfeblue | 15 mai, 2011, 15:12
Salut !!
J’ai un gros soucis, je n’arrive plus à visionner tes videos (enfin les 3/4 de tes videos) alors qu’avant je n’avais aucun pb ! J’ai désinstallé et réinstallé quicktime mais tjrs rien. Je réside bien en France, j’ai été sur le site blip.tv et là y’a pas de pb je vois leurs vidéos… Je ne sais plus trop quoi faire… Merci à toi si tu vois ce que je pourrais faire.
bratoz | 22 mai, 2011, 15:28
Cool!!!
waym | 16 juin, 2011, 16:37
Super tuto encore une fois merci beaucoup !
adobzen | 19 juin, 2011, 17:33
hi, I need a help
how can I move a text from one place to enother place, like it’s coming out from something and then compare
thanx
ericg12 | 20 juin, 2011, 21:03
Bravo pour le tuto très bien expliqué. J’ai appris beaucoup de choses. Maintenant, je dois faire mon travail perso.
ericg12 | 22 juin, 2011, 02:09
à la fin du tuto, si j’essaie de changer la couleur des caracatères, ils restent noirs……… le selecteur de couleurs m’indique que les lettres sont rouges p.ex mais au rendu, elles sont noires….. qué pasa ???
tomdavidson | 04 juil, 2011, 13:57
Merci Mattrunks pour ce super tuto !!
On comprend tout très bien, malgré quelques difficultés à trouver les bons effets dans la version anglaise (j’ai préféré l’installer en Anglais…).
Un très très grand merci !
transmut | 27 juil, 2011, 23:00
franchement c’est du tuto de luxe !
étant débutant sur cs5 il m’a fallu m’y reprendre à plusieurs fois, faire plein de pause, régler, re régler, mais même si le résultat n’est pas encore parfait, c’est déjà vraiment très sympa comme résultat.
Je trouve que ce coté animation de typo donne une vie au texte.
coté apprentissage, je dois avouer que c’est une manière élégante de découvrir les fonctions cachés.
magnifique !
merci encore et a bientôt pour d’autre tuto !
Mexance | 28 juil, 2011, 02:06
Incroyable !!!
Depuis que j’ai découvert ce site, j’y suis accroché, tellement les tutos sont clairs et faciles. Au début, ne sachant utiliser que Photoshop, j’avais peur de me lancer dans After Effects, car il me semblait trop touffu comme logiciel. Mais maintenant je vois plus claire, et grâce à toi je réussi même à faire mes propres compos.
Merci beaucoup Matt, car une initiative comme la tienne est à féliciter. Continu comme-ça, tu as tous nos encouragements.
bernard | 25 août, 2011, 16:10
bonjour,
je n’arrive plus a visionner les tutos+ video au format quicktime ( version 7.7 vista 64)
… s’affiche un gros « ? » sur le logo quitime
Une solution ?
d’avance merci
Clement Hazan | 27 août, 2011, 01:46
Super tuto !
Je suis débutant et j’ai absolument tout compris, ce tutoriel est très claire et bien expliqué !
sangey lama | 10 sept, 2011, 22:39
bonjour my friend, very nice tutorial. i Like the way you have shown every detail. thank you so much…..
Quebecrider | 22 sept, 2011, 17:17
Bonjour je suis nouveau sur le site et j’ai un souci ! si quelqu’un peut m’aider s.v.p, je n’arrive pas a lire les video. L’image est tout noire et rien n’apparais et cela arrive sur tout les video du site.
Frenchysam | 30 sept, 2011, 10:27
Gé-nial !
Même en étant un débutant qui panne rien, j’ai parfaitement réussi à mettre ça à ma sauce !
Tu as vraiment un don pour la pédagogie (-;
LiorAttia | 16 oct, 2011, 23:09
Merci mille fois de m’avoir fait aimer after!
Eden | 16 oct, 2011, 23:39
salut je ne peux pas voir les tutoriaux, comment résolut ce problème.
merci d’avance
JCSKOLL | 16 nov, 2011, 08:57
Simple, efficace, INDISPENSABLE, Merci encore.
fabricole | 21 nov, 2011, 10:22
Merci !
un vrai travail de pro.
Cronos93120 | 25 nov, 2011, 17:01
Mon premier tuto sur After Effect ! Très beau tuto.
Merci !
dededude | 14 déc, 2011, 16:59
Waaaaouuu, magnifique.
Mes premiers pas sur After Effect vont commencer avec ce tuto.
Un grand merci
dededude | 14 déc, 2011, 17:04
En plus, tu as le sens pédagogique, parfait…encore merci!