Loading ...
Dans ce nouveau tutoriel vidéo gratuit sur After Effects, nous allons apprendre à réaliser une animation typographique basée sur l’intro de mon showreel 2008.
A travers un découpage des lettres en plusieurs morceaux, nous allons apprendre à créer une animation dynamique et fluide pour faire apparaitre un mot.
- Découverte du module d’aide à l’animation « rebond » de l’excellent script duduf IK Tools, pour la création d’amortis paramètrables très aisément
- Utilisation des régles afin de créer des masques précisément en les snappant
- Décalage des textes dans l’espace 3D et jeux avec les ombres et les modes de fusion pour simuler une profondeur et un effet de miroir sur la matière
Publié le 05/05/2010
A propos de l'auteur
Mattrunks
Formateur After Effects et Motion Designer.
tim | 05 mai, 2010, 05:16
héhé c’est bien que tu est fait un tuto sur cet effet il est très sympa
!! vraiment bien celui la 
Agence web mikii | 05 mai, 2010, 10:08
Le rendu est vraiment très intéressant.. ! Merci
Number | 05 mai, 2010, 10:25
toujours sympa des tuto sur les typo
ptite question de bleu => comment on fait une preview en aller retour ?
Aïman | 05 mai, 2010, 11:42
excellent le tuto merci beaucoup
Bouenito | 05 mai, 2010, 13:22
Super instructif comme tuto je trouve, je me demandais comment tu avais fait pour ton showréel, maintenant je suis fixé ^^
Merci
felix | 05 mai, 2010, 13:24
Superbe ! Merci beaucoup !
YouGotPwnd | 05 mai, 2010, 13:50
Ca me fait penser à l’opening de ton Showreel. Très bon.
GuiX | 05 mai, 2010, 14:08
Excellent cette aide à l’anim’ de duduf!
M’en vais tester ça dès ce soir!
Super tuto comme d’hab’, bravo mister!
kiba | 05 mai, 2010, 14:24
Vraiment cool l’effet!
merci
bkan | 05 mai, 2010, 15:45
Classe!
Mais ça ne marche qu’avec des lettres bien droites et symétriques (avec des A, des K et des R, ce n’est pas la même!)
Franz | 05 mai, 2010, 16:34
Merci pour ce beau tuto !
Tjaak | 05 mai, 2010, 16:37
Merci Matt! C’est de loin mon tuto préféré, l’effet verre est vraiment très réaliste.
Bon par contre sur mon PC c’est vraiment hyper long à charger même en quart mais le résultat me plais vachement, merci à toi !
f4lco | 05 mai, 2010, 17:29
Tu gères
.
Thx
Sam | 05 mai, 2010, 17:38
Très simpa le tuto.
Je me disais que tu aurait probablement pu utiliser le script disponible avec un des tutorials de Andrew Kramer, mask_to_layer, au lieu de dupliquer 12 fois et devoir supprimer les masques après.
Bastéo | 05 mai, 2010, 18:48
Encore un très bon tuto!!!MERCI a toi!
Au faite grâce a toi et Copilot j’ai monter ma 1ére vidéo avec after effect si jamais ta 5minutes mate la:
http://www.youtube.com/watch?v=kFhtp1uBrk4
Bon c’est pas parfait,mais j’en suis content et c’est en grande partie grasse a toi!!!!!
MERCI!!!!
lord-prod | 19 jan, 2011, 15:04
respet pour toi bboy
Zeb | 05 mai, 2010, 22:22
ah encore un petit effet à capitaliser dans son esprit, très pratique le script Duff² !
Merci encore pour ton expérience.
ink | 06 mai, 2010, 00:33
merci pour ce tuto, et pour tout les autres. J’ai vu dans le tuto que tu avais CS5, est-ce que tu as testé pour voir si duik fonctionnait avec ?
Shavkatik | 06 mai, 2010, 02:35
Thank you Sir very Much! merci pour ce tuto
Kapoue | 06 mai, 2010, 06:02
Il existe un script qui qui transforme les masque en calque, il est dispo dans le tuto 86 de videocopilot
luantran | 06 mai, 2010, 15:18
wow, tuts nice, you can create tuts visual effects and matte painting in AE and upload to Web for everybody? Thanks
Thanks for share
Shyam | 06 mai, 2010, 19:05
trop bien !
Cordoba | 06 mai, 2010, 19:09
J’aurais aimé avoir le tutorial AE à downloader en CS3
Dommage qu’il ne soit qu’en CS4
Mais cela est super, excellant projet…
VJDESIGN | 06 mai, 2010, 22:10
merci, encore un bon tuto! et un bon script !
ahmed_chedly | 09 mai, 2010, 13:00
bonjour j’ai un problème je ne peux pas ouvrir la vidéo.
L’emplacement du lecteur reste blanc.
voici mon mail si quelqu’un trouve une solution merci d’avance.
merci pour vos tutos ils m’aident beaucoup
Bonne continuation
Lexaa | 09 mai, 2010, 13:29
Bravo Mattias,
Existe-t-il le script pour after fx cs5?
Merci
Betterman | 09 mai, 2010, 15:49
vrm beau tuto mais a quand va tu te mettre à la 3d? j’ai bien hâte de voir sa!!
Air | 10 mai, 2010, 21:40
Merci pour Ce beau tuto
Thomas | 11 mai, 2010, 20:50
Salut Matt
J’aimerai savoir si le scypte de duduf passe sur CS5 ou pas
Sinn ou est ce que je peux trouver la version adapté a CS5 ??
Merci d’avance
Misuwa | 17 mai, 2010, 16:48
Très sympa, merci beaucoup !
Par contre 33s de rendu c’est abusé, c’est quoi ta machine sérieux ? Moi je tourne avec une station dell T5400 : Quatro fx 3700 / 4 coeurs / 4 Go Ram et je n’ose même pas dire mon temps de rendu.
octopuskill | 14 août, 2010, 22:45
Hello,
I’m from London. I’m a really big fan of your work, you shown brilliance in this type effect.
Mattrunks | 15 août, 2010, 14:25
Hi from paris ! Thanks for the comment, I guess it’s not really easy to follow a french tutorial when you’re english !
badloc | 21 août, 2010, 20:29
tres nteressant merci pour ce jolie tuto en faite j’aime voir des tuto de cinema4D et After effects
renauld | 07 sept, 2010, 14:46
Bonjour !
Membre depuis peu, j’aimerai vraiment pouvoir réaliser ce super tuto sur les typos mais voilà : je n’arrive pas à le télécharger !
Une fois connectée j’essaie de le télécharger le tutoriel et le projet mais en vain ! C’est vraiment frustrant ! Ce tuto est vraiment ce que j’adrorerais faire et donc apprendre !
Pourriez-vous me dire comment faire !
Bien à vous !
ali minihadji abderemane | 29 sept, 2010, 00:19
slt jolie tuto merci bcp bon contunuation
smetee | 06 oct, 2010, 15:34
BONJOUR
Merci pour ce tuto. Par contre une question : peut-on diminuer le temps du rendu ?
merci
Psychedelic | 03 nov, 2010, 20:21
Salut à tous,
Super tuto, je voulais savoir si on pouvait avoir un script qui fait l’effet rebond pour CS5 ?
Le script de duduf ne passe pas sur mon mac avec after effect CS5 (cause certainement du 64 bits….)
Merci
Psychedelic
Mattrunks | 03 nov, 2010, 20:28
Hello, tu as bien téléchargé la dernière version ? Car je suis sur mac CS5 depuis plusieurs mois, et j’utilise ce script quasiment tous les jours, et sans soucis
Psychedelic | 03 nov, 2010, 20:33
Hum,
J’ai bien respecté l’emplacement d’installation et oui j’ai la dernière version…. mon after effect est tout neuf aucun soucis à ce niveau… Je vais recommencé tout de suite.
En plus il me paraissais bizarre que le 64 bits soit la cause du problème puisque c’est un script.
En tout cas merci de ta réponse rapide Mattrunks
Psychedelic
Psychedelic | 03 nov, 2010, 20:41
EDIT:
En effet erreur de ma part, je n’avais pas importer les fichiers images, le script ne pouvais fonctionner correctement sans. Ralalala…. pauvre de moi
Merci Matt
popopopo | 12 nov, 2010, 19:04
moi j’ai télécharger le scripte et je l’ai mis le truc apeller duik.sjx dans le dossier scriptUI panel mais que faut t-il faire du dossier duik11 parcequ quand je lance after effect et que je met la fenetre duix il me dise impossible d’executer le sript1734 a la lingne car le fichier ou dossier n’existe pas
aider moi merci
Filemans | 14 nov, 2010, 11:54
incroyable ce qu’on peut faire avec ce programme, merci beaucoup pour tes super tutos, très clair
popopopo | 14 nov, 2010, 13:09
hé ma question?? silvouplait
coyote37 | 16 nov, 2010, 12:58
la pub avant le stream ça craint a fond par contre….déjà avec youtube ça pousse au crime…
Mattrunks | 16 nov, 2010, 13:11
J’ai du faire une fausse manip’ sur blip car je pensais l’avoir coupé il y a longtemps après avoir testé pendant quelques jours.. Je viens de le couper, il faudrait peu etre attendre un peu le temps que ce soit effectif.
Par contre, le site à un reel coût, et tout ne pourra pas toujours être gratuit
kops17 | 16 nov, 2010, 13:42
moi j’ai télécharger le scripte et je l’ai mis le truc apeller duik.sjx dans le dossier scriptUI panel mais que faut t-il faire du dossier duik11 parcequ quand je lance after effect et que je met la fenetre duix il me dise impossible d’executer le sript1734 a la lingne car le fichier ou dossier n’existe pas
aider moi merci
Mattrunks | 16 nov, 2010, 13:44
http://www.duduf.com/ressources/duik/en/install.html
Il faut bien mettre le dossier avec les images également
kops17 | 16 nov, 2010, 20:39
ou les image??
shalun | 18 déc, 2010, 18:13
а где тут можно скачать файл проект?
taxigo | 28 jan, 2011, 11:33
good thankyou
flopeur | 07 mar, 2011, 19:18
Hello mattrunks!
merci pour ces excellents tuttos!
j’ai une question concernant l’intégration du texte dans la rotation y.
je crée le calque d’effets de glissière mais après c’est pas moyen de faire un copier coller dans les autres calques de la lettre ‘T’. il me met erreur sur la ligne etc.. j’ai donc essayer de cliquer sur rebond sur chacun des calques et de changer l’atténuation et l’élasticité, sans succès. pourrais tu me donner un coup de pouce pour continuer ce beau Tutorial? merci d’avance
peasquirrel | 09 mar, 2011, 18:19
Salut et merci pour ce tutoriel.
Question super importante et qui me bloque :
Lorsqu’il s’agit de modifier les coordonnées des calques, je me retrouve avec des calques qui bougent ensemble, alors qu’un seul est sélectionné, et alors que leurs limites de calque ne se chevauchent pas.
D’où cela peut-il provenir ??
Ça urge un peu ! Merci pour votre aide !
Peas.
peasquirrel | 09 mar, 2011, 18:28
Bon, j’ai pigé, ça vient de mes parentés. Je poursuis le tuto… Je ne pige pas pourquoi dans les parentés ne posent pas de problème avec tes lettres, je comprendrai sûrement plus tard…
Merci encore pour ce tuto !
Peas.
peasquirrel | 09 mar, 2011, 18:50
Oui, alors là, par contre, je ne pense pas que je vais trouver tout seul.
En espérant que vous aillez 5 minutes pour me l’expliquer.
Ça concerne le script de rebond.
J’ai fait comme prévu le calque d’effet, avec les deux paramètres.
Je fais correctement les deux liens.
Mais lorsque je fais Alt-Clic sur le chronomètre, et que je colle le contenu du calque précédent :
« Argument incorrect : Impossible de trouver l’effet nommé « rebond »
Expression désactivée
erreur dans la ligne 4
Comp : ’finale’
calque : 11 (’nom’)
Propriété : ’rotation x’
Késako ?
En attendant, je vais me les faire un par un…
Peas.
manvsparticles | 09 mar, 2011, 20:42
salut,
regarde bien que tu ne copie-colle pas une expression avec de mauvais nom de calque
et/ou effet.
parfois il arrive qu’on fasse test sur test, et au bout du compte on se retrouve avec des effets qui se nomme « nomdeffet01, nomdeffet02, nomdeffet03″ etc;
observe bien les noms de tout tes layers et effets et tu va trouver d’ou viens le problème je pense
salut
peasquirrel | 10 mar, 2011, 02:06
Merci beaucoup pour le tuyau, je regarde ça dès que je peux !
Peas.
mattrunks | 10 mar, 2011, 10:52
Attention, si tu cherches à copier un effet rebond, il ne faut pas juste copier l’expression. Sur le calque précedents, il y a des glissières qui ont été créées (tu pourras les trouver dans le panneau ‘effets’ de ton calque.) Il faut avant tout les copier également, car elles sont propres à chaque calque et l’expression en a besoin. Ou alors il faut que tu passes à chaque fois via le script Duik et son bouton Rebond, qui ajoutera tout automatiquement à chaque fois
peasquirrel | 19 mar, 2011, 18:27
C’est bon, merci !
Nouveau souci (dslé !) : lorsque je mets la lumière, et après avoir ajouté et mis derrière le calque de fond, je n’ai aucune ombre sous mes lettres…
J’ai pourtant mis la valeur d’intensité à 100% et coché « projette une ombre » pour chaque calque… comment est-ce possible de ne pas avoir d’ombre ?
Je dois avoir un souci quelque part, j’ai essayé avec une nouvelle compo et le résultat est le même : aucune ombre décalée par rapport à mes calques, rien de rien…
Des idées ? Merci à vous !!!
Peas.
manvsparticles | 20 mar, 2011, 00:35
salut
lis ce poste, peux-être que la solution est dedans
http://www.mattrunks.com/forums/faq-et-aide/probleme-lumiere-dans-le-tutos-floating-types#post-3867
peasquirrel | 21 mar, 2011, 12:29
Salut,
Merci pour ton aide.
Etant trop « jeune » sur AE, je n’ai pas résolu l’affaire avec l’explication donnée.
Voici le lien pour mon exemple, une compo AE : http://up.sur-la-toile.com/iKnC
manvsparticles | 21 mar, 2011, 14:29
re
la position en Z de ton plan et de ton texte sont tous les deux sur zero
du coup pas de projection d’ombre..
calque « grisunis2″ / position / met le Z à 10 par exemple
slt
peasquirrel | 21 mar, 2011, 15:31
C’était ballot…
Merci à toi
)
peasquirrel | 22 mar, 2011, 11:26
Salut,
N’ayant pas accès au forum, je me permets de poster ici. S’il y a un soucis, tu pourras effacer ce post…
C’est concernant le trapcode particular… j’ai installé la version d’essai, tout va bien. Mais j’ai juste une question : comment ralentir l’émission de particules ?
Je réalise un tuto sur la fumée avec un nuage comme image de base. Tout se passe bien à ce niveau, sauf que la fumée vient vers nous, beaucoup trop rapidement… Comment faire pour la ralentir, pour qu’elle puisse avoir une vitesse « fumante » ? J’ai essayé de jouer avec la caméra, mais ça ne va pas.
Le but étant que la fumée parte d’un point infime pour grossir en se déplaçant vers la caméra et en disparaissant derrière nous.
Le mouvement je l’ai, c’est juste la vitesse qui est bien trop élevée…
Une idée ?
Merci !
Peas.
manvsparticles | 22 mar, 2011, 13:23
re salut,
et oui on sort du contexte de commentaires..
Le forum va bientôt réouvrir (des réglages, encore des réglages ^^ )
particular/physics/ » Time factor » pour tes particules
(la recherche du forums est active, si tu à des problèmes, il est bien possible que tu y trouve ton bonheur)
slt
roter | 23 mar, 2011, 14:09
merci mon frere pour le tuto superb bon continuation
TIME*1000 THANKS
rajaa | 08 avr, 2011, 02:21
grazie per tuto … bon continuation ….
dance_crooner | 15 mai, 2011, 22:27
Salut, je voudrais savoir comment tu fais pour avoir une preview en aller/retour comme dans ta video ? merci, et au passage, très bon tuto comme tout les autres d’ailleurs
youbi | 20 août, 2011, 00:03
Encore merci pour tout ces tutos de qualité Matthias =)
Leito69 | 02 sept, 2011, 15:44
Merci pour ces tutos, ce sont les plus clairs que j’ai pu trouver sur le net, ils sont vraiment bien expliqués.
Y aurait-il moyen de donner de l’épaisseur aux lettre plutôt que de créer plusieurs couches? (désolé, cela fait moins d’une semaine que j’ai AE!) Les couches sont trop visibles sur mon rendu (j’ai CS5.5, et le mode que tu utilise a été remplacé par un autre approchant, mais pas identique…)
Oldman | 07 oct, 2011, 08:43
Hello, Je n’ai pas réussi à faire le joli effet miroir, (je suis too old :0( mais le tuto, en plus de la beauté de l’effet et de la découverte de Duduf et de son Duik (Gratuit et en français SVP :0) est une excellent exercice sur le « parentage » des calques et les rotations 3D.
Je n’ai pas lu tous les commentaires mais pour ceux qui ont CS5, j’ai eu aussi sur mon PC des problèmes au copier coller de l’expression et voici comment je les ai résolu.
1. Installation de Duik v 12.2 Copier le dossier Duik icons dans C:\Program Files\Adobe\Adobe After Effects CS5\Support Files\Scripts et dans le dossier « Script UI Panels » copier les deux scripts..jsx (C’est duik.jsx qui est utiolisé dans le tuto).
2. Collage des expressions. Cette version de Duik comporte un paramètre « Rebond » qui n’existe pas dans la version utilisée dans le tuto.
Dans le paramètres glissière, dupliquer une fois de plus le paramètre, le nomer « Rebond » et mettre sa valeur à 1 (je n’ai pas testé d’autres valeurs)
Sur l’expression, procéder comme pour les paramètres Elasticité et Attenuation. Il n’y a plus d’erreur au collage.
Pour les débutants sur PC, le raccourci pour faire varier le mode c’est SHIFT+ Underscore.
Merci à Mattias et Nicolas (Duduf) (où trouvez-vous le temps en plus de vos activités pro pour réaliser les tutos et scripts mis gratuitement à notre disposition ???? Sans doute formidables very young men!!!