{"id":16646,"date":"2023-09-06T13:07:35","date_gmt":"2023-09-06T17:07:35","guid":{"rendered":"https:\/\/www.toonboom.com\/les-studios-sun-moon-montrent-leurs-vraies-couleurs-dans-les-bandes-annonces-de-life-is-strange\/"},"modified":"2025-05-29T11:55:12","modified_gmt":"2025-05-29T15:55:12","slug":"les-studios-sun-moon-montrent-leurs-vraies-couleurs-dans-les-bandes-annonces-de-life-is-strange","status":"publish","type":"post","link":"https:\/\/www.toonboom.com\/fr\/les-studios-sun-moon-montrent-leurs-vraies-couleurs-dans-les-bandes-annonces-de-life-is-strange","title":{"rendered":"Les studios Sun &amp; Moon montrent leurs vraies couleurs dans les bandes-annonces de Life Is Strange"},"content":{"rendered":"\n<p><em>Life Is Strange : True Colors<\/em> se d\u00e9roule dans un univers o\u00f9 des h\u00e9ros ordinaires sont dot\u00e9s de pouvoirs surnaturels extraordinaires. L'histoire du jeu est centr\u00e9e sur les gens, leurs relations et leurs d\u00e9fis. \u00c0 l'occasion de la sortie du jeu sur la Nintendo Switch, nous voyons cet univers h\u00e9ro\u00efque pris vie dans cette bande-annonce cin\u00e9matique, anim\u00e9e par <a href=\"http:\/\/sunandmoonstudios.co.uk\/work\/showreel\/\">Sun &amp; Moon Studios<\/a>, bas\u00e9 \u00e0 Bristol.  <\/p>\n\n\n\n<p>Pour donner de la profondeur \u00e0 un tel projet, il faut une \u00e9quipe tout aussi h\u00e9ro\u00efque d'animateurs, de concepteurs de personnages et d'artistes de fond. <em>Le d\u00e9veloppeur de Life Is Strange : True Colors<\/em>, le studio de jeu embl\u00e9matique Square Enix, a fait appel \u00e0 Sun &amp; Moon pour mener \u00e0 bien cette t\u00e2che.  <\/p>\n\n\n\n<p>Nous avons parl\u00e9 du projet avec le r\u00e9alisateur Dan Keeble. Dan explique ce qui a \u00e9t\u00e9 fait pour cr\u00e9er un look que les fans aimeraient, depuis les recherches approfondies sur les sc\u00e8nes coup\u00e9es du jeu et les dessins de fans, jusqu'\u00e0 la conception des personnages avec l'illustratrice Carol Maciel. Il partage \u00e9galement quelques techniques sur la fa\u00e7on dont les d\u00e9formateurs et l'outil de d\u00e9calage et de tra\u00e7age d'Harmony les ont aid\u00e9s \u00e0 r\u00e9aliser leur projet.<\/p>\n\n\n\n<p>Lisez l'int\u00e9gralit\u00e9 de l'interview ci-dessous pour d\u00e9couvrir comment un studio d'animation r\u00e9alise un projet pour un grand d\u00e9veloppeur de jeux vid\u00e9o, ainsi que d'autres informations int\u00e9ressantes sur l'industrie de la part de l'\u00e9quipe de Sun &amp; Moon.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Three Life Is Strange Games come to Nintendo Switch! | E3 2021\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/FVOE2PxYNl0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen loading=\"lazy\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Bande-annonce de <em>Life is Strange : True Colors<\/em>, annonc\u00e9 lors de l'E3 2021.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Comment s'est d\u00e9roul\u00e9 votre processus de recherche sur les sources de Life Is Strange ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>Il est \u00e9vident que nous avons appris \u00e0 conna\u00eetre les personnages et les environnements en regardant les jeux et les sc\u00e8nes coup\u00e9es des jeux eux-m\u00eames, mais nous avons aussi regard\u00e9 les dessins de fans pour voir comment les fans eux-m\u00eames voyaient le monde. L'\u00e9motion est au premier plan dans<em> Life is Strange<\/em> et cela se voit \u00e9galement dans le fan art. Nous esp\u00e9rions cr\u00e9er quelque chose que les fans aimeraient et auquel ils s'identifieraient \u00e9galement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Que pouvez-vous nous dire sur le processus de Storyboarding pour la bande-annonce ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>Nous avons re\u00e7u des storyboards de Square Enix pour chacune des bandes-annonces que nous avons r\u00e9alis\u00e9es. Nous avons ensuite modifi\u00e9 les planches lorsque nous avons constat\u00e9 que nous pouvions am\u00e9liorer les bandes-annonces. Dans la bande-annonce de <em>True Colours<\/em>, par exemple, nous avons combin\u00e9 certains plans pour cr\u00e9er un rythme plus d\u00e9tendu, adapt\u00e9 \u00e0 l'ambiance et \u00e0 la musique.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Comment d\u00e9cririez-vous le style artistique de Life Is Strange ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>Les dessins des personnages sont directement issus de la plume et du style de Carol Maciel. Nous avons choisi de travailler avec Carol parce qu'elle cr\u00e9e des personnages tr\u00e8s expressifs et d'apparence plus naturelle, avec la touche japonaise que nous voulions apporter aux animations. Pour les d\u00e9cors, nous avons beaucoup regard\u00e9 les films de Makoto Shinkai tels que <em>Your Name<\/em>. Il est pass\u00e9 ma\u00eetre dans l'art de cr\u00e9er des ambiances avec le temps et si nous parvenions \u00e0 atteindre ne serait-ce que 10 % de la beaut\u00e9 de son travail, nous serions gagnants !<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Life Is Strange: True Colors trailer - Compositing breakdown\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/siaMXatRp-8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen loading=\"lazy\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">D\u00e9composition de la bande-annonce de Life Is Strange : True Colors, fournie par Sun &amp; Moon Studios.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><em>\u00cates-vous conscient de la fa\u00e7on dont les graphismes du jeu influencent votre ex\u00e9cution dans l'animation ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>Nous nous sommes inspir\u00e9s du jeu pour la plupart de nos couleurs. La s\u00e9rie<em> Life is Strange<\/em> fait un usage fantastique de l'\u00e9clairage pendant l'heure dor\u00e9e et nous l'avons largement utilis\u00e9 ! Il cr\u00e9e une sorte de r\u00e9alit\u00e9 exacerb\u00e9e, un lieu onirique que l'on a l'impression d'avoir d\u00e9j\u00e0 visit\u00e9. Il cr\u00e9e rapidement un sentiment de foyer et d'appartenance que nous voulons que le spectateur ressente lorsqu'il voit les personnages embl\u00e9matiques de Life is Strange.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Quels sont les outils ou les techniques de <\/em><a href=\"https:\/\/www.toonboom.com\/fr\/produits\/harmony\">\n  <em>Toon Boom Harmony<\/em>\n<\/a><em> ont permis d'obtenir ce style ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>L'outil de <a href=\"https:\/\/docs.toonboom.com\/help\/harmony-22\/premium\/paperless-animation\/shift-drawings.html\">d\u00e9calage et de tra\u00e7age<\/a> est tr\u00e8s utile chaque fois que nous r\u00e9alisons une animation dessin\u00e9e \u00e0 la main. Il vous permet de d\u00e9placer temporairement des cadres comme si vous preniez du papier sur votre barre d'accrochage et que vous l'utilisiez comme r\u00e9f\u00e9rence ; par exemple, pour conserver les proportions du visage. Bien que l'animation ait \u00e9t\u00e9 dessin\u00e9e \u00e0 95 % \u00e0 la main, les d\u00e9formateurs sont \u00e9galement tr\u00e8s utiles. Il y a un d\u00e9formateur dans le bras sur le plan rapproch\u00e9 de la baguette, juste pour \u00e9loigner cet \u00e9l\u00e9ment de la d\u00e9coupe. L'animation a \u00e9t\u00e9 modifi\u00e9e dans le gros plan d'Alex, le personnage chantant de la bande-annonce de <em>True Colors<\/em>. Nous avons donc utilis\u00e9 le <a href=\"https:\/\/docs.toonboom.com\/help\/harmony-22\/premium\/deformation\/about-free-form-deformation.html\">d\u00e9formateur de formes libres<\/a> pour ajouter cet \u00e9l\u00e9ment tr\u00e8s rapidement plut\u00f4t que d'avoir \u00e0 examiner attentivement chaque dessin image par image et \u00e0 l'ajuster.<\/p>\n\n\n\n<p>Des d\u00e9formateurs ont \u00e9galement \u00e9t\u00e9 utilis\u00e9s pour ajouter tous les logos et tatouages complexes aux personnages et aux v\u00eatements. Ce travail \u00e0 la main aurait \u00e9t\u00e9 extr\u00eamement laborieux et aurait probablement donn\u00e9 lieu \u00e0 des logos qui se seraient dispers\u00e9s et auraient trop attir\u00e9 l'attention sur eux. Ces \u00e9l\u00e9ments constituent une partie essentielle du look de chaque personnage, en particulier le tatouage ! Les d\u00e9formateurs de courbes et de formes libres nous ont permis d'ajouter ces \u00e9l\u00e9ments de mani\u00e8re transparente \u00e0 l'animation dessin\u00e9e \u00e0 la main.<\/p>\n\n\n\n<p>Les <a href=\"https:\/\/docs.toonboom.com\/help\/harmony-22\/premium\/reference\/node\/output\/write-node.html\">n\u0153uds d'\u00e9criture<\/a> font de l'exportation de diff\u00e9rentes passes un v\u00e9ritable jeu d'enfant. Nous avions des lignes, des couleurs et une passe d'ombre export\u00e9es s\u00e9par\u00e9ment pour chaque personnage. Il s'agit d'un petit d\u00e9tail, mais qui peut s'av\u00e9rer tr\u00e8s utile, mais le n\u0153ud de dessin au trait comporte une case \u00e0 cocher appel\u00e9e \"aplatir\" qui vous permet d'exporter le dessin au trait de plusieurs calques en une seule image plane.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" data-id=\"17337\" src=\"https:\/\/cdn3.toonboom.com\/wp-content\/uploads\/2025\/05\/29113621\/LIS_CharDesigns.jpg\" alt=\"\" class=\"wp-image-17337\"\/><figcaption class=\"wp-element-caption\">Dessins des personnages utilis\u00e9s dans la bande-annonce anim\u00e9e, fournis par Sun &amp; Moon Studios.<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><em>L'accent \u00e9tant mis sur les histoires \u00e9motionnelles, comment utilisez-vous l'animation pour r\u00e9pondre \u00e0 ce sujet \u00e9motionnel ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>Travailler avec Life is Strange a \u00e9t\u00e9 pour nous une occasion fantastique d'apporter plus de subtilit\u00e9 \u00e0 l'animation, en particulier dans les moments d'\u00e9motion. Une grande partie du travail de notre studio se d\u00e9roule \u00e0 un rythme rapide, avec une grande part de com\u00e9die, et s'adresse \u00e0 un public plus jeune. Pour <em>Life is Strange<\/em>, nous avons pris le temps de bien saisir les \u00e9motions du personnage pendant la phase de mise en page. Ces dessins cl\u00e9s dictent l'\u00e9motion de l'ensemble des sc\u00e8nes et il est \u00e9tonnant de constater \u00e0 quel point un l\u00e9ger changement de sourcil ou la fermeture d'un \u0153il peut \u00eatre r\u00e9v\u00e9lateur. Nous sommes tous tr\u00e8s sensibles \u00e0 ces signaux \u00e9motionnels et nous devions donc capter les bonnes \u00e9motions lors de la mise en page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Les histoires \u00e9tant centr\u00e9es sur les trois amis pr\u00e9sent\u00e9s dans la bande-annonce, pouvez-vous nous parler de vos m\u00e9thodes de conception des personnages pour transmettre ces personnalit\u00e9s distinctes ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>Les personnages ont tous \u00e9t\u00e9 pr\u00e9-con\u00e7us par Square Enix, c'est donc eux qui ont fait le gros du travail. Il nous incombait de veiller \u00e0 rester fid\u00e8les \u00e0 leurs dessins en les transposant dans le nouveau style 2D.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Lo-Fi is Strange: True Colors\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/0hV0Iqt_u00?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen loading=\"lazy\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><em>Lofi Is Strange : True Colors<\/em>, une boucle anim\u00e9e cr\u00e9\u00e9e par Sun &amp; Moon Studios et inspir\u00e9e de l'iconique <em>\n  <a href=\"https:\/\/www.youtube.com\/@LofiGirl\">Lofi Girl<\/a>\n<\/em>.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Comment cr\u00e9ez-vous la lumi\u00e8re et l'atmosph\u00e8re \u00e9tonnantes du voyage de l'ami ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>Des touches de couleur fortes \u00e9taient importantes pour \u00e9tablir le ton de chaque bande-annonce. La plupart du temps, l'\u00e9clairage est rest\u00e9 pr\u00e9cis et le soleil est rest\u00e9 au m\u00eame endroit d'un plan \u00e0 l'autre, mais lorsque le plan le n\u00e9cessitait, nous avons pris une ou deux libert\u00e9s pour renforcer l'impact \u00e9motionnel de la prise de vue. Par ailleurs, on pourrait \u00eatre tent\u00e9 de tout baigner dans des teintes chaudes avec une animation se d\u00e9roulant \u00e0 l'heure dor\u00e9e, mais les couleurs froides apportent un contraste essentiel dans les arri\u00e8re-plans.  <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Quelles attentes devez-vous avoir \u00e0 l'esprit lorsque vous livrez un travail d'animation pour un grand studio de jeux vid\u00e9o comme Square Enix ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>Pour \u00eatre honn\u00eate, nous traitons chaque travail avec le respect qu'il m\u00e9rite, quel que soit le client. Oui, il s'agit de donner aux fans ce qu'ils aimeraient voir, mais le plus important est de faire confiance \u00e0 nos propres capacit\u00e9s et de donner une direction claire \u00e0 chaque pi\u00e8ce. En fin de compte, l'art, c'est nous tous qui parlons et partageons, et si vous n'apportez pas votre propre voix \u00e0 l'\u0153uvre, vous aurez beaucoup plus de mal \u00e0 \u00e9tablir un lien avec le spectateur. Si vous ne dites rien, les gens ne vous \u00e9couteront pas.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Life is Strange: True Colors - Nintendo Switch Boxed Version Out Now! [ESRB]\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/_zVAOR78eAo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen loading=\"lazy\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Sun &amp; Moon Studios a contribu\u00e9 \u00e0 l'animation de la promotion de la sortie de <em>Life is Strange : True Colors<\/em>.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><em>\u00c0 quoi ressemble une journ\u00e9e dans la vie d'un animateur aux Studios Sun &amp; Moon ?<\/em><\/h2>\n\n\n\n<p><strong>Dan : <\/strong>Il n'y a pas de journ\u00e9e type dans la vie d'un animateur chez Sun &amp; Moon Studios. Chaque projet sur lequel nous travaillons \u00e9tant tr\u00e8s diff\u00e9rent, nous avons tous l'occasion de jouer des r\u00f4les compl\u00e8tement diff\u00e9rents d'une production \u00e0 l'autre. Cette diversit\u00e9 nous permet de nous d\u00e9velopper dans tous les domaines de l'animation et nous maintient tous en \u00e9veil !<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.toonboom.com\/wp-content\/uploads\/2025\/05\/Storyboard-for-Life-is-Strange-Trailer-1024x576.jpg\" alt=\"\" class=\"wp-image-17338\"\/><figcaption class=\"wp-element-caption\">\u00c9chantillon de storyboard tir\u00e9 de la promotion de Life Is Strange : True Colors, fourni par Sun &amp; Moon Studios.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pr\u00eat \u00e0 d\u00e9couvrir d'autres \u0153uvres color\u00e9es de Sun &amp; Moon Studios ? Vous trouverez des informations sur leurs r\u00e9centes productions sur le <a href=\"http:\/\/sunandmoonstudios.co.uk\/\">site web<\/a> du studio, et si vous souhaitez rejoindre leur \u00e9quipe, n'h\u00e9sitez pas \u00e0 consulter leur <a href=\"http:\/\/sunandmoonstudios.co.uk\/jobs\/\">page carri\u00e8res<\/a>.  <\/li>\n\n\n\n<li>Vous souhaitez d\u00e9marrer votre projet d'animation ? Les artistes peuvent t\u00e9l\u00e9charger une version d'essai de 21 jours pour Harmony Premium <a href=\"https:\/\/www.toonboom.com\/fr\/produits\/harmony\">sur notre site web<\/a>.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Life Is Strange : True Colors se d\u00e9roule dans un univers o\u00f9 des h\u00e9ros ordinaires sont dot\u00e9s de pouvoirs surnaturels extraordinaires. L'histoire du jeu est centr\u00e9e sur les gens, leurs relations et leurs d\u00e9fis. \u00c0 l'occasion de la sortie du jeu sur la Nintendo Switch, nous voyons cet univers h\u00e9ro\u00efque pris vie dans cette bande-annonce [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":4520,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[288],"tags":[],"class_list":["post-16646","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/posts\/16646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/comments?post=16646"}],"version-history":[{"count":1,"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/posts\/16646\/revisions"}],"predecessor-version":[{"id":16647,"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/posts\/16646\/revisions\/16647"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/media\/4520"}],"wp:attachment":[{"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/media?parent=16646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/categories?post=16646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.toonboom.com\/fr\/wp-json\/wp\/v2\/tags?post=16646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}