{"id":131,"date":"2020-03-25T14:26:29","date_gmt":"2020-03-25T13:26:29","guid":{"rendered":"https:\/\/lacuisine.tech\/fr\/?p=131"},"modified":"2020-03-25T16:24:57","modified_gmt":"2020-03-25T15:24:57","slug":"le-rig-de-camera-2d","status":"publish","type":"post","link":"https:\/\/lacuisine.tech\/fr\/le-rig-de-camera-2d\/","title":{"rendered":"Le rig de cam\u00e9ra 2D"},"content":{"rendered":"\nComme vous le savez peut-\u00eatre, chez Les F\u00e9es Sp\u00e9ciales nous avons largement utilis\u00e9 la technique du pantin en papier d\u00e9coup\u00e9 sur nos pr\u00e9c\u00e9dents projets. Certains aspects sont explor\u00e9s dans d\u2019autres articles, mais le layout du film nous int\u00e9resse particuli\u00e8rement. Cr\u00e9er des mouvements de cam\u00e9ra fluides lors d\u2019un zoom combin\u00e9 \u00e0 une translation (rotation depuis le centre) est un probl\u00e8me souvent rencontr\u00e9 pendant le layout d\u2019un film 2D.<br>Cet article fait la d\u00e9monstration d\u2019un setup de cam\u00e9ra que nous avons cr\u00e9\u00e9 pour r\u00e9soudre ce probl\u00e8me.<br><br><em>Cet article a d&rsquo;abord \u00e9t\u00e9 publi\u00e9 <\/em><a href=\"\/blog\/2018\/07\/19\/2d-camera-rig\/\"><em>en anglais sur notre blog<\/em><\/a><em> et a \u00e9t\u00e9 traduit par Samuel Bernou. Merci \u00e0 lui !<\/em>\n\n\n\n<!--more-->\n\n\n\n\n<h2>Le layout 2D, avant et maintenant<\/h2>\n\n\n\n\nDans les temps anciens, les studios utilisaient des bancs-titres et calculaient avec attention les instructions de layout pour animer ces cam\u00e9ras. Les choses sont devenues encore plus complexes lorsque les cam\u00e9ras multiplans se sont un peu r\u00e9pandues.<br>Les cam\u00e9ras des bancs-titres \u00e9taient toujours perpendiculaires aux d\u00e9cors et aux cellulo\u00efds, les regardant verticalement d\u2019en haut. Les d\u00e9cors, et non les cam\u00e9ras, se d\u00e9pla\u00e7aient dessous pour donner l\u2019illusion du mouvement de la cam\u00e9ra dans la sc\u00e8ne.<br>Il n\u2019y avait donc pas \u00e0 proprement parler de panoramiques (rotations de la cam\u00e9ra), seulement des travellings (la cam\u00e9ra se d\u00e9pla\u00e7ant perpendiculairement \u00e0 son axe de vis\u00e9e). Les d\u00e9cors les plus larges devaient \u00eatre dessin\u00e9s avec des d\u00e9formations, comme en <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Perspective_curviligne\">perspective curviligne<\/a>, de mani\u00e8re \u00e0 simuler la rotation de la cam\u00e9ra [1].<br><br>Dans Blender et son monde 3D, les choses sont diff\u00e9rentes : vous pouvez dessiner votre d\u00e9cor tout \u00e0 fait rectiligne, non d\u00e9form\u00e9, et r\u00e9ellement d\u00e9placer la cam\u00e9ra. En revanche, cela est toujours assommant \u00e0 pr\u00e9parer : si vous allez d\u2019une position \u00e0 une autre, il vous faut ajuster les param\u00e8tres X et Y de rotation de la cam\u00e9ra. Et si vous voulez zoomer sur un \u00e9l\u00e9ment simultan\u00e9ment cela devient encore plus complexe, comme le montre clairement la d\u00e9monstration suivante.\n\n\n\n<figure class=\"wp-block-embed-vimeo wp-block-embed is-type-video is-provider-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n\n<div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/280728165?dnt=1&amp;app_id=122963\" width=\"1170\" height=\"658\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen title=\"2D Camera rig &amp;ndash; standard workflow\"><\/iframe>\n<\/div>\n\n<\/figure>\n\n\n\nMais au-del\u00e0 de la difficult\u00e9 d\u2019appliquer ces mouvements de cam\u00e9ra, il y a un autre probl\u00e8me : le r\u00e9sultat n\u2019est pas terrible. Concentrez votre attention sur le coin en bas \u00e0 gauche, \u00e0 l\u2019endroit o\u00f9 se trouve une oreille famili\u00e8re. Remarquez que le coin de la cam\u00e9ra semble vibrer pendant le mouvement. Ce n\u2019est pas ce qu\u2019on veut. Mais \u00e0 ma connaissance, c\u2019est in\u00e9vitable. Ou alors il faut des efforts consid\u00e9rables pour le corriger, en ajoutant de nombreuses images cl\u00e9s \u00e0 la main pour contre-animer. Et malgr\u00e9 tous ces efforts, le r\u00e9sultat est souvent insatisfaisant.<br> \u200b<br>Durant le layout de <em>Dilili \u00e0 Paris<\/em> de Michel Ocelot, notre \u00e9quipe a cr\u00e9\u00e9 les layouts pour plus de mille plans. La majorit\u00e9 des plans sont statiques, mais tout de m\u00eame, il nous fallait un moyen d\u2019\u00e9conomiser \u00e0 la fois le temps et la sant\u00e9 mentale de notre \u00e9quipe layout.\u200b\n\n\n\n\n<h2>Vous ne croirez pas cette astuce simple pour soulager l\u2019\u00e9quipe layout<\/h2>\n\n\n\n\nPendant la production du film, Flavio a cr\u00e9\u00e9 un rig de cam\u00e9ra dans lequel il y a deux contr\u00f4leurs pour le cadre, un pour chaque coin inf\u00e9rieur. Ce rig \u00e9tait facilement accessible \u00e0 notre \u00e9quipe layout, qui pouvait simplement importer le groupe depuis un fichier de biblioth\u00e8que pour d\u00e9marrer le travail.\n\n\n\n<figure class=\"wp-block-embed-vimeo wp-block-embed is-type-video is-provider-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n\n<div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/280727950?dnt=1&amp;app_id=122963\" width=\"1170\" height=\"658\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen title=\"2D Camera rig demo\"><\/iframe>\n<\/div>\n\n<\/figure>\n\n\n\nCet enregistrement montre exactement le m\u00eame plan que pr\u00e9c\u00e9demment, mais cette fois-ci avec une pr\u00e9paration plus simple (remarquez que je ne lutte plus avec le param\u00e8tre de <em>Lens<\/em>, ou longueur focale). Plus important, remarquez \u00e9galement que le coin en bas \u00e0 gauche ne vibre plus et reste au m\u00eame endroit.<br><br>Pour mieux vous convaincre des b\u00e9n\u00e9fices de cette m\u00e9thode, jetez un \u0153il \u00e0 la comparaison suivante :\n\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/280727941?autoplay=1&amp;loop=1title=0&amp;byline=0&amp;portrait=0\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\" allowfullscreen=\"\" width=\"640\" height=\"720\" frameborder=\"0\"><\/iframe>\n\n\n\n\nBon, nous avons fait un rig de cam\u00e9ra, qu\u2019est-ce que \u00e7a peut vous faire\u202f? Eh bien j\u2019ai converti ce rig en add-on pour le diffuser plus facilement. Vous pourrez le trouver comme d\u2019habitude<a href=\"https:\/\/github.com\/LesFeesSpeciales\/camera-rig-2d\"> sur notre d\u00e9p\u00f4t Github<\/a>.<br><br>Mais ces fonctionnalit\u00e9s sont maintenant incluses nativement dans l\u2019add-on <em>Add Camera Rig<\/em> de Blender depuis la version 2.83. J\u2019en ai profit\u00e9 pour ajouter la possibilit\u00e9 d\u2019utiliser uniquement le d\u00e9centrement (<em>shift<\/em>) de cam\u00e9ra au lieu de la rotation pour les puristes 2D. De cette mani\u00e8re, vous n\u2019avez aucune d\u00e9formation de perspective et vous pouvez \u00e9galement utiliser des cam\u00e9ras axonom\u00e9triques (<em>orthographic<\/em>).<br><br>Merci d\u2019avoir lu, n\u2019h\u00e9sitez pas \u00e0 nous contacter si vous voulez nous faire part de vos id\u00e9es sur le layout de film !<br><br>P.S. Cet outil vous permet aussi de cr\u00e9er des travellings compens\u00e9s de la mort, comme le montre cette courte s\u00e9quence.\n\n\n\n<figure class=\"wp-block-embed-vimeo wp-block-embed is-type-video is-provider-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n\n<div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/280967607?dnt=1&amp;app_id=122963\" width=\"960\" height=\"540\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen title=\"2D camera rig transtrav\"><\/iframe>\n<\/div>\n\n<\/figure>\n\n\n\n\n<h2>Bibliographie<\/h2>\n\n\n\n\n[1] Fraser MacLean, <em>Setting the Scene<\/em>, Chronicle Books, 2011. ISBN 978-0811869874 <br>\n","protected":false},"excerpt":{"rendered":"<p>Comme vous le savez peut-\u00eatre, chez Les F\u00e9es Sp\u00e9ciales nous avons largement utilis\u00e9 la technique du pantin en papier d\u00e9coup\u00e9 sur nos pr\u00e9c\u00e9dents projets. Certains aspects sont explor\u00e9s dans d\u2019autres articles, mais le layout du film nous int\u00e9resse particuli\u00e8rement. Cr\u00e9er des mouvements de cam\u00e9ra fluides lors d\u2019un zoom combin\u00e9 \u00e0 une translation (rotation depuis le centre) est un probl\u00e8me souvent rencontr\u00e9 pendant&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":""},"categories":[19,17,18],"tags":[],"_links":{"self":[{"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/posts\/131"}],"collection":[{"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/comments?post=131"}],"version-history":[{"count":28,"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/posts\/131\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/posts\/131\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/media?parent=131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/categories?post=131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacuisine.tech\/fr\/wp-json\/wp\/v2\/tags?post=131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}