WIP M100 2023: Animation 2D

[m100 3,916]

Je ne suis pas animateur.

Je n’ai pas fait d’école d’animation … pas tout à fait vrai, j’ai fait un stage de 5 jours … avec Moran Caouissin ( tous à l’Ouest, la famille passiflore …)… aux Gobelins quand même, en 2007 !

Cela dit quand je vois Aaron Blaise ( ou son frangin Travis, incroyable animateur !) expliquer que l’exercice de la balle rebondissante sert dans l’animation des expressions, je me dis que je n’ai pas trop de légitimité pour parler d’animation…Alors ce sera un Wip sans prise de tête et avec, je l’espère, de vrais morceaux d’informations dedans ! Et si le sujet vous intéresse n’hésitez pas à participer.

Je vais vous éviter un historique détaillé qui remonterait pour moi à 54 ans en arrière, mais juste…

J’ai été scotché quand à 6 ans mon père a sorti la 404, pour qu’on aille  voir «  Le livre de la jungle » et puis autre choc avec » la planète sauvage » de René Laloux vers 11 ou 12 ans  et puis Bashki  avec « le seigneur des anneaux «  et « Teegra «  … je vous en reparlerai surement ! Enfin, comment aurais-je pu faire autrement que de vouloir faire la même chose, au moins pour mon plaisir !

Alors,  on va parler d’abord du matériel qu’il faut où qu’on peut avoir, en tradi puis en numérique- du payant abordable où pas, du gratuit…

1. Matériel traditionnel

On ne va pas parler de la totalité de la chaine, mais juste de ce qu’il faut jusqu’à la numérisation des images. Ce n’est plus obligatoire de nos jours, mais j’adore ça !

- Table lumineuse

Difficile de s’en passer ( mais pas impossible), elle va permettre d’empiler vos dessins et de les voir par transparence. Il en existe de plusieurs type, j’avais  au début une table valise, en bois avec disque rotatif, néon  et double pegs. Alors c’est dit transportable, mais c’est un vrai déménagement. Il y a deux tailles de disques le 12 et le 15 field, c’est déjà assez grand! Et il existe des formats de papiers correspondants (27,5*32 et 32*40)

Le disque rotatif c’est génial pour dessiner et avoir toujours le dessin bien placé par rapport à la main, au point que je m’en prépare un pour l’iPad.( j’y reviendrai) à noter pour l’anecdote que dans les premiers Clone Wars - 2004, peut être- certains animateurs avaient remplacé le système verre lumière par des Cintiqs 15 pouces…

Les pegs , mais c’est quoi ? Pour faciliter l’empilement des calques, le papier est perforé . Les pegs sont les réglettes plastiques ou métalliques sur lesquelles on va placer le papier , il existe différents standards et on trouve facilement le standard ACME. Sur ce genre de table les pegs coulisse t et peuvent se trouver en haut ou en bas ou les deux…Williams explique dans son bouquin ( ah, oui on parlera bouquins aussi) comment il a animé une séquence de Roger Rabbit, en collant son peg sur une fenêtre de sa chambre d’hôtel , faisant office de table lumineuse).

En haut ou en bas, le peg? C’est un peu comme vous voulez, à tester, mais toute votre scène doit être faite de la même façon.

Les tables lumineuses modernes, à Led, sont bien plus légères, rien n’empêche leur intégration dans un structure bois, cela doit exister d’ailleurs. Le peg peut être collé dessus avec de la patafix et je trouve pratique que l’on puisse avoir du A4 ou du A3. Elles peuvent s’alimenter en USB depuis un ordi, où une petite batterie ( sans doute avec un adaptateur secteur)

 

Ordre d’idée de prix moyens: table 250 euros, pegs de 6-7 euros à 25-30 pour des modèles de luxe métalliques , tables à led 30 à 60 euros.

les photos :

table lumineuse double pegs - pendant mon stage- table lumineuse led - le problème avec les pegs en bas: ça gène la main- cycle de marche par Moran.les perforations ACME

[m100 3,916]

- le papier . 
 

