Modéliser et animer un dessin en 3D.
Introduction
Mon dernier projet professionnel mâa quelque peu usĂ©. Jâai eu souhait avec la marque Art Atk de rĂ©aliser un documentaire sur les Ă©lections prĂ©sidentielles. Ce fut des heures de recherches, documentations et montages qui ont occupĂ© toutes mes soirĂ©es pendant de longues semaines. Je me suis confrontĂ© pour la premiĂšre fois aux difficultĂ©s de promouvoir un contenu politique sur les rĂ©seaux sociaux. Et au vu du rapport analytique sur la vidĂ©o, je ne peux nier une chose : âjâai perdu la bagarre.â
Câest dans cette mentalitĂ© que jâai retrouvĂ© le studio dâanimation qui mâaccueille en stage sur Berlin. Nous sommes fin avril, le temps est aussi gris que mon humeur et je me confronte une bonne partie de la journĂ©e sur lâanimation 2D dâun foutu dauphin sur After-effects (A.K.A le pire logiciel encore en action). DotĂ© dâun mental frĂŽlant le sadomasochisme, je passe la journĂ©e sur des keyframes afin dâanimer un salto sur le dĂ©testable cĂ©tacĂ©.
Fin de journĂ©e, ma course pour attraper mon S-bahn est interrompue lorsque mes yeux se posent sur la derniĂšre crĂ©ation de mon pote Veyland. InstallĂ© dans une position que je ne saurais comprendre, lâillustrateur quâil est mâa transportĂ© avec ce dessin. Cette espĂšce de soucoupe tractĂ©e mâappelle au voyage, Ă la sĂ©rĂ©nitĂ©, bref tout ce que je recherche, lĂ , maintenant. Câest Ă partir de ce moment que jâai dĂ©cidĂ© de le rendre plus vrai quâil nâest sur ce tableau.
Avant de vous présenter ce pas-à -pas, quelques éléments à prendre en compte :
- Je suis dans la âPolygone Industriesâ depuis Ă peine 1 an. Pour les plus affĂ»tĂ©s dans le domaine, vous serez peut-ĂȘtre spectateur dâun âneuneuâ du mĂ©tier.
- Il y a dans cette prĂ©sentation des questions ouvertes auxquelles jâattends des rĂ©ponses ! Si vous avez des solutions sur les problĂšmes rencontrĂ©s, nâhĂ©sitez pas Ă ramener votre science dans mes DM.
- Je bosse sur Cinema 4D nâen dĂ©plaise Ă la racaille Blenderoise.
Commençons.
- Capturez-moi cet enfoirĂ© dâillustrateur !
Il a cru quoi lâartiste ? Quâil pouvait sâenfuir aprĂšs avoir posĂ© son idĂ©e sur le tableau ? Hors de question, si vous souhaitez conceptualiser un dessin vous devez garder son auteur Ă portĂ©e de main. Il a des choses Ă nous dire :
Tout dâabord quelle est la vision de ce croquis ? Y a-t-il un contexte Ă comprendre ? Ă quoi ressemble son environnement ?
Câest avec ce genre de questions que mon illustrateur a pris le temps de mâexpliquer son concept. Lâavant dâun train croisĂ© Ă la CitroĂ«n coccinelle, âpimpĂ©â avec 2 rĂ©acteurs de chaque cĂŽtĂ©. Il me prĂ©cise son idĂ©e avec un dirigeable qui sâalimente Ă la vapeur. Un style de rĂ©cup, Ă la vapeur dâeau, bref un vrai vĂ©hicule de zadiste et cette idĂ©e me plaĂźt. Letâs go.
Ces indications vont ĂȘtre trĂšs importantes pour moi afin de comprendre le concept en 3 dimensions et pour le moment de lâanimation. Personnellement, jâai un niveau de dessin proche dâun enfant de maternelle donc partir sur les bases dâun illustrateur facilite grandement mon travail. Mais si vous ĂȘtes une personne polyvalente du crayon Ă une souris, je ne peux que vous conseiller de vous poser ces questions Ă vous-mĂȘme comme le ferait Kevin et ses 23 personnalitĂ©s dans Split.
Modélisation de la base
Commençons la modĂ©lisation, la partie que jâaime le plus. Pour dĂ©buter, je place la base du concept avec des objets simple. Je vois dans le dessin 4 formes distinctes : 1 anneau avec une capsule pour le cockpit et 2 cylindres pour les ailes. Ces Ă©lĂ©ments sont ajustĂ©s aux courbes de mon dessin avant dâutiliser les outils Volume Builder & Mesher pour gĂ©nĂ©rer un objet complet.
Le choix de cet outil mâoffre une grande maniabilitĂ© pour la modĂ©lisation, en revanche, elle implique un nombre de polygones trĂšs consĂ©quent au point de secouer votre PC si votre configuration nâest pas satisfaisante. En lâoccurrence, jâutilise le plugin Quad Remesher (AppelĂ© âRemesherâ dans la derniĂšre version de Cinema4D) pour obtenir une topologie clean. Cela Ă©vitera que mon PC fasse une syncope Ă la premiĂšre preview.
Pour le ballon jâutilise simplement une sphĂšre avec un nombre important de polygones avant dâappliquer lâeffet FFD. Il permet de crĂ©er une cage autour de votre objet et de le manier trĂšs facilement. Jây fais une belle bububle et je rends mon objet Ă©ditable.
Lâajout des dĂ©tails
Les dĂ©tails sur une forme aussi ronde que notre vĂ©hicule nĂ©cessitent lâoutil âShink Wrapâ (et vous allez en entendre parler longtemps ici). Il permet avec des formes plates comme le disque, polygone ou le plan dâĂ©pouser des formes complexes. Outil trĂšs utile qui va me servir pour toutes les piĂšces importantes comme la fenĂȘtre, les deux aĂ©rations frontales, le toit, les attaches⊠bref jâai reposĂ© toute ma carriĂšre dessus.
A chaque fois la mĂȘme technique prĂ©sentĂ©e ci-dessous :
- Je définis mon emplacement
- Je fais le choix dâune forme simple comme le plan
- Jâapplique lâoutil Shrink Warp
- Je rends mon objet Ă©ditable
- On connecte lâobjet pour garder sa forme
- Jâextrude lâobjet
FĂ©licitations vous connaissez 80% de mon workflow sur la modĂ©lisation. Il ne reste plus quâĂ appliquer la mĂȘme logique pour les autres piĂšces.
Pour les rĂ©acteurs rien de trĂšs compliquĂ©, je fais un petit travail dâextrusion sur un cylindre. Je dessine une spline pour mes hĂ©lices avant de le placer dans une extrusion et un cloneur. Jâoriente mes hĂ©lices, jâajoute une subdivision surface, je constate la topologie douteuse. Je fais comme si je nâavais pas vu pour cause de flemme.
Nous arrivons sur la partie oĂč je rencontre quelques interrogations :
- Les dĂ©tails dâun objet doivent-ils ĂȘtre incrustĂ©s sur le mesh ?
Ă la suite de la premiĂšre modĂ©lisation, je dĂ©cide de rajouter du rĂ©alisme avec des dĂ©tails de plaques de mĂ©tal. Je crĂ©e ces Ă©lĂ©ments directement sur le mesh de mon objet. Mais est-ce la bonne solution ? Je nâen suis pas sĂ»r. En appliquant directement une extrusion sur mon objet, je ne pourrais pas revenir en arriĂšre.
Jâai pas mal hĂ©sitĂ© Ă ressortir ma âShrink Wrap immunitĂ©â, mais je trouve que le procĂ©dĂ© Ă©tait trop long et fastidieux. Donc je sĂ©lectionne les polygones de notre mesh et on extrude ! Notre effet de plaque est gĂ©nĂ©rĂ©, jây rajoute des vis sur chacun des Ă©lĂ©ments et le tour est jouĂ©.
Pour le ballon, au risque de me rĂ©pĂ©ter, câest le mĂȘme procĂ©dĂ©. Une sĂ©lection + lâextrusion sur le mesh afin de crĂ©er cet effet de rafistolage. Jây rajoute une petite spline clonĂ©e avec des instances pour ajouter un dĂ©tail style âagrafeâ qui viendrait retenir les patchs de mon ballon.
2. Quand sâarrĂȘte la modĂ©lisation pour laisser place au sculpting ?
Câest la seconde question qui mâest venue Ă lâesprit pendant le processus. Je savais que le vĂ©hicule aller avoir du dĂ©tail dans un style de rafistolage, usĂ©, fatiguĂ© par le voyage avec des rayures et impacts sur la coque. Mais oĂč doivent apparaĂźtre ces Ă©lĂ©ments ? Seulement sur la texture ? Directement sur lâobjet ?
Mais dans ce cas ce nâest peut-ĂȘtre plus une question de modĂ©lisation, mais de sculpture. Nâayant aucune notion dans ce domaine, je dĂ©cide de garder lâessentiel pour avancer sur le ballon et lâenvironnement.
La ceinture du ballon
Pour le ballon je savais quâil me fallait plus que des dĂ©tails de patch. Sur le dessin, Veyland mâexplique quâil nâavait que des crochets pour suspendre le vĂ©hicule. Je dĂ©cide de modĂ©liser une sorte de ceinture, avec la forme plan qui Ă©pouse la courbe de mon ballon (avec⊠Shrink wrap tmtc). ExtrudĂ© comme une boucle de ceinture, jây ajoute une jointure pour faire le tour de la sphĂšre. Je glisse le tout dans un cloneur (x7) et ma ceinture est nĂ©e.
Le cordage au-dessus du ballon a Ă©tĂ© un vrai problĂšme, lĂ aussi jâen appelle aux cracks de lâextrusion. Jâai cherchĂ© une solution avec les splines, mais je nâai rien trouvĂ© de consĂ©quent. Jâai jouĂ© la carte joker avec lâutilisation basique de lâoutil âAtom Arrayâ. Câest un peu la honte, si Cinema4D Ă©tait une Ă©cole jâaurais Ă©tĂ© aboli mais je nâai rien trouvĂ© de mieux dĂ©solĂ©. Donc on glisse un double de notre ballon sur lâoutil Atom Array, ça nous crĂ©e la forme adĂ©quate. Jây ajoute un boolĂ©en en soustraction pour faire une demi-sphĂšre et le tour est joué⊠Câest avec un frisson de gĂȘne que jâavance sans me retourner sur ce point un peu bĂąclĂ© jâavoue.
Composition de lâenvironnement
VoilĂ un moment important ! Moi je suis un clown dans ce domaine, donc jâai posĂ© les yeux rapidement sur mon moodboard (prĂ©sentĂ© dans la partie texturing) et cette idĂ©e dâune porte en arc avec des nuages de tous les cĂŽtĂ©s mâa semblĂ© super intĂ©ressante.
Pour ce faire, les nuages sont modĂ©lisĂ©s de la mĂȘme maniĂšre que la base du vĂ©hicule. Jâai utilisĂ© plusieurs sphĂšres afin dâajouter les outils Volume Builder & Mesher pour gĂ©nĂ©rer un beau nuage bien lisse. Jâextrude un bel arc dans la compo et jâajoute ce que jâappellerais âles magnaneries quâon ne comprend pasâ avec ces cĂąbles qui passe dans lâarc pour ajouter de la profondeur.
Il serait peut-ĂȘtre temps dâavoir une preview sur lâaffaire. Lançons Redshift, avec une camĂ©ra, bien focal Ă 135 mm, bien Tele.
Lighting & Caméra
Jâai dans mon esprit lâidĂ©e dâun ciel type couchĂ© de soleil avec des tons chauds. Câest dans ce sens que mes yeux tombent sur cet HDRI de chez Poly Haven. Je joue avec son orientation afin de rĂ©vĂ©ler les dĂ©tails de mon objet. Jây rajoutais une area light arriĂšre-plan pour lâenvironnement. Le rĂ©sultat nâest pas dĂ©gueu, mon HDRI sera ma source de lumiĂšre principale pour cette composition.
Texturing
Nous voilĂ sur le texturing, pour lâoccasion jâavais prĂ©alablement rĂ©alisĂ© un petit moodboard afin dâavoir une direction sur ce que je voulais en termes de couleurs et dâidĂ©es de composition.
2 visions se sont opposĂ©es entre lâidĂ©e dâun style dĂ©taillĂ© avec ce cĂŽtĂ© usĂ© des mĂ©taux et celle plus cartoon avec des patterns trĂšs simples. Pour ĂȘtre honnĂȘte, je nâai pas vraiment su me dĂ©partager sur cette vision. Jâai fait le choix dâassimiler les deux au risque dâune petite incohĂ©rence.
Jâutilise un pack de texture de chez Greyscalegorilla et les patterns ont Ă©tĂ© dessinĂ©s par moi-mĂȘme comme le prĂ©sente Romain Braccini dans son tutoriel que je ne peux que vous recommander.
Pour lâenvironnement jâai placĂ© un gradient en arriĂšre-plan dans lâidĂ©e de simuler un coucher de soleil. Pour lâarc et lâensemble des petits objets jâai portĂ© mon choix sur la texture de verre pour reflĂ©ter avec lâarriĂšre-plan.
Je commence Ă obtenir quelque chose qui me plaĂźt, Ă moi de trouver la meilleure composition. Je vais modifier mes Ă©lĂ©ments, changĂ© le format pour ĂȘtre centrĂ© sur mon objet. Bref jâavise, câest le moment des tests Ă rĂ©pĂ©titions en termes de lightning, de texture et composition.
Animation
On va peut-ĂȘtre la finir cette compo ! Jâaurais pu passer directement en compositing et rendre une simple image, mais je ne peux pas mâempĂȘcher de le voir flotter dans les airs. Donc jâanime ce qui selon moi apportera du rĂ©alisme sur une sĂ©quence de 30 secondes.
Je commence par lâensemble de mon objet, le groupe du vĂ©hicule + le ballon va faire un dĂ©calage de gauche Ă droite en jouant avec les courbes dâanimation. On cherche de la douceur bande de brut ! Donc tranquille, le tout doit ĂȘtre doux pour avoir cette sensation de planeur.
Jâanime ensuite mes hĂ©lices, je pose 2 keyframes pour faire une rotation complĂšte. Je rĂ©duis les courbes afin dâavoir une rotation constante sans ralentissement et je place un mode ârepeatâ. (Whoaw.)
Compositing
Pour conclure, jâajoute les derniers Ă©lĂ©ments qui feront la diffĂ©rence.
- Le depth of field sur ma Redshift camĂ©ra afin dâavoir un joli flou dâarriĂšre-plan.
- Lâajout du motion blur, impĂ©ratif pour obtenir cette sensation de vitesse sur nos hĂ©lices fraĂźchement animĂ©es.
- Je finalise depuis le renderview en jouant avec lâexposition, le contraste, le boke.. bref. Je joue avec tous les petits paramĂštres Ă portĂ©e de ma souris pour obtenir un rĂ©sultat qui me satisfera.
RĂ©sultat et conclusion
Et voilĂ ! Jâai exportĂ© ces scĂšnes en sĂ©quence PNG, glissĂ© le tout sur After Effect pour faire un petit montage Ă 2 balles et voici le rĂ©sultat. Je suis assez satisfait dâautant plus que câest trĂšs loin de ce que je fais habituellement avec Art Atk. Ă raison de 2 heures par soir, ce projet aura durĂ© au complet 2 semaines. Est-ce que câest long ? Certainement.
JâespĂšre que cela aura pu vous aider de quelques maniĂšres que ce soit. Vous retrouverez lâensemble des fichiers sources gratuitement ici, amusez-vous avec tout ça, au fond, on le fait pour internet !
Venez discuter sur mon Twitter je serai ravi dâĂ©changer avec vous sur les meilleurs moyens pour parvenir Ă ce rĂ©sultat. Ă bientĂŽt, et ne cessez jamais dâapprendre.
Noctis
( @noctisartatk Twitter)
Les fichiers sources (Gumroad)
Lâillustrateur de gĂ©nie derriĂšre le dessin: Veyland