{"id":5573,"date":"2024-02-16T08:00:07","date_gmt":"2024-02-16T07:00:07","guid":{"rendered":"https:\/\/www.tronatic-studio.com\/?p=5573"},"modified":"2024-03-05T08:59:44","modified_gmt":"2024-03-05T07:59:44","slug":"rotoscopie-la-revolution-du-xxe-siecle-dans-lanimation-au-cinema","status":"publish","type":"post","link":"https:\/\/www.tronatic-studio.com\/fr\/rotoscopie-la-revolution-du-xxe-siecle-dans-lanimation-au-cinema\/","title":{"rendered":"Rotoscopie : La r\u00e9volution du XXe si\u00e8cle dans l&rsquo;animation au cin\u00e9ma"},"content":{"rendered":"<h2><b>La rotoscopie a vu le jour au d\u00e9but du XXe si\u00e8cle gr\u00e2ce aux fr\u00e8res Fleischer. Cette fascinante technique d&rsquo;animation a r\u00e9volutionn\u00e9 l&rsquo;industrie cin\u00e9matographique et t\u00e9l\u00e9visuelle et n&rsquo;a, depuis, jamais cess\u00e9 d\u2019\u00e9voluer. En alliant l&rsquo;art du dessin \u00e0 la technologie des effets sp\u00e9ciaux, elle continue d&rsquo;\u00eatre une m\u00e9thode populaire pour cr\u00e9er des s\u00e9quences visuellement captivantes dans les films et les productions cin\u00e9matographiques.<\/b><\/h2>\n<h2><b>Mais comment la rotoscopie a \u00e9t\u00e9 cr\u00e9\u00e9e, comment fonctionne-t-elle ? C\u2019est ce que nous allons voir !\u00a0<\/b><\/h2>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #ff0000;\"><b>Les Origines de la Rotoscopie<\/b><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Nous devons la technique de la rotoscopie \u00e0 deux fr\u00e8res, <\/span><b>Max <\/b><span style=\"font-weight: 400;\">et <\/span><b>Dave Fleischer<\/b><span style=\"font-weight: 400;\">, qui ont brevet\u00e9 leur id\u00e9e en 1915. Leur nom vous est peut-\u00eatre inconnu, mais pas leur cr\u00e9ation !\u00a0<\/span><\/p>\n<p><center><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-5574\" src=\"https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/lf-300x250.jpg\" alt=\"Betty Boob et Popey, ambassadeur de la rotoscopie au XXe si\u00e8cle. \" width=\"600\" height=\"500\" srcset=\"https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/lf-300x250.jpg 300w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/lf-1024x852.jpg 1024w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/lf-768x639.jpg 768w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/lf-1536x1279.jpg 1536w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/lf.jpg 2036w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/center><\/p>\n<p align=\"justify\"><span style=\"font-weight: 400;\">C\u2019est \u00e0 eux que nous devons, entre autres, les dessins anim\u00e9s <\/span><b>Betty Boop<\/b><span style=\"font-weight: 400;\"> et <\/span><b>Popey<\/b><span style=\"font-weight: 400;\"> !<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Les ordinateurs surpuissants que nous utilisons de nos jours n&rsquo;existent pas encore, les fr\u00e8res <\/span><b>Fleischer<\/b><span style=\"font-weight: 400;\"> ont donc us\u00e9 d\u2019imagination afin de cr\u00e9er le rotoscope !\u00a0\u00a0<\/span><\/p>\n<p><center><img decoding=\"async\" class=\"alignnone wp-image-5575\" src=\"https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscope-300x300.png\" alt=\"Les d\u00e9buts de la rotoscopie \" width=\"410\" height=\"410\" srcset=\"https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscope-300x300.png 300w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscope-1024x1024.png 1024w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscope-150x150.png 150w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscope-768x768.png 768w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscope.png 1200w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/center><\/p>\n<p align=\"justify\"><span style=\"font-weight: 400;\">Le fonctionnement du <\/span><b>rotoscope<\/b><span style=\"font-weight: 400;\"> est le suivant : apr\u00e8s avoir au pr\u00e9alable film\u00e9 des sc\u00e8nes r\u00e9elles, les images \u00e9taient projet\u00e9es, une \u00e0<\/span><span style=\"font-weight: 400;\"> une sur une table transparente. Ainsi, le dessinateur pouvait tracer les contours des formes sur des calques.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Un certain <\/span><b>Walter Disney<\/b><span style=\"font-weight: 400;\">, trouvant l\u2019id\u00e9e forte int\u00e9ressante, l\u2019utilise dans un film tr\u00e8s connu\u2026 <\/span><b>Blanche Neige<\/b><span style=\"font-weight: 400;\"> !<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Au moment de la sortie de <\/span><b>Blanche Neige<\/b><span style=\"font-weight: 400;\">, c\u2019est un v\u00e9ritable carton pour <\/span><b>Disney<\/b><span style=\"font-weight: 400;\">, mais l\u2019un des terribles coups qui sonneront la fin des studios Fleischer. \u00c0 la fin du brevet d\u00e9pos\u00e9 par <\/span><b>Max<\/b><span style=\"font-weight: 400;\"> et <\/span><b>Dave<\/b><span style=\"font-weight: 400;\">, les studios <\/span><b>Disney<\/b><span style=\"font-weight: 400;\"> utilisent et am\u00e9liorent alors la rotoscopie pour la plupart de leurs films, devenant ainsi une r\u00e9f\u00e9rence.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Voyons \u00e0 pr\u00e9sent plus en d\u00e9tail le fonctionnement du rotoscope et de sa technique.\u00a0<\/span><\/p>\n<h3><span style=\"color: #ff0000;\"><b>Le fonctionnement de la rotoscopie<\/b><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Vous l\u2019aurez sans doute compris, le principe de la rotoscopie se base sur des images r\u00e9elles. Il est donc n\u00e9cessaire dans un premier temps de capturer en vid\u00e9o, les images qui vont \u00eatre par la suite rotoscopi\u00e9es. <\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">Une fois les \u00e9l\u00e9ments film\u00e9s, on vient d\u00e9tour\u00e9, c&rsquo;est \u00e0 dire trac\u00e9 le contour de l\u2019objet choisi (personnages, paysages, objets, etc.)\u00a0 dans la s\u00e9quence vid\u00e9o. Pour cela, il faut cr\u00e9er des courbes sur chaque image en posant des images cl\u00e9s de mani\u00e8re r\u00e9guli\u00e8re. En sachant qu\u2019il y a en g\u00e9n\u00e9ral 25 images par seconde\u2026 Vous imaginez l&rsquo;ampleur du travail !\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5576 size-full\" src=\"https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscopie-chateau-finale.png\" alt=\"Ch\u00e2teau utilis\u00e9 lors de la promotion de la deuxi\u00e8me saison de l'\u00e9mission Les Tra\u00eetres. Rotoscopie r\u00e9alis\u00e9 par Tronatic Studio VFX CGI DESIGN\" width=\"4975\" height=\"1237\" srcset=\"https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscopie-chateau-finale.png 4975w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscopie-chateau-finale-300x75.png 300w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscopie-chateau-finale-1024x255.png 1024w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscopie-chateau-finale-768x191.png 768w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscopie-chateau-finale-1536x382.png 1536w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/Rotoscopie-chateau-finale-2048x509.png 2048w\" sizes=\"(max-width: 4975px) 100vw, 4975px\" \/><\/p>\n<p><i><span style=\"font-weight: 400;\">Exemple de rotoscopie faite pour la bande-annonce de la saison 2 de l\u2019\u00e9mission<a href=\"https:\/\/www.tronatic-studio.com\/projet\/les-traitres\/\"> Les Tra\u00eetres<\/a><\/span><\/i><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Ainsi, une fois la minutieuse et pr\u00e9cise rotoscopie de votre personnage, objet ou autre faite, vous pour le supprimer, de l\u2019image, le coloriser, le modifier \u00e0 volont\u00e9, et ce, sur toutes les sc\u00e8nes o\u00f9 il est pr\u00e9sent.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">L\u2019int\u00e9r\u00eat de la rotoscopie est de pouvoir cr\u00e9er un mask (ou une sorte de s\u00e9lection) qui permet ensuite de pouvoir appliquer toute sorte de modifications<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Autre avantage \u00e0 l\u2019\u00e9poque de sa cr\u00e9ation, \u00e9tait qu\u2019elle permettait de capturer les mouvements au plus pr\u00e8s des acteurs. Aujourd\u2019hui, la rotoscopie permet de d\u00e9tourer et s\u00e9lectionner des \u00e9l\u00e9ments permettant ainsi de les dissocier les uns des autres. De nombreux films d&rsquo;action et de science-fiction ont b\u00e9n\u00e9fici\u00e9 de cette technique pour cr\u00e9er des effets visuels saisissants.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #ff0000;\"><b>La rotoscopie et le cin\u00e9ma<\/b><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">En 2006, Richard Linklater r\u00e9alise <\/span><a href=\"https:\/\/www.youtube.com\/watch?v=hkjDUERgCQw\"><b>A Scanner Darkly<\/b><\/a><b>,<\/b><span style=\"font-weight: 400;\"> une adaptation cin\u00e9matographique du roman \u00e9ponyme de Philip K. Dick. En utilisant la rotoscopie dans son film de science-fiction, Richard Linklater offre au film un style jamais vu.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Les acteurs, Keanu Reeves, Robert Downey Jr., Woody Harrelson et Winona Ryder, ont \u00e9t\u00e9 dans un premier temps film\u00e9s en live-action. Puis, leurs performances ont \u00e9t\u00e9 retravaill\u00e9es en utilisant la rotoscopie afin de coller avec l\u2019univers sombre et dystopique de l&rsquo;histoire. Le r\u00e9sultat final donne l&rsquo;impression que les personnages sont \u00e0 la fois r\u00e9els et dessin\u00e9s, cr\u00e9ant une atmosph\u00e8re \u00e9trange et onirique.\u00a0<\/span><\/p>\n<p><center><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5577\" src=\"https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/A-scr-300x167.png\" alt=\"\" width=\"600\" height=\"335\" srcset=\"https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/A-scr-300x167.png 300w, https:\/\/www.tronatic-studio.com\/wp-content\/uploads\/2024\/02\/A-scr.png 602w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/center><\/p>\n<p align=\"justify\"><span style=\"font-weight: 400;\">Dans ce film, la rotoscopie (mais pas que, d\u2019autres techniques ont \u00e9t\u00e9 utilis\u00e9es) a permis de capter toutes les subtilit\u00e9s des performances des acteurs, tout en conf\u00e9rant au film une esth\u00e9tique originale et in\u00e9dite.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #ff0000;\"><b>Notre utilisation\u00a0<\/b><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Au studio, nous utilisons \u00e9norm\u00e9ment la rotoscopie. Bien ma\u00eetris\u00e9e, cette technique nous permet de donner vie \u00e0 la vision de nos clients. C\u2019est une t\u00e2che qui peut \u00eatre parfois longue et fastidieuse. Comme expliqu\u00e9 pr\u00e9c\u00e9demment, il faut rotoscopier chaque \u00e9l\u00e9ment, image par image.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Heureusement, de nombreux logiciels permettent aujourd\u2019hui d&rsquo;acc\u00e9l\u00e9rer ce processus. Cependant, une main humaine et experte reste toujours obligatoire afin de v\u00e9rifier et corriger les \u00e9ventuelles erreurs commises par ces logiciels et IA.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Depuis sa cr\u00e9ation au d\u00e9but du XXe si\u00e8cle gr\u00e2ce aux fr\u00e8res Fleischer jusqu\u2019\u00e0 aujourd\u2019hui, la rotoscopie a \u00e9t\u00e9 un v\u00e9ritable atout majeur pour les VFX et reste une technique d&rsquo;animation r\u00e9volutionnaire qui a profond\u00e9ment marqu\u00e9 l&rsquo;industrie cin\u00e9matographique. Sa technique a permis de r\u00e9aliser des sc\u00e8nes d&rsquo;action spectaculaires, des transformations physiques impressionnantes et des interactions entre acteurs r\u00e9els et environnements anim\u00e9s. Qui sait ce que les prochaines ann\u00e9es et les avanc\u00e9es technologiques vont nous apporter pour la suite !<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La rotoscopie a vu le jour au d\u00e9but du XXe si\u00e8cle gr\u00e2ce aux fr\u00e8res Fleischer. Cette fascinante technique d&rsquo;animation a r\u00e9volutionn\u00e9 l&rsquo;industrie cin\u00e9matographique et t\u00e9l\u00e9visuelle et n&rsquo;a, depuis, jamais cess\u00e9 d\u2019\u00e9voluer. En alliant l&rsquo;art du dessin \u00e0 la technologie des effets sp\u00e9ciaux, elle continue d&rsquo;\u00eatre une m\u00e9thode populaire pour cr\u00e9er des s\u00e9quences visuellement captivantes dans [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":5601,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-5573","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vfx"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/posts\/5573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/comments?post=5573"}],"version-history":[{"count":0,"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/posts\/5573\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/media\/5601"}],"wp:attachment":[{"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/media?parent=5573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/categories?post=5573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tronatic-studio.com\/fr\/wp-json\/wp\/v2\/tags?post=5573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}