En principe il faut utiliser un papier assez transparent du 60 ou 70 mg, pour pouvoir empiler plusieurs feuilles . Du papier à imprimante ça peut aller pour trois quatre couches. 
Mais pour les décors il m’est arrivé d’utiliser du bristol  200 mg où un paier aquarelle en 300  mg.

mais il existe ces fameux papiers 12 ou 15 field ou des papiers spéciaux pour background  en longueur. Et des papiers pour animé de format différent

Field : pour les mouvement de caméra , il y avait des grilles permettant de quantifier les déplacements vers les bords du papier nommés Nord, Sud, Est, Ouest. Ces grilles existent dans divers format de pellicule ou d’image, du 35mm, du 16/9 en calque celluloïd transparent , je m’en suis imprimé sur papier… ça s’abime. 
 

j’ai retrouvé quelques photos sur les pegs.

le problème c’est que les papiers perforés coutent cher, et les perforatrices ACME très cher (  au moins 1000 euros et plus)  j’avais donc choisi de bricoler un système avec une perforatrice semi-pro ( 150 euros)  à quatre perforateurs ronds et des pegs  que j’avais modélisés et imprimés adaptés, pour mes papier de décor et certaine phases réalisées en A3.

on parlait d’aero sur le discord avec Rama 😁

 

 

 

 

Modifié 1 janvier 2023 par m100

[m100 3,916]

 Donc un field guide, quelques dessins d’anim en  A4,  un projet en cours et…Tadaaaa

une feuille d’exposition ( X-sheet) c’est ce qui permettait de coordonner les différents éléments ( dessin, sons, remarques…)  pas forcément utile pour un projet perso, mais bon on n’est pas là pour rigoler 😂

[m100 3,916]

Alors on pourrait parler des crayons , les col Erase , crayons de couleur effaçables , dont l’utilisation peut être de placer des phases d’animation en bleu ou rouge ou de délimiter les zones d’ombre et de lumière ( utilisable dans un soft comme opentoonz) ou mettre de la couleur 😁

le dernier truc du monde ancien, c’est le banc titre, ça peut être très utile pour scanner aujourd’hui   A l’époque on utilisait des caméras vidéo avec une prise image par image pour les version pellicules ou import direct dans les logiciels

un des logiciels en vogue en 2007 c’était CTP de crater software, ou on pouvait importer directement depuis la caméra, logiciel qui existe encore mais un peu démodé…et justement on va passer au numérique !

[m100 3,916]

- le numérique

deux voies, le « tradigital » et le sans papier:

le tradigital on vient d’en parler un peu. Dessin , scanner, ordi. Et là encore deux voies qui s’entremêlent, le bitmap et le vectoriel. 

On va sa débarrasser tout de suite du vectoriel, parce que je n’utilisera pas où peu ce genre de soft- peut être un peu Moho et Designer( qui est plus dessin)

Alors le Logiciel vectoriel ( mais bitmap aussi ) la Rolls, quoi, c’est Harmony, on ne va pas en parler plus que ça parce qu’actuellement l’abonnement annuel doit  être autour de 1500 euros. J’ai réussi à avoir une licence fixe en upgradant peu à peu mes versions de Toon Boom Studio - que je regrette vraiment- mais je n’ai plus suivi …

Harmony c’est le roi du cut out moderne : on découpe son personnage en plein de morceaux pour en faciliter l’animation par interpolation, les dernières version permettant de gèrer tous les mouvements d’une tête par exemple- gestion de la 3D avec lien avec Maya et peut être plus dans les versions récentes, module de scan, scan vectoriel , caméra multiplane, environnement « 3D » tec…

Donc mon incroyable set up rangé de l’époque, ça c’était pour la photo😂 parce qu’il faut deux écrans au moins pour être à l’aise. Donc mon Racoon, découpé en node, morceaux, prêt à être animé dans la vue 3D, l’interface avec  road runner j’avais bien rigolé à bosser sur celui-là 😂

bon mais ça c’est plutôt le passé pour moi…

[m100 3,916]

Alors un petit post nostalgie parce que Toon Boom Studio est le soft que je regrette le plus:

-il était abordable: en prix et techniquement, mais on pouvait déjà tout faire

- sa présentation était très ludique

