Loading ...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.
- 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
Publié le 04/02/2010
A propos de l'auteur
Mattrunks
Entre Motion Graphic Designer et formateur, j'essaye de transmettre ma passion pour l'animation en produisant des tutoriels vidéos sur After Effects. Plus d'infos
Maxlefun | 04 fév, 2010, 12:02
Ça fait plaisir
Fyfy93 | 04 fév, 2010, 12:56
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
cortex | 04 fév, 2010, 14:30
merci pour ce nouveaux tuto avec un effet tres sympas!!
tu m as encore appris de nouvelles fonctionnalités d’AE
vivement le prochain !!
Demix | 04 fév, 2010, 15:13
Top
!
Encore merci pour ce tuto encore plus enrichissant ^^ !
SirClouD | 04 fév, 2010, 17:35
Merci pour ces tutos bien sympa!
jazzdamage | 04 fév, 2010, 18:13
belle compostition en effet, merci pour ton retour…
Flosk | 04 fév, 2010, 18:49
génial, merci pour ce tuto bien sympa
DZC | 04 fév, 2010, 19:58
Bravo super tuto mathias, et trés bonne réactivité !!
Bouenito | 04 fév, 2010, 21:14
Niquel ce tuto ! Dommage que je ne possède pas Particular =/.J’attends avec impatience les autres tutos ^^
Nikko | 04 fév, 2010, 21:28
L’effet est fort sympathique…
Guitz | 04 fév, 2010, 22:14
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
Guitz | 04 fév, 2010, 22:15
ah et ma largeur de bordure est pourtant sur zéro px !
Fyfy93 | 05 fév, 2010, 00:06
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.
Number | 05 fév, 2010, 02:10
salut a tous
toujours aussi sympa a suivre
jazzdamage | 05 fév, 2010, 19:52
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 ^^
Number | 05 fév, 2010, 22:48
jazzdamage => C pas ca http://www.finalclap.com/tuto/effet-trait-handwriting-33/ + police crayon ou outil plume
enfin suis pas le boss
jazzdamage | 05 fév, 2010, 23:18
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?
Number | 06 fév, 2010, 00:14
envois le lien de la vidéo de jr CANEST, ca aidera pour ceux qui comme moi connaisse pas
Amstudio.fr | 06 fév, 2010, 05:30
sympa l’effet…
Ramzes | 06 fév, 2010, 09:00
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
jazzdamage | 06 fév, 2010, 09:53
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
jazzdamage | 06 fév, 2010, 09:55
( et en plus tu connais cette vidéo « Number » )
Fyfy93 | 06 fév, 2010, 12:01
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.
timothé | 06 fév, 2010, 12:27
très astucieux l’effet turbulence pour donner l’effet liquide moi qui rechercher sur ae a faire du liquide
Number | 06 fév, 2010, 12:57
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
Number | 06 fév, 2010, 14:46
Jazz => test effet echo sur ton cadre avec un peu de flou
Anonyme | 06 fév, 2010, 15:16
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.
jah | 06 fév, 2010, 15:16
oups, l’anonyme c’est moi
jazzdamage | 06 fév, 2010, 18:37
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 =>
Cyrbyz | 07 fév, 2010, 16:05
Juste Magnifique !
majorlefou | 07 fév, 2010, 16:50
Merci pour ce tuto j’ai eu quelques difficultés mais résolu grâce a tes explications
mattias peresini | 08 fév, 2010, 18:47
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
Demix | 08 fév, 2010, 21:10
Matt a toujours le dernier mot ^^
jazzdamage | 09 fév, 2010, 17:30
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
Zeb | 09 fév, 2010, 18:34
Classe Mattias ! Merci
SALAT | 11 fév, 2010, 15:12
THX for Tutorial.
But.. Where’s this option??Oo
http://s006.radikal.ru/i214/1002/09/6ce73490390a.jpg
Rodj - mediabuzzfilms.com | 12 fév, 2010, 15:02
Nouveau sur le blog, je tiens à en saluer sa qualité.
Merci Mattrunks
starji | 14 fév, 2010, 16:07
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 .
Badisou-production | 14 fév, 2010, 17:38
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 !!
Amstudio | 16 fév, 2010, 05:04
starji => l’icone petite enveloppe au dessus de la timeline…
Sequal | 17 fév, 2010, 11:17
Super mais je n’ai pas Particular donc je suis bloqué… Y’a pas moyen de faire sans ?
timodesign | 17 fév, 2010, 11:25
–> Sequal / je croit que ya toujour moyen avec l’effet cc particle world …
Number | 17 fév, 2010, 19:35
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
Sequal | 18 fév, 2010, 09:40
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 ?
Number | 18 fév, 2010, 10:42
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 ^^ »
Sequal | 18 fév, 2010, 16:41
jaime bien cette phrase ^^
Je connait videocopilot, je vais voir merci!
Giaconda | 22 fév, 2010, 10:28
Merci pour ton boulot, chouette tuto.
Val | 22 fév, 2010, 23:30
Merci beaucoup Matt pour ce tuto génial. C’est hyper ressemblant par rapport à la vidéo d’AOL, bravo!
Number => impressionant ton anim!
Number | 23 fév, 2010, 09:45
Val => c pas de moi (je voudrais bien ^^)
Sym | 23 fév, 2010, 10:01
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^^
Val | 23 fév, 2010, 11:04
Sym => C pas « dinort » mais « distort »
Cladluffy | 24 fév, 2010, 00:04
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 !
Sym | 24 fév, 2010, 10:11
51.
Oui je me suis trompé mais je ne l’ai toujours pas ce distort
greg | 01 mar, 2010, 18:31
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
Amstudio | 02 mar, 2010, 01:07
greg => http://www.redgiantsoftware.com/products/all/trapcode-particular/
Number | 04 mar, 2010, 23:32
trapcode devrais faire des efforts sur leur prix
plug top mais leur tarif super pas cool
Ryuk | 05 mar, 2010, 18:46
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 !
Orken | 07 mar, 2010, 00:59
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.
Darki | 14 mar, 2010, 21:12
Alors super tuto
par contre pour faire ton fond de départ j’ai peut être une soluce a tester je connais mon toshop mais je débute sur after effect alors je sais pas si ca sert mais je vous la donne quand même :
crée un doc de la taille de votre compo
réinitialiser les couleur ( noir / blanc )
nuage
nuage par différence
ctrl ou pomme + f ( pour répéter l’effet ) faite le 5 ou 6 fois
image > mode > niveau de gris
image > mode > couleur indexé
image > mode > table des couleur > niveau de gris
la vous aurez une magnifique tache qui contiens toute les couleurs du rouge jusqu’au jaune en remplacent le noire par le rouge et le blanc par le jaunes ( je sais pas si vous avez compris le principe mais tester le et vous verrez le résulta )
maintenant image > mode > négatif
et voila vous avez votre superbe tache bleu qui peu servir de base dans ce tuto, il n’y a plus qu’a l’insérer dans votre compo
ps : pour ma part le mouvement obtenu avec le dégradé est inutiles car beaucoup trop lent comparé au mouvement des particules.
dodgelee | 31 mar, 2010, 14:41
i see you
Dan | 13 avr, 2010, 09:19
mon dieu, ton blog tue! T’as bien d’ choses extraordinaire… je l’adore quand les artistes sont disposé à partager leur savoir..
tibo | 24 avr, 2010, 14:24
bonjour
je débute tout juste avec after !! J’adore les tuto mais je ne trouve pas les effets CC Smear
quelqu un peu me dire ou il sont?? a télécharger ??
merci bcp