Loading ...Bonjour à tous, dans ce nouveau vidéo tutorial sur After Effects et Photoshop, nous allons apprendre à simuler et créer un effet de dessin animé à partir de vos vidéos et photos. Nous utiliserons d’abord Photoshop pour donner un look de style Cel-Shading à nos images, avant de les repasser sur After Effects pour supprimer d’éventuels effets de scintillement lors de la lecture.
La création du script est expliquée intégralement, mais pour les plus pressés, voici l’action photoshop à télécharger. Double-clic dessus pour ajouter automatiquement à vos scripts :
- Exporter une vidéo en séquence d’images via After Effects et recompiler ces images en séquence vidéo.
- Création d’un script sur Photoshop pour appliquer via un traitement par lot les mêmes effets à plusieurs images automatiquement
- Combinaison de filtres Photoshop pour obtenir à partir d’une photo un style dessin animé, pour simuler du cel-shading.
- Superposition de couches avec différents modes de fusion et décalage dans le temps d’une séquence pour atténuer l’effet de scintillement à la lecture(si gênant).
- Changement du framerate (cadence d’image) d’une composition pour se rapprocher d’un dessin-animé.
Publié le 16/11/2009
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
kamsahamnida | 16 nov, 2009, 05:20
Oh, Jl’ai vu y a pas très longtemps ce tuto..
On peut aussi passer par bridge et illustrator
lasticot | 16 nov, 2009, 09:21
coooooool depuis le temps que j’avais perdu de vue le traitement par lots sa fait plaisir de le revoir thank’s
Illumi | 16 nov, 2009, 09:28
bien vu le coup du script… moi qui demandé à quoi pouvait bien servir ce truc, là au moins tout est clair.
Bon il est vraie que l’effet dessin animé je n’y crois guère mais rien que pour le script….
mille merci..
bon courage ! pour tes cours.
Number | 16 nov, 2009, 13:31
ptit tuto sympa
Maxlefun | 16 nov, 2009, 16:48
Technique intéressante, rendu bof ..
Yann le Belge | 16 nov, 2009, 19:12
Et Dieu créa Toonit…
pas mal aussi ce plug de RedGiant
Shortid | 16 nov, 2009, 19:35
D’apres moi ce tuto est tres interessant pour l’aspet technique .
Le rendu peu etre utile pour un truc tres précis . Merci matt
Amstudio.fr | 16 nov, 2009, 21:34
ça m’aura remémoré le traitement par lot sur toshop, thank…
Tjaak | 16 nov, 2009, 23:04
pas super l’effet mais on apprend pleins d’autres choses derrière. Mais bon j’avoue être un peu déçu. :/
NarayaN | 16 nov, 2009, 23:12
Ben moi j’avoue, j’ai eu peur quand j’ai lu l’intitulé du tuto. Et puis je suis tjrs pas convaincu de ce type d’effet …. Oué je trouve que ce type d’esthetique n’apporte rien .Mais ben mais soyons franc le tuto est tres bien réalisé et il aura au moins le mérite d’être claire avec certains procédés bien connus des photoshopeur.
Alors même si j’aime pas … je dis merci Mattrunks.
(et comment tu fais pour trouver le temps d’écrire encore des tutos ..avoue tu fais des perfusions de café grand mére…..hein ^^)
Number | 17 nov, 2009, 11:41
NarayaN => a se stade c direct le Red bull en perf ^^
inconnu | 17 nov, 2009, 15:34
Hey les gens,
Savez vous le temps que cela peut prendre de faire un tuto ?
Au lieu de laisser des commentaires (pour certains ) comme « décu » « bof » « vois pas l’intérét » vous pourriez être un peu plus enthousiaste ou du respectueux du travail fourni par mattrunks.
Je crois qu’il fait avant tout cela pour nous et nous faire plaisir.. Si cela ne vous interesse pas, et bien ça en interessera peut être d’autres.
J’en trouve certains un peu ingrats.
Pour ma part je te remercie Matt
zorro | 17 nov, 2009, 16:47
Mouai, enfin faut pas déconner
La plupart de ces tutos sont de simples traductions des tutos déjà disponibles sur des enseignes comme aetutsplus & Andrew kramer…
Ou sont les credits ?
(Ceci dit, ça doit être vachement utile pour quiconque ne voulant pas travailler son anglais)
inconnu | 17 nov, 2009, 17:31
de simples traductions… ?
Mais dans ces cas là que viens tu faire ici… Va perdre ton précieux temps ailleurs
Je note ton « bon esprit », quelle honte…
Amstudio.fr | 17 nov, 2009, 18:44
Zorro, ton commentaire est aussi injuste que nul. Mais sans doute es-tu autant sion plus partageur que mattrunks. Fait pêter tes liens qu’on regarde-ça
Tjaak | 17 nov, 2009, 18:54
Inconnu> si on veut dire qu’on est déçu, on le dit point. On dit pas que le boulot de matt est à revoir (il serait beau voir), seulement ce style de BD est particulier et pour ceux qui aiment pas, je pense pas cela inutile de dire que l’on soit déçus. On va pas dire « wha c’est génial » alors qu’on ne le pense pas, on est pas ici pour lui lécher les bottes.
Tu viens ici et tu nous pointe du doigt comme si on lui crachait dessus alors que non, absolument pas ! Je respect énormément son travail seulement le style BD n’est pas convaincant voilà tout. C’est mon avis personnel et tu n’as pas à dire ce qu’on doit faire.
krAnkzieL^ | 17 nov, 2009, 18:58
So. HUm… ok bon c’est sur que le résultat est très loin niveau Esthétiques de ces anciens tutos. Cependant, la technique était à savoir.
Je suis tout a fait d’accord avec Amstudio et inconnu: zorro si tu n’es pas satisfait go …> [. ]
& je rajouterais que je suis « outré »^^ de tes propos en ajoutant que c’est du pure CTRL C/ CTRL V. :/
Si c’est le cas envois des link, mais je n’ai jamais vu pour le moment MATT faire du copié coller sur Andrew ou AETUTS.
Sur ce Bye et bonne soirée à tous.
befa1 | 17 nov, 2009, 19:26
Zorro zero
52 PROD | 17 nov, 2009, 20:20
Ouais génial Zorro à raison Mattrunks fait la même chose que Andrew K. et AETUTS il fait des tutos sur After Effects …
HAHAHAHAHA au cas ou Mattrunks était là avant AETUTS…
En plus il est publié dessus…
Et vu l’originalité et la qualité de ses tutos je rejoins Amstudio.fr et te demande tes liens qui déchirent ainsi que tes tutos PLEASE. 52.
mattias peresini | 17 nov, 2009, 21:09
Coucou tout le monde ! ça s’agite un peu par ici !
(Ah, l’époque ou je pouvais passer du temps à la sonacom pour répondre à tout le monde me manque, je loupe des choses maintenant pendant une journée de cours !
)
Pour répondre à tous ceux qui trouve le rendu « bof », je ne vous en veux pas du tout, c’est tout a fait votre droit, l’esthétique sur ce genre de projet étant purement subjective. Certains ont bien accroché au rendu et me l’ont dit via twitter avant mise en ligne, d’autres n’ont pas aimé et le disent aussi, je pense que c’est normal.
Après, j’espère que vous ne vous êtes pas arrêtés sur le rendu graphique seulement, car ce qui est vraiment important dans ce tuto, et je pense que beaucoup l’ont compris, c’est plutot le workflow AE -> PS -> AE via le scripting, qui va permettre de pouvoir traiter une vidéo via des effets photoshop. Même si les effets de bases sont réalisables dans 98% des cas sur after seulement, cela peut être sympa d’avoir a disposition la gamme de filtre de photoshop et créer un effet vraiment personnalisé. En changeant les filtres et les valeurs, je suis sur que certains obtiendront des rendus très sympa
Et comme certains l’ont dit, au pire, ça fait revoir les scripts, dans une approche plus globale
zorro -> Mince, tu m’as percé à jour ! J’avais pourtant trouvé le filon, avec ces deux petits sites américains, j’aurais jamais pensé que mes lecteurs français verraient la supercherie ! … -_-’ Plus sérieusement, c’est dommage de dire des bêtises pareil, je ne pense pas que tu aies regardé réellement mes tutos pour dire ça..
De basiques traductions de tuto d’andrew en fr, il y en a déjà des tonnes, pourquoi j’irais dans un secteur déjà saturé ? ça serait bête non ?
Concernant Aetuts, je connais la plupart des formateurs qui publient la-bas, ce qu’ils y publient, et je n’ai jamais copié un de leur tutos, malgré ce que tu as l’air de penser. Et si c’était le cas, aetuts ne m’aurait pas demandé d’en enregistrer pour eux, ou bien ne me listerait pas sur leur site http://ae.tutsplus.com/articles/roundup/15-top-international-after-effects-tutorial-sites/ , ça serait du doublonnage ! J’ai découvert After Effects sur VideoCopilot, et dans mes premiers tutos, on retrouve peut être quelques techniques communes, mais de la à dire que c’est copié collé, tu fais des raccourcis un peu trop vite
Quand à mes sources, lorsqu’il y en a, je n’hésite pas à les citer et mettre des liens, ne t’inquiètes pas pour elle, comme c’est le cas avec motionscripts dans plusieurs tutos.
Pour conclure, je trouve ton commentaire bien inutile, et c’est dommage avec un si joli pseudo, éponyme du très bon script After Effects…
inconnu -> Merci à toi pour ta défense
Après, ne t’inquiète pas pour moi, je fais la part des choses, et les gens ont le droit de ne pas aimer le rendu, c’est très personnel le rapport au beau. Ce n’est jamais un exercice facile de trouver un tuto qui plaira a tout le monde, mais ce n’est pas bien grave, si il sert au moins a quelqu’un, et que je me suis fait plaisir, alors il n’aura pas était vain ! Je ne dis pas que j’aime forcement ce genre de commentaires, mais je les comprends 
Et puis la critique est bonne (si elle est bien construite). Certains peuvent paraitre ingrats, car ils attendent toujours plus, plus vite, et mieux, pour rien. Le problème c’est que ça ne peut pas marcher toujours comme ça 
Mais on fait avec, on essaie de regarder plus loin que ça, et faire en sorte de toujours proposer mieux !
Une des choses qui me donne vraiment envie d’avancer avec ce site, enregistrer encore des tutos, c’est la bonne humeur des lecteurs qui s’y trouvent, leur participation, l’échange, et ça je ne veux pas le perdre ! Alors les gens comme zorro, clairement, vous n’êtes pas les bienvenus ici, et je ne serais pas le seul a le penser. Les gens ont leur libre arbitre, je ne les oblige pas a venir, ou revenir, et si comme toi ils préfèrent les sites américains et leur ambiance, je ne les retiens pas ! Au contraire, je n’ai jamais déconseillé à personne ces sites là, très instructifs, je m’entends bien avec leurs éditeurs, y’a pas de raisons, nous sommes tous passionnés par After, par le partage et la création, je respecte beaucoup le travail de mes ‘confrères’ d’outre atlantique, et je n’ai aucun intérêt a copier leurs tutos, que ce soit bien clair.
krAnkzieL^ | 17 nov, 2009, 22:11
…quelle discours.
Ah Oui voilà d’ailleurs matt, tu mis fait penser, j’aurais bien voulu te demander 2-3 truc concernant l’ESMA Montpellier, seulement si tu y trouve le temps. So… ce qui va être relativement dur hein?
Tjaak | 17 nov, 2009, 22:14
Le sage à parlé.
Je préfère souligner aussi un point de mon commentaire (me sentent visé par la remarque de « inconnu ») je n’apprécie pas spécialement l’effet qui est pour moi peu convaincant. Cela dit, le tuto en lui même ne nous apprend pas qu’à faire cela ! Non, non, non, d’autres petites astuces très sympa (dont les scripts que je ne connaissais pas) font que le tuto est riche et d’ailleurs j’ai l’impression d’avoir un peu mal réagis, enfin j’essayerai d’être plus claire la prochaine fois pour me sentir bien dans mes pompes. :p
CUT HERE | 17 nov, 2009, 22:21
Exactement, pourquoi certaines personnes tiennent vraiment à troller ?
Enfin il y a plein de bloggueurs qui se la pètent, qui se prennent pour des stars alors qu’il n’y a pas de quoi.
Mattias est l’un des rares qui partage ses connaissances de AE pour le fun, il aime tout cet univers et ça se ressent dans ses tutos. Ou alors vous n’avez pas regardé les mêmes tutos que moi.
Perso, je n’aime pas le rendu graphique non plus, mais certains comprendront qu’un tuto sert aussi à comprendre comment ça marche derrière, des façons de travailler etc. C’est à chacun après de développer son style, ses projets à partir des connaissances trouvées ici et là. Si vous estimez faire mieux, faîtes-le et venez poster un commentaire constructif et démontrez un peu que vous êtes le killer pour jouer à j’ai la plus grosse ^^. Enfin, je ne parle même pas du temps de la préparation pour faire un tuto puisque ces personnes semblent l’oublier.
On peut faire des choses sur le web, juste pour le fun, gratuitement, essayer. Essayer de faire partager ce qu’on aime, en discuter sur des forums, blogs.
La critique est positive pour quiconque (encore faut-il l’accepter ; et je crois que mattias est plutôt ouvert la dessus !), tant qu’elle n’est pas gratuite et un minimum argumentée.
Bon allez les trolleurs, on vous attend pour jouer à la plus grosse avec du concret, c’est à dire VOUS, CE QUE VOUS ETES CAPABLE DE FAIRE, je suis curieux de voir le résultat
.
J’arrête mon mode vieux con en vous laissant regarder cette vidéo: http://www.dailymotion.com/video/xb5v0d_vaness-blogueuse-mode-influente-par_fun
Merci encore mattias pour le travail, ta bonne humeur et ton envie de partager tout cela dans une bonne ambiance (youhouu les cons, les trolls, la porte c’est à gauche en sortant de l’ascenceur ^^)
Maxlefun | 17 nov, 2009, 23:09
Zorro rentre chez toi !
m-_g | 17 nov, 2009, 23:30
Pffff je trouve le niveau de bétise chez certains plutôt élevé.
Ce tuto est du même intérêt que celui sur le datamoching, très particulier en terme esthétique, il n’en reste pas moins intéressant d’un point de vue technique.
Perso, je dirais que je ne suis pas fan de l’effet mais c’est plutôt intéressant de suivre le processus plutôt que d’utiliser l’effet dessin animé tout prêt dans after effects.
c’est un peu navrant pour Mattrunks qui se donne du mal (sans compter) et n’importe quel habitué peut voir la différence entre les tuto d’aetut, Andrew K, creative Cow et Nick campbell, ils ont chacun leur approche et leur style.
Maintenant comme l’a souligné 52 prod nous savons bien que les tutos de Mattrunks sont bien des originaux parfois copiés (par aetut…) et que lorsqu’il utilise un technique il en cite l’auteur.
Bref si ça ne vous plait pas attendez patiemment le prochain et arrêtez de vous plaindre…
m-_g
Amstudio.fr | 18 nov, 2009, 02:54
En tous cas, si tu as moins de temps à consacré pour ce blog, ça peut se comprendre. Amstudio.fr est membre du jury (presse) du festival e-magicien (voir sur google). Et j’y ai vu ce lundi à la Scam quelques projets de l’esma. Le level est assez impressionnant. Tu es effectivement dans une excellente école.
Happy le matt…
jah | 19 nov, 2009, 19:11
Ce tuto est excellent, rapide et efficace.
Merci pour cette nouvelle approche sur ps,
quelques rush vont trouver de nouvelles applications.
C’est marrant, je planche sur une vieille
bd, une seule planche, et voudrai l’animer.
Pourrai tu aussi (de temps à autre) nous faire
un résumé sur un des cours esma, un truc qui te semble intérêssant ?
jah | 19 nov, 2009, 19:14
et pis…
pour les sujets de facheries,
je trouve qu’il faut savoir faire preuve
d’indulgence pour toutes et tous.
Chacun exprime ses sentiments et son savoir
à sa façon, façon qui ne correspond pas toujours
à une autre opinion, même générale.
Peace.
benichou | 21 nov, 2009, 10:53
Tu peu pas être bon a chaque fois=)
Mais je sais pas pk je sens que le prochain tutos sera une tueri=)
Reprend du poil de la bête,Ont t’attend sur le ring=)
safari55 | 22 nov, 2009, 23:01
tres bon tuto,je respect bcp ton travail MATT,
Thanks to share your skills with us.
Number | 23 nov, 2009, 12:30
Salut a tous
oula c tendu alors sans vouloir en rajouté ^^
forcement vue tout les tuto qui sorte, des fois on peux avoir l’impression que certain copie
alors que p’etre juste 2 personne qui on les même gout ou inspiration
et comment critiqué eux qui partage leur connaissance gratuitement
enfin bref
comment on arrête une expression a un moment T et la faire reprendre kan on veux ?
exemple => le ptit guitariste de matt, si on veux que pendant la zik il arrête de jouer pour saluer la foule
merci d’avance
Matt => copie Andrew un peut et mets un truc pr dial sans poluer t post
oups c pas du plagia ca
music industry news | 24 nov, 2009, 22:28
Very Cool Stuff, Vous faites un très bon travail comme toujours! heureux de lire cela, vous font qu’il est très facile de understand.carry sur ~
Tjaak | 03 déc, 2009, 22:55
J’ai une petite idée pour un prochain tuto qui pourrait être sympa. Un vrai texte 3D avec google sketchup, texturé pourquoi pas, importé donc dans after puis avec une p’tit anim sympa.
Enfin le but étant d’intégrer un texte 3D dans une composition, je pense que ça pourrait vraiment être cool d’autant plus que google sketchup est gratuit, simple d’utilisation, français et très rapidement téléchargeable donc facile d’accès pour n’importe qui qui regarderas ce tutoriel.
Tu en pense quoi ? C’est faisable tu pense ?
fondation 345 | 17 fév, 2010, 01:28
salut mattrunk ba j ai essayer moi de fr un dessin animee car j ai un concept jamai realisee en france et j aimerai tellement le faire si tu ve k j t en parle en privee contact moi par mail mais bon je disai ke j ai essayer car j ai kiffer l idee mais pzr exemple j ai une video ou on a des crs ki avance en meute en face de nous et on arrive pa trop a reconnaitre dans le dessin animee les detail et pourtt j ai pris les mm reglage ke toi contact moi si tu le ve bien par mail si tu a le temp j t montrerai des chose k j ai deja fte avc tes effet
marc | 06 mar, 2010, 10:12
continue ton boulot
comme tu l’as bien dit ce tuto est intéressant pour la partie technique AE_PS.
je réalise aussi des tutos vidéos et je comprends bien le boulot qu’il faut fournir donc grand bravo!
je visionne aussi les tutos de aetuts et kramer et je n’ai remarqué aucuns pompages.
alors continue mec, car même si j’aime l’anglais le francais reste ma langue maternelle.
LBR3D | 22 mar, 2010, 09:38
Nice ! Cool !
jiggah | 05 mai, 2010, 15:03
La critique est facile, la création difficile… Matt merci pour le partage …
ptite_marie86 | 12 mai, 2010, 21:51
coucou tout le monde!! matt, merci pour le tuto, moi je le trouve génial…
je suis d’ailleurs en train de me servi du traitement par lot, pour coloriser mes images, mais j’ai un petit problème ( peut être que quelqu’un pourrait m’aider à le résoudre, ça serait vraiment sympathique !!)
je travaille sur un stop motion, et en fait l’idée est de colorisée l’image , le soucis, c’est que mon calques de couleurs ( appliquées au pinceau, avec n flou gaussien) ne marche pas dans le traitement par lot… ça me dit « impossible d’activer le flou gaussien car la zone sélectionnée est vide ». et en effet, le calque ou normalement mes couleurs doivent apparaitre est vide…
je suis un peu désespérée, j’ai plus de 500 images à retoucher, et ce pour lundi, je me vois mal retouchée mon film image par image, et il doit être prêt lundi…
merci de vos réponses et de votre aide