-c’est sans doute avec lui que le monde de l’animation c’est vraiment ouvert pour moi et parce post que j’avais créé sur frenchanimation où j’expliquai le soft dans tout ses détails, avec comme premier projet un travail sur « la planète des chats » de Marc Wasterlain. Je n’ai rencontré Marc qu’une dizaine d’année plus tard, j’avais fini ce petit projet qui était plus une animatique qu’une vraie animation et fini sur Tv Paint, mais j’ai eu droit à une petit article dans la revue qui lui est consacrée😁

Modifié 1 janvier 2023 par m100

[m100 3,916]

Moho est aussi un soft très intéressant, je n’ai jamais accroché à sa timeline, par contre ses outils de dessin, de vectorisation plutôt sont géniaux.

on se sent plus sur de la « modélisation 2D » : modifier des primitives …

son système de bones , de squelette, marche très bien surtout depuis les dernières versions 

[m100 3,916]

Alors , il y a beaucoup de softs que je ne connais pas vraiment, mais on va parler des deux derniers de cette famille que je connais:

ToonZ et OpentoonZ

Dans les années 2000 ToonZ c’est LE logiciel d’animation 2D, pour vous dire je m’étais renseigné pour le prix d’une licence en 2004_2005 et prends toi sa dans les dents, les italiens m’avaient répondu assez sobrement, « plus de 3000 euros » c’était à l’époque le cout d’une licence de Maya…

Alors pour mémoire ToonZ a été utilisé dans « Mononoké » (Miyazaky ayant une passion je crois, pour l’Italie a appelé son studio:  Ghibli) j’ai testé la version 7.4 il y a 2-3 ans , bon…

Une dizaine d’année plus tard sortira la version japonaise open source OpenToonZ et là on a un super logiciel gratos !  C’est un logiciel  à node, comme Harmony ( donc, il y apossibilité de tout un tas d’effets) Et un module de scan GTS que j’adore, sauf qu’il ne marche que sur PC et pas avec tous les scans…pour apprendre à m’en servir j’avais suivi un chouette tuto de Dong chan et participé à une anim collaborative de Darren T .Avec GTS on peut faire en sorte que le logiciel reconnaisse les traits rouge et bleu de limite d’ombre et de lumière.

Modifié 1 janvier 2023 par m100

[m100 3,916]

ça va vous tenez bon? 😂

alors les deux derniers en bitmap !

Sur l’ordi j’utilise TV PAINT, le meilleur soft d’animation bitmap sur ordi tout simplement, seul problème un prix pro. Par contre c’est une solution complète avec un éditeur de storyboard/animatique intégré. Si tu veux refaire «  Merlin l’enchanteur » c’est lui qu’il te faut.

le dernier c’est Callipeg, logiciel exclusivement iPad, mais qui peut communiquer avec TV PAINT ou Harmony ou Blender…c’est un logiciel très récent et en perpetuelle évolution, il lui manque encore une gestion avancée de la caméra mais ça viendra .Au passage un petit tuto « Mickey » de So Crafty art

c’est surtout de ces deux là qu’on parlera 😉

L

 

 

Modifié 1 janvier 2023 par m100

[m100 3,916]

Cette petite introduction terminée - on reviendra sur les détails , sans doute- le Wip

je suis tombé il y a 3-4 mois sur une vidéo de Stray dog studio sur Dragonball une sorte de fan animé, en fouillant un peu, il y avait aussi une video sur Lupin 3 et un petit Making off. 
Alors je me suis dit que cela pourrait faire un très bon exercice et au final un gros fichier d’anim pour tester la version bêta de Callipeg et vérifier les différence de comportement avec la version stable.

Donc, je suis parti sur l’iPad, dans Callipeg. Mais j’aurais pu faire pareil dans n’importe quel logiciel dont on a parlé et peut être même dans Fresco ou dans Procreate, puisqu’on pourrait n’utiliser que deux calques.

Sauf pour le son. On n’en n’a pas parlé tiens, y’aura un truc à faire sur le Lipsynch, la synchronisation dessin voix…Callipeg gére le son et c’est très pratique, rien n’empêche d’utiliser des logiciels adaptés pour avoir un résultat plus pro.

