Jordan Clarke

Des hume

DesHumeProfil2.jpg

<p>Une façon de travailler existant de plus en plus chez les <strong>artistes 3D</strong> est d’être capable de tout faire tout seul, et ceci grâce à l’offre logicielle en explosion permanente. C’est le cas de <strong>Jordan Clarke</strong>, de Vancouver, pour ce clip sur un morceau chanté par son ami, l’étrange <strong>Des Hume</strong>. Outre la richesse visuelle de sa 3D, son originalité supplémentaire est d’avoir axé son clip sur son propre visage filmé devenu un masque animé par un <strong>traditionnel playback</strong>. Il en offre une sorte de <strong>déclinaison&nbsp;</strong>mise à jour. La synchronisation des <strong>masques</strong> animés sur les paroles est son point de départ, puis tout tourne autour des visages prenant toutes sortes de formes et d’aspects. Par ce <strong>fil conducteur</strong> du chant rendu évident visuellement, il s’est permis un enchainement fluide d’<strong>univers</strong> mécaniques très différents.</p><figure class="image"><img src="/uploads/Capture_d_ecran_2022_06_17_a_18_26_03_dcd4d394e1.jpg"></figure><p>Comme tous les artistes 3D, c’est un <strong>acharné-passionné</strong>, et, comme tout passionné, il adore partager ses découvertes. Il nous a donc détaillé étape par étape, logiciel par logiciel, comment il s’y est pris pour aboutir à ce <strong>résultat</strong>. Et surtout, utilisant un procédé désormais accessible de <strong>mocap,</strong> comment il a pu générer par lui-même le <strong>lipsync </strong>de ses masques. Un pas de plus vers l’<strong>autonomie</strong> totale. (Concrètement, la mocap ou <strong>motion capture</strong> va « capter » les mouvements dans l’espace à partir d’un acteur bien réel, pour ensuite les retranscrire sur un modèle virtuel en <strong>3D</strong>).<br>Malgré tout c’est une autonomie ultra-<strong>chronophage</strong>, et le nombre d’heures passées est <strong>colossal</strong>.&nbsp;<br>Mais quand on fait les choses par <strong>plaisir</strong>, comme c'est son cas, et pour un <strong>ami, </strong>cela ne compte pas.&nbsp;</p><figure class="image"><img src="/uploads/Playback_de_maintenant_19_3225d4321a.jpg"></figure><p>Jordan Clarke&nbsp;: «&nbsp;Je me suis mis à la <strong>3D</strong> parce que ça me permettait de faire <strong>tout seul</strong> beaucoup des choses pour lesquelles il faut habituellement une grosse équipe. Il y avait beaucoup de nouveaux outils qui permettaient d'obtenir un look très <strong>cinématographique</strong> sans avoir un tas d'ordinateurs déments connectés ensemble. Je pense aussi que j'étais naturellement <strong>doué</strong> pour ça. Je ne savais pas très bien dessiner, mais les logiciels m'ont permis de sortir des choses qui étaient dans mon <strong>cerveau</strong> et que je ne savais pas <strong>exprimer</strong> avec un crayon ou un pinceau&nbsp;».</p><figure class="image"><img src="/uploads/Playback_de_maintenant_26_b4751d124c.jpg"></figure><p>Jordan Clarke&nbsp;: «&nbsp;Ce projet a commencé d'une manière très peu <strong>traditionnelle</strong>, et je pense que c'est la raison pour laquelle ça a plutôt bien fonctionné. J'ai un bon ami, <strong>Des Hume</strong>, qui est constamment en train de produire des morceaux qui me chatouillent de la bonne façon. C’est un musicien incroyablement sous-estimé, dont j’adore la <strong>musique</strong>. Il appelle <a href="http://deshume.com/">son travail</a> l'<strong>Initiative Des Hume</strong>. C'est un peu comme une <strong>blague</strong>, mais c'est une sorte d'association artistique à but lucratif où il fait des expositions, dépose des pamphlets et produit de l'<strong>art</strong>&nbsp;».</p><figure class="image"><img src="/uploads/Playback_de_maintenant_24_59de08d578.jpg"></figure><p>&nbsp;</p><p>Jordan Clarke&nbsp;: «&nbsp;Pendant le Covid, il m'a envoyé cette <strong>chanson</strong> très <strong>minimale</strong>. C'était juste cette voix au <strong>vocoder</strong> avec beaucoup de respirations entre chacune des paroles. Ça prenait vraiment son temps et j'ai vraiment <strong>accroché</strong>. En même temps j'expérimentais un logiciel pour faire de la <strong>mocap</strong> sans studio de mocap. J'enregistrais par exemple mon visage sur mon téléphone, puis sur mon ordinateur j'utilisais ces données pour les importer dans le logiciel 3D. Ça m'a vraiment <strong>époustouflé</strong> d'avoir pu générer ce masque, cet espèce de visage robotique et j'ai trouvé que ça correspondait parfaitement à la <strong>chanson</strong>.<br>Je voulais que la chanson&nbsp;soit représentée par une <strong>chorale</strong> de masques ».&nbsp;</p><figure class="image"><img src="/uploads/Playback_de_maintenant_11_8e7b3d38ae.jpg"></figure><p>Jordan Clarke&nbsp;: « Je pense que parfois, les meilleures vidéos sont <strong>difficiles</strong> à expliquer et j'ai vu ce morceau dans ma tête avant même de commencer. C’était mon <strong>projet</strong> parallèle pendant que je faisais mon métier habituel (dans la publicité), une chose<strong> ludique</strong> que je faisais à côté. De ce fait, j'ai beaucoup plus <strong>expérimenté</strong>. J'ai juste été accro à ce projet, et en vérité je ne voulais pas vraiment qu’il se termine&nbsp;».</p><figure class="image"><img src="/uploads/Playback_de_maintenant_7_204a886415.jpg"></figure><p>Jordan Clarke&nbsp;: « Ma collaboration avec <strong>Des Hume</strong> a été absolument charmante, ce type est un amour absolu. Ce qui était super, c'est qu’il ne savait même pas que j'allais le faire. J'ai travaillé avec beaucoup d'artistes, beaucoup d'entre eux peuvent être très exigeants, vouloir tout contrôler, avoir pas mal d’égo, même quand cela n'est pas vraiment payé. Des Hume, en revanche, je lui ai montré le montage et il était en larmes. Il était tellement reconnaissant, il n'avait pas de mots, il disait juste : "J'apprécie tout ce que tu fais".<br>C'était une si bonne expérience que j'aimerais faire plus de choses pour lui. Et, encore une fois, je suis un grand fan de sa musique, donc c’était un processus très, très gratifiant. C'est la raison pour laquelle je fais ce genre de choses, parce que les vidéos musicales ne vous font pas vraiment gagner de l'argent&nbsp;».&nbsp;</p><figure class="image"><img src="/uploads/Playback_de_maintenant_9_b7edee9873.jpg"></figure><p>Jordan Clarke&nbsp;: « Je vais maintenant vous expliquer en détail tout mon <strong>processus</strong>. Au départ, je me suis filmé avec mon téléphone en train d'interpréter la chanson en synchro avec les paroles. J’ai donc traité mon visage dans cette <a href="https://www.maxon.net/en/article/introducing-moves-by-maxon">application</a> de mocap appelée Maxon Moves. Puis j’ai importé ça <a href="https://www.maxon.net/fr/cinema-4d">dans</a> Maxon Cinéma 4D, je voyais si ça se synchronisait bien, et quand c'était le cas alors j'avais déjà ces données comme base. J'ai fait le <strong>blocking</strong> (donner le rythme des plans en définissant le timing et les pauses) également dans Cinema 4D, je voyais en gros comment le masque principal se comportait sans <strong>effets</strong>. À partir de là, j'ai commencé à travailler la lumière, l'éclairage de chaque scène, j'ai pris un très grand nombre d'images-clés parce que je déplaçais littéralement ces lumières à la main, je les faisais tourner autour des sujets. Je trouve que déplacer les lumières ajoute beaucoup à la 3D, ça donne de la profondeur et de la <strong>vie</strong>. C'est ce qui prend le plus de temps, parfois le rendu de certaines images peut prendre jusqu’à <strong>8 minutes</strong>. Et il n'y a pas de moyen plus <strong>rapide</strong> de le faire.</p><figure class="image"><img src="/uploads/Playback_de_maintenant_15_4cdd53f991.jpg"></figure><p>Jordan Clarke&nbsp;: « Parallèlement, j’ai commencé aussi à travailler sur les textures et le design des volumes. Pour les textures, j'ai utilisé un programme d'Adobe appelé <strong>Substance</strong>, qui permet de les mélanger. Quand j'en avais marre de l'éclairage, je basculais sur la conception en <strong>volume</strong> des différents masques, j’en ai fait environ une <strong>centaine</strong>. Comme c'était juste pour m'amuser, je n'avais pas de date limite, d'accord ? Je commençais généralement par un modèle de base, dont je supprimais des parties, j'extrudais, je biseautais, pour <strong>modeler</strong> les masques qui me plaisaient. Sur la centaine, j'ai simplement choisi ceux que j'aimais <strong>le plus&nbsp;</strong>».&nbsp;</p><figure class="image"><img src="/uploads/Playback_de_maintenant_21_cc176d351a.jpg"></figure><p>Jordan Clarke&nbsp;: « Toujours dans <strong>Cinema 4D</strong>, à la fin j'ai aussi ajouté quelques effets de particules comme de la fumée et ce genre de choses. Et j'ai fait ça dans <strong>EmberGen</strong>, qui est un programme vraiment puissant pour les fluides, les flammes et la <strong>fumée</strong>&nbsp;».</p><figure class="image"><img src="/uploads/Playback_de_maintenant_12_ea2cd25704.jpg"></figure><p>Jordan Clarke&nbsp;: « L'étape finale en 3D était le rendu. Une fois fait, je l’ai mis dans <strong>Da Vinci Resolve</strong>. Et là, j'ai vraiment affiné la couleur. Pour moi les couleurs sont très importantes, j'ai l'impression qu'en 3D, la couleur est un peu reléguée au second plan. <strong>Resolve</strong> vous permet vraiment d'affiner les <strong>couleurs</strong> complémentaires exactes. J'aime donner l'impression d'être dans un film, l'adoucissement de la 3D est agréable, je n'aime pas la 3D vraiment numérique et dure. J'ai essayé de donner une sensation plus organique. Avec <strong>Resolve</strong>, il est vraiment possible d’obtenir ce look plus <strong>cinématographique</strong>.&nbsp;</p><figure class="image"><img src="/uploads/Playback_de_maintenant_22_8c9279f1f1.jpg"></figure><p>Jordan Clarke&nbsp;: «&nbsp;J'ai commencé par faire des vidéos de <strong>skateboard</strong> quand j'étais au lycée. J'étais toujours celui qui sortait la caméra et faisait ces vidéos de tous les skateurs locaux, je filmais sans arrêt. Grâce à ça, je me suis mis au <strong>montage</strong> sur de la musique. C'était mon camp d'entraînement pour faire des vidéos en tant qu'enfant, ça m'a permis d'obtenir une bourse pour aller à l'école de cinéma de <strong>Vancouver</strong>. J'ai toujours préféré le format court des clips, donc je me suis dirigé vers l’animation, le motion design et les VFX. Après avoir terminé l'école, j'ai obtenu mes premiers emplois à MTV et à MuchMusic dans le département créatif, et je travaillais constamment sur des projets créatifs, formats courts, et aussi en <strong>3D</strong>, c'était nouveau pour moi&nbsp;».</p><figure class="image"><img src="/uploads/Playback_de_maintenant_5_ef66c8c8cb.jpg"></figure><p>Jordan Clarke&nbsp;: « Mon inspiration, je la trouve en allant sur <strong>Instagram</strong>, <strong>Viméo</strong>, ou par des amis. Mais je trouve aussi l'inspiration en allant<a href="https://www.turbosquid.com/"> sur</a> <strong>Turbo Squid.</strong> C'est une bibliothèque géante, énorme, massive de modèles, d'objets et de trucs <strong>3D</strong>. Parfois, je mets de la musique et je fais défiler dans Turbo Squid pour voir quel genre de <strong>modèles</strong> il y a&nbsp;».Vous pouvez facilement trouver un <strong>objet</strong> 3D bizarre que quelqu'un a modélisé et que vous pourriez transformer en quelque chose d'autre. Une sorte de pratique du <strong>Kitbashing</strong>, c’est à dire mélanger, détruire, mixer, assembler des <strong>modèles</strong> existants. Dans Turbo Squid, vous pouvez télécharger un objet et commencer à jouer avec, parfois il coûte à peine <strong>20 dollars</strong>, c'est vraiment cool. Ça peut m’inspirer, je trouve que travailler directement vous donne plus d'<strong>idées</strong> que de rester assis là avec un papier et un stylo&nbsp;».&nbsp;</p><figure class="image"><img src="/uploads/Playback_de_maintenant30_aa7fb33511.jpg"></figure><p>Jordan Clarke&nbsp;: «&nbsp;Avec mon <i><strong>Instagram</strong></i>, je me donne des petits défis&nbsp;: &nbsp;ok, je vais faire quelque chose et je vais le poster ce soir. Peu importe ce que c'est. Comme <i><strong>Beepl</strong></i><strong>e</strong> qui poste un truc par jour (les <a href="https://www.beeple-crap.com/everydays">everydays</a>). Au fil du temps j'ai rassemblé un tas d'<strong>idées</strong> différentes et je peux commencer à voir comme un <strong>thème</strong> qui se dégage. Et puis quand un nouveau projet se présente, je peux adapter ces idées à un briefing.&nbsp;<br>J'essaie de m'amuser autant que possible. C'est le <strong>but</strong>.&nbsp;»</p><div class="raw-html-embed"><blockquote class="instagram-media" data-instgrm-captioned="" data-instgrm-permalink="https://www.instagram.com/tv/CeFiss8Lafa/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/tv/CeFiss8Lafa/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">Voir cette publication sur Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/tv/CeFiss8Lafa/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">Une publication partagée par Jordan Clarke (@jordanc87)</a></p></div></blockquote> <script async="" src="//www.instagram.com/embed.js"></script></div>

Jordan Clarke

Canada