Cette création est mise à disposition sous un contrat Creative Commons.
Bonjour à tous, dans ce nouveau vidéo tuto gratuit sur After Effects, nous allons voir comment recréer un effet d’encre liquide, à l’image des vidéos blow painting crées par universal everything pour AOL.
Nous utiliserons Trapcode Particular pour créer notre mouvement, ainsi que divers filtres natifs d’After Effects pour simuler la texture liquide.
Au programme cette fois çi :
- Utilisation du bruit fractal et de la dispersion pour modifier la postion des pixels d’une image suivant le noir et le blanc d’une référence
- Découverte de l’effet calorimétrique Colorama pour obtenir des dégradés aux valeurs multiples beaucoup plus riches
- Mise en place d’un système de particules avec particular pour créer un mouvement fluide et dynamique
- Création d’une particule customisée pour obtenir un résultat organique avec l’effet CC Smear
- Utilisation des caches pour masquer un calque suivant la couche alpha d’une référence
N’hésitez pas à envoyer vos créations dans les commentaires, et à partager vos astuces pour améliorer le rendu et peu etre trouver un aspect plus “liquide” si cela vous dit ! Bon tuto !


















4 février 2010 a 12 h 02 min
Ça fait plaisir
4 février 2010 a 12 h 56 min
Bonjourno ! Merci pour tout tes tutos, je viens de découvrir AE CS4 et grâce à test tutos je viens de prendre du Level :p
4 février 2010 a 14 h 30 min
merci pour ce nouveaux tuto avec un effet tres sympas!!
tu m as encore appris de nouvelles fonctionnalités d’AE
vivement le prochain !!
4 février 2010 a 15 h 13 min
Top
!
Encore merci pour ce tuto encore plus enrichissant ^^ !
4 février 2010 a 17 h 35 min
Merci pour ces tutos bien sympa!
4 février 2010 a 18 h 13 min
belle compostition en effet, merci pour ton retour…
4 février 2010 a 18 h 49 min
génial, merci pour ce tuto bien sympa
4 février 2010 a 19 h 58 min
Bravo super tuto mathias, et trés bonne réactivité !!
4 février 2010 a 21 h 14 min
Niquel ce tuto ! Dommage que je ne possède pas Particular =/.J’attends avec impatience les autres tutos ^^
4 février 2010 a 21 h 28 min
L’effet est fort sympathique…
4 février 2010 a 22 h 14 min
Salut,
Tout d’abord excellent tuto ! Merci beaucoup !
Après j’ai un petit problème que j’arrive pas à régler.
J’ai beau prendre la même typo que toi, j’ai toujours une petite bordure noire autour de mes lettres et ça pourris bien l’effet vu qu’on voit déja le mot ahah
Une idée d’où ça pourrait venir ?
Merci beaucoup
4 février 2010 a 22 h 15 min
ah et ma largeur de bordure est pourtant sur zéro px !
5 février 2010 a 0 h 06 min
J’ai déjà eu ce pb mais sur inDesign ! Une bordure visible malgré une largeur à 0. Pb que j’ai réglé en mettant la couleur de bordure en vide (carré blanc avec la diagonale rouge). Peut etre que cela fonctionnera aussi pour toi.
5 février 2010 a 2 h 10 min
salut a tous
toujours aussi sympa a suivre
5 février 2010 a 19 h 52 min
je fais comme “Fyfy93″ histoire de regler ça.
En revanche, j’ai une requête à demander à Mattias:
Si tu pouvais faire un de ces 4 un tuto qui explique comment faire un effet “tracet de crayon en mouvement”? s’il te plaît ça serait super.j’essaye de réalisé ça moi même depuis 3 mois… le résultat est pas mal, mais c’est pas vraiment ça….
si tu voix pas de quoi je te parle, regarde la vidéo de Jr CANEST, au début il y a cet effet tant convoité…
Merci de fond du coeur Mattias.
Si tu pouvais me répondre, ça serait chouette ^^
5 février 2010 a 22 h 48 min
jazzdamage => C pas ca http://www.finalclap.com/tuto/effet-trait-handwriting-33/ + police crayon ou outil plume
enfin suis pas le boss
5 février 2010 a 23 h 18 min
Number => nan c’est pas ça que je veux. je cherche à reproduire depuis 3 mois un truc dans le genre de ce qu’il y au début de la vidéo de Jr CANEST. lui il utilise pour faire un cadre mais l’idée de l’ecriture est pas mal aussi. je me casse la tête a faire un des deux ! il doit me manquer un effet… si quelqu’un peut m’aider please?
6 février 2010 a 0 h 14 min
envois le lien de la vidéo de jr CANEST, ca aidera pour ceux qui comme moi connaisse pas
6 février 2010 a 5 h 30 min
sympa l’effet…
6 février 2010 a 9 h 00 min
Mat hi! It is very sad that you don’t have your tutorials in English, I hope someday you will do it )) I like your tutorials,but I can’t understand, you have a lot of great tutorials for us to learn.Thanks
6 février 2010 a 9 h 53 min
Number => merci pour ton aide. je prend Jr CANEST comme exemple, http://www.mattrunks.com/motion/fluide-rythmee-fun-et-sympa-lanimation-parfaite-sur-after-effects , mais il y en a pleins d’autres. Je cherche à réaliser Le “tracet crayon en mouvement” au 2 premières secondes de la vidéo. C’est un effet qui peut ensuite être super pratique tant pour du texte que pour de la structure comme Jr CANEST…
Merci tout le monde
6 février 2010 a 9 h 55 min
( et en plus tu connais cette vidéo “Number” )
6 février 2010 a 12 h 01 min
Pour Jazz, je sais pas si cela peut te convenir mais j’ai trouvé cela :
http://ae.tutsplus.com/tutorials/motion-graphics/create-an-elegantly-handwritten-text-reveal/
En anglais mais bon ca ce comprend facilement je penses.
6 février 2010 a 12 h 27 min
très astucieux l’effet turbulence pour donner l’effet liquide moi qui rechercher sur ae a faire du liquide
6 février 2010 a 12 h 57 min
Jazz => oui effectivement j’avais deja vue
, j’ai fais un truc similaire
méthode de buse aussi
toshop, tu créer un cadre puis un autre que tu décales et un autre et un autre
et après tu animes tous ça sous AE et le tour et jouer
maintenant tu peux sûrement faire plus simple avec AE direct
Tiens nous au courant
6 février 2010 a 14 h 46 min
Jazz => test effet echo sur ton cadre avec un peu de flou
6 février 2010 a 15 h 16 min
oh non, des tutos en english y’en a plein déjà…
j’ai remplacé textured polygon dans effet trapcode particular v2 par Custom fill pour version 1.5 et non custom particule.
6 février 2010 a 15 h 16 min
oups, l’anonyme c’est moi
6 février 2010 a 18 h 37 min
Fyfy93 => merci pour ton aide, mais je ne cherche pas a produire ça. Cependant, je jeterai aussi un coup d’oeil à ton truc plus tard, ça a l’air interessant…
j’adore ta première méthode c’est sans doute très efficace… bon la deuxième je l’ai déja essayé mais c’est pas vraiment ça. en tout cas merci de m’aider
. mais je pense que quelqu’un ici sait comment procéder… Mattias?
.
Number =>
7 février 2010 a 16 h 05 min
Juste Magnifique !
7 février 2010 a 16 h 50 min
Merci pour ce tuto j’ai eu quelques difficultés mais résolu grâce a tes explications
8 février 2010 a 18 h 47 min
Content que le tuto vous ai plu !
Pour le problème de Jazz Damage :
Concernant l’effet crayon au tout début de la vidéo de Canest, je pense que cela ne sert a rien de se prendre la tete à vouloir recréer un effet naturel sous AE, quelque fois faire les choses pour de vrai permet de gagner beaucoup de temps
Donc moi pour faire cet effet, je prendrai un bic, une feuille blanche, je gribouillerai 4/5 dessins de carrés, que j’importerai en séquence d’image à une fréquence de 3/4 img/sec, en boucle, en négatif et avec le mode de fusion qui convient pour récupérer ton tracé en blanc sur fond transparent.
Je pense que le tuto de Yann pourra t’aider, sur cet effet cartoon :
http://atomeprod.free.fr/ae/tut5.php
8 février 2010 a 21 h 10 min
Matt a toujours le dernier mot ^^
9 février 2010 a 17 h 30 min
Merci Mattias, je n’avais pas du tout pensé à ce truc (c’est parceque j’utilise peu les séquences d’images, et j’utilise peu photoshop…)
Merci beaucoup
9 février 2010 a 18 h 34 min
Classe Mattias ! Merci
11 février 2010 a 15 h 12 min
THX for Tutorial.
But.. Where’s this option??Oo
http://s006.radikal.ru/i214/1002/09/6ce73490390a.jpg
12 février 2010 a 15 h 02 min
Nouveau sur le blog, je tiens à en saluer sa qualité.
Merci Mattrunks
14 février 2010 a 16 h 07 min
salut mattrunks
voila j ai un petit souci sur Ae Cs4, je n’arrive plus a avoir du “temps réel” sur ma timelines, j’ai beau la bougé de gauche à droite, l’effet ne s’applique que lorsque que je lâche le bouton de ma souris, c’est assez stressant surtout que j’ai vraiment envie de m’y mettre , j’espere vite avoir une réponse .
Super Tuto .
14 février 2010 a 17 h 38 min
Sacré mattrunks tes un killer !
et tu ma appris tellement de chose
passe faire un tour sur mon blog et laisse ta trace ca me ferai grave plaisir !
En attendant le prochain tuto !!
16 février 2010 a 5 h 04 min
starji => l’icone petite enveloppe au dessus de la timeline…
17 février 2010 a 11 h 17 min
Super mais je n’ai pas Particular donc je suis bloqué… Y’a pas moyen de faire sans ?
17 février 2010 a 11 h 25 min
–> Sequal / je croit que ya toujour moyen avec l’effet cc particle world …
17 février 2010 a 19 h 35 min
ptite anim sous flash (bon je c que c pas trop le sujet ici mais bien trippé dessus)
http://fc01.deviantart.com/fs13/f/2007/077/2/e/Animator_vs__Animation_by_alanbecker.swf
18 février 2010 a 9 h 40 min
Merci timodesign mais je vien a peine de commencer avec After Effects CS4 donc je sais pas comment fontionne CC particle World… Tu peux m’aider stp ?
18 février 2010 a 10 h 42 min
tiens Sequal =>
http://www.videocopilot.net/tutorial/particle_explosion/
tape dans google tu en a pas mal sur le net
oubliez pas “google et votre amies ^^”
18 février 2010 a 16 h 41 min
jaime bien cette phrase ^^
Je connait videocopilot, je vais voir merci!
22 février 2010 a 10 h 28 min
Merci pour ton boulot, chouette tuto.
22 février 2010 a 23 h 30 min
Merci beaucoup Matt pour ce tuto génial. C’est hyper ressemblant par rapport à la vidéo d’AOL, bravo!
Number => impressionant ton anim!
23 février 2010 a 9 h 45 min
Val => c pas de moi (je voudrais bien ^^)
23 février 2010 a 10 h 01 min
Super le tuto mais je suis un peux dégouté, je suis bloqué à l’endroit ou il faut mettre comme effet l’effect “disnort” (Je ne l’ai pas)
si quelqu’un pourrais me donner un lien pour télécharger ce fichier sa serais vraiment sympathique.
Merci d’avance^^
23 février 2010 a 11 h 04 min
Sym => C pas “dinort” mais “distort”
24 février 2010 a 0 h 04 min
MERCII beaucoup Pour tout tes tutto, t’explique super bien j’ai jamais vue ca man, les choses parèsse vraiment accéssible a tous grace a ca, je sais pas si tu fait ceux de photoshop aussi, j’ai cru reconnaitre ta voi lol en tout tout les tuttos sont vraiment parfait merci encore d’avoir pris le temps de les faire et de les difuser !
24 février 2010 a 10 h 11 min
51.
Oui je me suis trompé mais je ne l’ai toujours pas ce distort
1 mars 2010 a 18 h 31 min
salut matt, sais tu ou telecharger le plugin trapcode car du coup je suis bloqué au milieu du tuto , j’ai AE cs4….merci mec
2 mars 2010 a 1 h 07 min
greg => http://www.redgiantsoftware.com/products/all/trapcode-particular/
4 mars 2010 a 23 h 32 min
trapcode devrais faire des efforts sur leur prix
plug top mais leur tarif super pas cool
5 mars 2010 a 18 h 46 min
Excellent tuto !
Par contre quelqu’un pourrait me dire comment faire pour avoir le liquide avec une couleur noir, un peu comme de l’encre ?
Merci d’avance !
7 mars 2010 a 0 h 59 min
Sur la fin, il aurait fallu écrire Hell-O quand tu remets le négatif, avec le feu
Pour Ryuk, j’imagine qu’en mettant comme effet une teinte/ saturation en mettant la saturation à 0 tu devrais te retrouver avec des niveaux de gris.
Il y a surement plus simple de toute façon.