Donc ce Wip est une sorte de copie, mais je vais voir au final : les desing seront les miens «  ça m’arrange, je ne suis pas un bon copieur 😂 » et peut être on changera quelques truc dans le spacing-

Alors en gros le Timing va consister à placer les poses clefs pour donner le rythme de base à l’animation, le spacing va permettre de gèrer les in between, les images d’intervalle entre deux poses clefs. ( c’est simplifié…)

en haut timing, puis avec l’ intervalle médian on aura un mouvement linéaire , avec lintervalle près de la première il y aura une accélération, et un ralenti dans le dernier cas 😉 je vous renvoie au bouquin de williams pour ça . Ah tiens on va en parler un peu 

[m100 3,916]

Quand Williams a sorti son bouquin ça a été une vrai révolution: il y avait très peu d’informations sur la méthode. 
 

Les bouquins de Preston Blair et un petit éditeur disparu Dreamland avec tout un tas de bouquins  Disney et le super «  Technique de l’animation »  sur l’animation traditionnelle .

Le bouquin de williams se decline en livre, DvDs de la masterclass et appli pour mobile.

Digression terminée ! 😄

Modifié 2 janvier 2023 par m100

[gtpix 12,538]

Il est super ton sujet @m100 !  🤩

Comme quoi, même avec les nouvelles technologies, la base est importante. Merci pour ce super partage.

[m100 3,916]

Merci @gtpix  😁

Je reviens sur le Wip qui encore une fois pourrait être fait avec n’importe quel logiciel de dessin animé ayant un module de dessin voire même un combo logiciel de dessin / logiciel de montage. 
 

D’abord juste une image d’origine, de stray dog pour rendre à Cesar ce qui est à Cesar.

on pourrait tout à fait envisager un process différent du mien. Je me suis lancé sur le fond, le background. Il serait possible de faire du sans papier, mais j’avoue en avoir encore besoin, pour refs, pour gribouiller la séquence…

Dessin et mise en couleur dans Callipeg, qui dispose comme Procreate , d’une fenêtre de référence- mais il est tout à fait envisageable de faire ça dans ton soft de dessin préféré pour avoir un résultat plus poussé et d’exporter soit en Png s’il y a de la transparence, soit en jpeg, soit en Psd s’il y a dans l’image une notion de profondeur. Seul problème de cette solution c’est qu’elle augmente le poids des fichiers significativement.

[m100 3,916]

 Ah petit détail la petite graduation sur cette image est une échelle d’animation: elle concerne les images 20 à 31, la pose clef intermédiaire est placé en image 26 , il y donc 5 images dans le premier intervalle et 4 dans le second: le spacing n’est pas précisé donc soit tous les intervalles sont égaux, soit cela sera indiqué dans une autre phase.

[m100 3,916]

Et j’ai ça sur ma page Facebook…

[m100 3,916]

J’en profite pour montrer quelques trucs incroyables ! 😄

Modifié 3 janvier 2023 par m100

[marianne 8,421]

Salut, ton sujet sur l'animation est intéressant. Merci pour le partage. Concernant ce dernier post, je ne connaissais pas cette version de la Moria. Perso, j'ai toujours eu un sérieux penchant pour Alan Lee dit "le dessinateur de Tolkien", bien avant sa collaboration avec Peter Jackson: Je l'ai découvert alors que je n'avais pas 20 ans et j'ai été subjuguée par ses dessins.

Modifié 3 janvier 2023 par marianne

[m100 3,916]

il y a 49 minutes, marianne a dit :

Salut, ton sujet sur l'animation est intéressant. Merci pour le partage. Concernant ce dernier post, je ne connaissais pas cette version de la Moria. Perso, j'ai toujours eu un sérieux penchant pour Alan Lee dit "le dessinateur de Tolkien", bien avant sa collaboration avec Peter Jackson: Je l'ai découvert alors que je n'avais pas 20 ans et j'ai été subjuguée par ses dessins.

Bonjour, @marianne  , c’est la version de Ralph Bashki en 1978, le film est assez bizarre avec beaucoup de rotoscopie + un melange dessin anime video plus ou moins traitée , c’etait un peu experimental et il y avait surement des contraintes de budget. J’ai vu ce film au cine quand il est sorti !

oui  Alan Lee et john  Howe 😉 geniaux!

 

Modifié 3 janvier 2023 par m100

[m100 3,916]

Oh làlà je continue de laisser partir ce post un peu en vrille avec ce qui me passe sous le nez…

les Frangins Blaise Aaron et Travis…

[m100 3,916]

Revennons à nous moutons, euh, nos lapins…non lupin😂

donc j’ai commencé à voir comment c’était animé et j’ai tiré une vingtaine de poses pour les 121 premières images. Ce qui fait qu’on est assez loin d’une animation en 2x12 pour du 24 images seconde; ça m’arrange 😂

je commence à dessiner mon Lupin et mon fiston , mort de rire, me lance «  eh bien, il a de bonnes joues le frérot » oui, j’avoue l’avoir un peu déformé ( pas forcément sur ces images )…les poses sont faites à 60_70 %.

[m100 3,916]

Digression : mise en couleur paperless/ avec dessins scannés

dans les images précédentes le dessin et la mise en couleur sont faits directement dans Callipeg. Cela facilite le travail et permet d’avoir un projet plus léger. On peut aussi faire ça dans un autre logiciel et importer un png, fond transparent bien sur. Donc la rien de spécial.

Mais le temps d’allumer le Mac de faire ma petite promenade et de réunir l’iconographie et je vous montre avec Photoshop ( ça marche très bien dans CSP ) et TV Paint 😉

[m100 3,916]

Alors je vais vous faire ma Shéhérazade  et vous raconter un conte dans le conte…

je vous ai dit qu’on allait parler de PS et TV paint et on va commencer par …Opentoonz 😂

parce que ce soft  gratuit, mais pro, mérite un petit paragraphe à lui tout seul ! Et en particulier GTS, le module de scan . Je remets l’image déjà postée pour être un peu plus précis.

GTS fonctionne avec les scanners Epson , pas tous malheureusement, il y avait un A3 qui coûtait un bras, mais ma petite multifonction marchait .

l’interet c’est  que Gts a une fonction de crop ( ne scanne qu’une fenêtre définie) : donc on colle un peg à la patafix sur la vitre et tous les dessins seront calés dans une image selon le format que tu as défini, 16/9, 2.35 (image 1, fenêtres de réglage) les images scannées les une après les autres seront importées dans l’ordre dans Opentoonz ( image 2) et très important traitée de façon à extraire la ligne, donc plus de problème de fond ! D’autre part, le module gére les couleur et le rouge, le bleu peuvent servir de limite aux lumières et aux ombres : sur l’image définitive ces lignes de couleur n’apparaissent pas . 
 

Opentoonz dispose ensuite de son module de dessin et de couleurs 😉 ( image 3, la chevelure peinte en jaune, avait une limite rouge qui ferme la forme à remplir, mais n’apparait pas)

[m100 3,916]

Alors Photoshop ou TVpaint, mais CSP, bien sur! Alors là ultra simple, on importe le jpeg et on passe le calque en mode produit:

un peu de cinéma depuis ma mini chaine 😂 on passe en mode produit et le calque rouge  apparait, à la place du fond blanc !

 

[m100 3,916]

Bon,Tv Paint : j’adore Sherlock Hound, j’ai fait quelques études 😉

c’est un Fx une selection, un clic et c’est bon 😁

 

 

[m100 3,916]

Allez Photoshop pour la fin… 

Une solution consiste  créer une action, qui fera ce que l’on veut. J’avais fait ça avant de découvrir ce qui suit.

Mais ce que j’aime beaucoup ce sont les panels de Stéphane BARIL. Bon c’est l’auteur dun bouquin assez ancien sur la colorisation de BD, un gros bouquin ! à partir de son expérience il a développé ces panels en Html. Mais à arrêté malheureusement .

alors sur Mac silicon, il faut utiliser la version Rosetta de PS.

donc import de l’image clic sur la troisième icone du panel, cela crée une arborescence avec extraction de la ligne.