Geek, Behind the Screen ! by Nicolas Lissarrague

NOTE D’INTENTION GENERALITES SCENARIO LE PROJET

LE PROJET 4 Note d’intention 7 Scénario 14 Titre 15 Inspirations

NO T E D ’ I NTENTION

NOT E D ’INTENTION

Mon projet consiste en une bande annonce qui sera réalisée en dessin animé sur une durée d’environ 2 minute. Techniquement, elle combine dessin animé traditionnel et animation flash ainsi que quelques éléments 3D. Ce dossier de pré-production comporte :

le scénario le story-board le character design l’animatique les lay-out des décors la charte sonore la charte couleur La phase de production consistera donc en l’animation des personnages, la réalisation des décors, l’enregistrement des voix et quelques bruitages, et ensuite en l’assemblage de tous ces éléments dans un logiciel de compositing.

NOTE D ’INT ENT ION A cette bande annonce se joint un boitier dvd avec son livret ainsi qu’une page internet. Ils impliquent la création d’un logo (titre) et de déclinaisons graphiques en rap port avec le dessin animé et son intrigue. Dans ce dossier de pré-production il s’agit d’ établir la charte couleur et formelle pour ces documents, en raccord avec la bande annonce. La page internet permettra de diffuser la bande annonce mais aussi de publier une galerie d’images pouvant jouer le rôle de making of...

S C E N A RIO

SCENARIO

Le soleil se lève sur un paysage urbain et gris. Il se reflète sur les vitres des immeubles alignés. Un réveil sonne. Une main se pose dessus et l’éteint. C’est une jeune fille au visage endormi, Naomie, qui l’a arrêté. Cette dernière va nonchalemment se servir un bol de céréales. Ses gestes sont lents, la jeune fille affiche une démotivation flagrante. Sa mère s’approche pour lui faire des remontrances, et envoie l’adolescente faire quelques courses à l’extérieur, espérant ainsi la voir sortir et rencontrer des amis. La jeune fille se débarasse rapidement de sa corvée, elle fait l’aller-retour sans détour, dans des rue quasi-vide. Quels sont donc les centres d’intérêt de cette jeune fille au mode de vie si particulier? De retour dans sa chambre, elle s’affale sur son lit. Mais progressivement, la pression monte : son poste de télévision et une manette posée sur le sol semblent exercer un pouvoir d’attraction étrange. Dans la console de jeu vidéo, le jeu inséré porte le

SCENARIO

nom de « Curlytail Adventures », Curlytail étant un cochon aux supers pouvoirs. L’expression de la jeune fille change. Les yeux emplis d’une lueur jusqu’alors inconnue, elle prend possession de sa manette, et se met à jouer. Elle semble hypnotisée, à la fois déconnecté du monde réel et complétement immergée dans le monde virtuel dans lequel elle est entrée. Elle manie le jeu avec aisance, dirigeant le héros virtuel, le cochon Curlytail, par delà tous les pièges du jeu. La session semble interminable, et l’adolescente infatiguable. RUPTURE Dans un état semi conscient, elle ne réagit pas de suite quand le cochon Curlytail manifeste des signes de fatigue derrière l’écran. De plus en plus mécontent, ce dernier devient autonome, et n’obéit plus aux commandes de la joueuse. En ignorant ces revendications, Naomie s’est attirée les foudres du cochon qui s’en va enclen-

SCENARIO

cher un mécanisme. Suite à cette action, un flash de lumière émane de l’écran , et de manière tout à fait incroyable, Naomie est soudainement absorbée tout entière par son écran. REVEIL ET RENCONTRE Lorsqu’elle reprend connaissance, la jeune fille est dans un environnement envahi d’une lumière éblouissante. Est-elle morte d’un abus de jeux vidéos? Est ce possible? Quelqu’un est là pour répondre à ses questions : Curlytail, en personne. Naomie est entrée dans le jeu, Curlytail exige d’elle qu’elle prenne sa place, excédé par les abus de la joueuse. PIG ISLAND Naomie pénètre alors dans le monde magique de Pig Island. Les paysages sont fantastiques, et ici le corps de la jeune fille n’est pas soumis aux mêmes lois physiques que dans la réalité : elle peut voler, courir

SCENARIO

à des vitesses astronomiques ! Mieux encore, elle dispose de pouvoirs magiques incroyables. Complétement enchantée, Naomie est séduite par ce monde et perd pied avec la réalité. Elle oublie ses attraits pour la vie réelle et s’abandonne à ce monde d’insouciance. MISE EN DANGER Mais les effets du monde virtuel commencent à se faire sentir : peu à peu, Naomie perd en liberté dans ses gestes qui sont de plus en plus limités, de même que ses répliques qui s’automatisent, comme pour n’importe quel personnage de jeu vidéo. Pire encore, son corps se fragmente progressivement, elle se transforme en un personnage bitmap, en pixels ! Malgré les avertissements de Curlytail, Naomie éprouve des difficultés à établir une frontière entre le virtuel et la réalité. Cette confusion a des conséquences, et pour s’en sortir, Naomie devra faire un travail

SCENARIO

sur elle-même et surtout trouver le moyen de sortir de là, sans quoi elle sera absorbée. L’EPREUVE Pour cela, il lui faut être plus maligne que le jeu lui même qui se personnifie peu à peu en une instance maléfique, et elle doit déceler les «bugs» qui lui permettront de court-circuiter la console. En faisant appel à sa connaissance des lieux mais aussi à son esprit, ce que le jeu ne peut anticiper, Naomie se met à la recherche de ces recours secrets. Dans cette aventure effrénée, elle va devoir se mettre en danger à plusieurs reprises en se jetant dans le vide ou encore en surpassant les performances préconfigurées dans les niveaux du jeu. COMBAT FINAL En surchauffe, le jeu vidéo «déraille» et tente par tous les moyens de stopper la joueuse. Cependant il ne parvient pas à prévoir les réactions de Naomie qui n’a pas la

SCENARIO

logique d’un programme informatique. Dans un dernier combat et avec l’aide de Curlytail, la jeune fille parvient à déstabiliser son ennemi qui se dissout en un grand flash lumineux. UN REVE ? A t-elle réussi? Lorsque Naomie ouvre les yeux, elle est allongée sur son lit. Etait-ce un rêve? Elle jette un oeil à sa console qui semble intacte. Cependant, elle remarque que la cartouche de son jeu a été éjectée. Elle la prend entre ses mains, le regard hagard, et après un moment d’hésitation, la repose doucement sur le sol. Il lui faudra un moment avant de relancer ce jeu... ou un autre.

TITRE Trouver un titre au dessin animé n’a pas été une tâche facile. A vrai dire, c’est assez tardivement que je me suis accrochée à une idée définitive, qui en fait en combine deux. En effet, parmis les propositions, il y avait :

Geek Game addict Pig Island Naomi’s adventures Behind the screen Enter the Game J’avais en tête l’expression «Geek» depuis l’origine du projet, mais je voulais également évoquer le scénario et le passage dans le jeu. Aussi, le titre est devenu :

«GEEK, Behind the Screen»

IN S P IR A T IONS

INSPIRAT IONS

Dans un premier temps, l’idée du thème de l’addiction au jeux vidéos m’est venue lors d’une conférence qui avait lieu lors de mon stage en juin 2009. Cependant je ne voulais pas donner un aspect moralisateur à mon histoire mais plutôt un ton léger et ludique. D’un point de vue stylistique, c’est le travail de Jamie Hewlett avec le groupe Gorillaz qui m’interesse depuis longtemps. Le personnage de Naomie est d’ailleurs inspiré de Noodle, membre du groupe «virtuel». L’esthétique de leur clip musicaux m’influence également beaucoup dans ma réalisation. Lorsque le scénario s’est précisé et que j’ai du penser à représenter le monde virtuel de Pig Island, c’est assez naturellement que je me suis tournée vers l’univers de Mario et aux graphismes des premiers opus, pour leur simplicité et la facilité que j’aurai à les «recycler». Cela a également pour effet de simplifier la compréhension du spectateur qui y reconnait un «code» universel du jeu vidéo.

INSPIRAT IONS

Pour la réalisation elle-même, c’est l’observation des nouvelles techniques d’animation sous Flash, et notamment les rendus obtenus dans les dessins animés d’Ankama, qui m’ont attirée et donné envie de m’essayer à l’animation.

Delphine Fourneau Master II Créanum

Projet Professionnel Dossier Préparatoire

RECHERCHES GRAPHIQUES

DESSIN ANIME

DECORS & PERSONNAGES

RECHERCHES GRAPHIQUES 5 Les personnages 7 Naomie 11 Curlytail 13 DĂŠcors 17 Charte stylistique

LES P E R S O NNAGES Les deux personnages principaux du dessin animé sont Naomie et Curlytail. Leur ambivalence et à la fois leur décalage sont le fondement du scénario. Naomie appartient au monde réel tandis que Curlytail est un personnage «virtuel». Visuellement, ce décalage est bien présent, aussi bien dans la représentation des personnages que dans leurs attitudes.

N A O M IE C22 M71 J100 N11 R181 V93 B13 C1 M21 J65 N0 R252 V203 B113

C78 M24 J95 N9 R62 V137 B70 C70 M64 J64 N37 R71 V70 B70 C30 M45 J87 N8 R174 V132 B65 C11 M8 J8 N0 R225 V225 B225

NAOM IE

Naomie est une adolescente d’environ 13

ans. Elle est très mince, son visage est encore rond comme celui d’un enfant. Elle n’est pas très à la mode ni très féminine, son look est assez atypique, voire rétro. Ces cheveux roux/auburn bouclés et coupés assez courts sont négligés, d’où cette coupe invraisemblable en «boudins». Naomie est une «geek», elle est passionnée par son jeu vidéo, d’où son apparence un peu «garçon manqué». Rêveuse et complètement détachée de la réalité, elle a souvent une attitude d’idiote.

C U R L Y T AIL

C0 M50 J44 N0 R246 V150 B130 C11 M70 J67 N1 R218 V108 B88 C30 M45 J87 N8 R174 V132 B65

CURLYT AIL

Curlytail quant à lui, et comme son prénom

l’évoque, est un cochon. Il est le héros du jeu vidéo favori de Naomie, et également l’idôle de cette dernière. Cependant, il a mauvais caractère et pas la même tolérance que les personnages de jeu vidéo traditionnels... Lorsque Naomie l’exploite trop, il se révolte et se met en grêve. Il sourit peu dans le dessin animé, sauf lorsqu’il se moque de Naomie. Il ressemble à une peluche et ne se sépare jamais de sa pipe à bulle, ce qui rend le personnage d’autant plus charismatique.

D E C O RS

Deux mondes bien distincts apparais-

D ECORS

sent dans la bande annonce : la chambre de Naomie et celui du jeu vidéo, Pig Island. Dans la première phase de la bande annonce, la chambre de Naomie est représentée de manière assez «réaliste» en terme de couleurs, de perspective... C’est une chambre d’adolescente assez banale et standard, dans laquelle prédomine le poste de télévision. Lorsque Naomie est absorbée, elle passe dans une «salle de transit» complétement vide qui est simplement représentée par un fond blanc.

D ECORS Ensuite, Naomie fait la découverte de Pig Island. Très inspirés des graphismes des premiers jeux Mario, les paysages de Pig Island sont très colorés, les montagnes ont des formes arrondies, la végétation très présente également. Ce sont des paysages improbables, surréalistes. Stylistiquement, ils sont traités de manière à accentuer l’effet «2D» avec des contours plus épais et de grands aplats colorés.

CH A R T E S T Y LISTIQUE En complément des descritions faites dans les pages précédentes concernant les décors et les personnages, la charte stylistique s’adapte au scénario et n’est pas constante. En effet, pour marquer le changement qui s’opère lors du passage de Naomie dans le monde virtuel, et pour mieux l’intégrer aux paysages de Pig Island, l’adolescente est représentée avec des contours plus épais dès qu’elle entre dans le jeu. Curlytail est toujours représenté avec ces contours puisqu’il fait partie du jeu. Ainsi, dans la première phase du dessin animé, lorsque Naomie est dans sa chambre, sa représentation est «standard», mais après être passée «derrière l’écran», elle appartient alors à un monde en deux dimensions, et dont la représentation diffère de la réalité.

C H ARTE STYLIST IQUE

Delphine Fourneau Master II Créanum

Projet Professionnel Dossier Préparatoire

ANIMATIQUE

STORY-BOARD

CHARTE SONORE

Prévisualisation

PREVISUALISATION

PREVISUALISATION 5 Charte sonore 7 Story-board 17 PrĂŠparation 18 Animatique

C H A R T E S ONORE La réalisation de ce projet implique la réalisation d’une bande son. Soucieuse d’obtenir des enregistrements d’aspect professionnel pour les voix des personnages mais aussi un mixage fluide pour l’intégration des bruitages et de la musique, j’ai fait appel à un ingénieur du son pour qu’il me vienne en aide sur cette partie de la réalisation. Une première réunion le 15/12/2009 avec

Alain Duquenoy, ingénieur du son (A.D ProduqSon) m’a ainsi permise de recevoir

des conseils précieux et de lui présenter mon projet pour préparer les enregistrements qui auront lieu le 12/01/2010.

CHARTE SONORE

La bande-son complète et agit en redondance avec l’image. Ainsi, dans la première partie, la musique [Gorillaz , D-Sides/Spitting out the Demons] est très rythmée pour accentuer l’aspect mécanique de l’attitude de Naomie. La musique de la deuxième partie se veut évocatrice du domaine ludique du jeu vidéo et de l’entrain de Naomie. Sur la version de l’animatique fournie avec ce dossier (voir ciaprès), le morceau est choisi dans cet esprit [Gorillaz , D-Sides/Murdoc is God]. Cependant cette partie sera retravaillée sous conseil d’Alain Duquenoy qui m’a préconisé une différence plus marquée avec la première partie, notamment en choisissant un titre provenant d’un autre artiste. J’ai dores et déjà placé quelques bruitages sur la «maquette», mais ceux-ci seront également complétés d’ici le rendez-vous prispour les enregistrements.

S T O R Y - B OARD Cette présentation du story-board va me permettre de commenter les différentes phases de la bande annonce et de les mettres en relation avec le scénario. L’animatique étant présentée un peu plus loin, j’ai préféré m’attarder sur cette explication quant à mes choix de narration plutôt que de fournir une légende précisant les transitions et autres détails techniques. Les différentes phases du dessin animé sont différenciées par la couleur du cercle qui entoure chaques numéros.

ST ORY-BOARD

STORY-BOARD

Les différentes étapes ainsi déterminées peuvent être synthétisées de cette façon : PHASE I , vignettes 1 à 6 :

Réveil de Naomie

La jeune fille a le regard vide, ses gestes sont mécaniques. Elle semble réagir à l’attraction du poste de télévision et de la console. PHASE II, vignettes 7 à 12 :

Game addict

Sans même que l’on s’en aperçoive, Naomie a déjà commencé sa session de jeu. Elle est complétement absorbée. A l’écran, le cochon montre des signes de fatigue. Il semble réclamer une pause. Naomie l’ignore, elle semble incapable d’avoir la moindre réflexion, ses mains s’agitent mécaniquement sur la manette.

Révolte de Curlytail

Naomie ignorant ses états d’âme, Curlytail se met en colère. Il devient autonome et s’éclipse. Il se dirige vers un levier qu’il actionne avec un regard vengeur. Suite à cette manipulation du cochon, Naomie est soudainement absorbée par l’écran dans un flash éblouissant et un bruit assourdissant. PHASE IV, vignettes 18 à 23 :

Entrée dans le jeu

Lorsque Naomie reprend ses esprits, elle se trouve dans un lieu inconnu. Elle semble dégrisée, plus lucide. Elle est reçue par Curlytail lui-même. Celui-ci prend la parole et explique ses revendications. Naomie va prendre sa place dans le jeu.

ST ORY-BOARD

PHASE III, vignettes 13 à 17 :

STORY-BOARD

PHASE V, vignettes 24 à 29 :

Un monde magique

Naomie pénètre dans le monde fabuleux de Pig Island. Elle est émerveillé par ce monde magique aux couleurs vives. Elle se laisse complétement séduire par la magie du monde virtuel. PHASE VI, vignettes 30 à 33 :

Mise en garde, mise en danger

Viens alors les mises en garde de Curlytail, qui posent l’enjeu de cette mise à l’épreuve. Naomie est en danger et risque d’être absorbée par le jeu : elle va être numérisée et se transformer en pixels PHASE VII, vignettes 34 et 35 :

Un rêve ?

Naomie ouvre les yeux, elle se trouve dans sa chambre. Cette aventure n’était-elle qu’un rêve?

P R E P A R A TION L’animation n’étant pas ma spécialité, je me suis intéressée aux techniques d’animation très tôt lors de cette période de préparation, et me suis documentée avec ces deux ouvrages :

Cartoon, L’animation sans peine

par Preston Blair, éditions EVERGREEN, réédition de 2008

L’art du bluff avec Adobe Flash CS4 par Chris Georgenes, éditions PEARSON, 2009

J’ai ainsi pu apprécier de quels moyens je disposais pour représenter les actions de mon choix, et ainsi mieux anticiper la réalisation du projet par le choix des plans. Pour obtenir certains effets, j’ai également pris connaissance de certains plugins pour After Effect tels que 3D Stroke, Particular et Star Glow de chez Trapcode.

A N IM A T IQUE Vous trouverez sur le CD ci-contre l’animatique de la bande annonce. Elle permet d’apprécier la durée des plans et leur tempo, surtout dans la première partie, et elle donne un aperçu des dialogues entres les personnages avec des sous-titres qui disparaitront dès lors les enregistrements des voix réalisés. Mon choix s’est porté sur un format 16/9 pour donner un aspect plus «professionnel» à mon travail (format cinéma). Les plans sont donc construits selon ce format. Suite à la finalisation de la bande son, cette version subira quelques modifications, mais elle constitue toutefois un bon aperçu quant à l’esprit de la bande annonce et de son déroulement.

Delphine Fourneau Master II Créanum

Projet Professionnel Dossier Préparatoire

VISUELS

SITE INTERNET

COMMUNICATION

COMMUNICATION 5 Charte graphique 9 Logo titre 15 Digipak DVD 17 Page internet 18 Contact

CH A R T E G R APHIQUE Ces livrets de présentation et les recherches graphiques liées au dessin animé constituent la base de la charte graphique du projet. Les recherches sont ainsi bien entamées mais seront peaufinées lors de la suite de la réalisation. D’un point de vue formel, ellipses et formes rondes évoquant les montagnes et les nuages du jeu Pig Island pourront être déclinés pour le boitier DVD et son livret. Ils sont évocateurs de l’esthétique du dessin animé qui privilégie un style de dessin souple plutôt qu’angulaire.

C H ARTE GRAPHIQUE

La charte couleur reprend également les codes de couleur du dessin animé lui-même, en particulier les couleurs vives du jeu vidéo.

C100 M0 J0 N0

C76 M0 J91 N0

C41 M5 J100 N0

C19 M0 J100 N0

C0 M0 J100 N0

C0 M43 J100 N0

BIRTH OF A HERO abcdefghijklmnopqrstuvwxyz123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ,?;.:/! Helvetica-Condensed-Light-Li abcdefghijklmnopqrstuvwxyz123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ,?;.:/! DIN abcdefghijklmnopqrstuvwxyz123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ,?;.:/!

CHART E GRAPHIQUE

Les polices utilisées dans ce dossier et dans la communication autour du projet sont :

L O G O T I TRE A l’origine, j’avais intitulé le projet «Geek». C’est sur ce mot que j’ai donc travaillé de manière un peu plus poussée, après de nombreux tests. Mon but a été de mettre en avant la passion de Naomie la Geek, en symbolisant cette passion par des coeurs. En travaillant ce mot sous la forme d’une série de coeurs, le titre évoquerait également les items de «vies» dont dispose le joueur dans la plupart des jeux vidéos et qui apparaissent sous cette forme à l’écran. J’ai alors stylisé le mot et créé une typographie sous Illustrator dans le but d’obtenir un logo authentique. J’ai ensuite essayé de le décliner en couleur, en relief...

LOGO T IT RE

Behind the Screen

Behind The Screen !

LOGO T ITRE

Cet ensemble manquant de lisibilité et s’éloignant de l’esthétique voulue pour le dessin animé, j’ai préféré me recentrer sur ma charte graphique et reprendre cette idée de manière plus simplifiée. J’ai alors obtenu des résultats plus satisfaisants. Cette version du logo n’est pas définitive mais donne un bon aperçu de la version finale :

LOGO T IT RE

Cette

version

permet également des déclinaisons en raccord avec la charte graphique, ce qui favorise l’intégration du titre en fonction de la couleur d’arrière plan :

G G G

K K K

Behind The Screen !

LOGO T ITRE

Lorsque l’arrière plan est «trop coloré», et que le titre n’est pas suffisamment visible, il est possible de décliner une fois de plus avec l’ajout d’un «nuage» derrière le logo :

Behind The Screen !

D IG IP A K DVD Suivant la charte présentée précédemment et qui sera peaufinée durant les prochaines semaines, un boîtier DVD accompagné d’un livret quatre pages complétera la présentation du projet. Plus précisément, le DVD du dessin animé sera contenu par un digipak DVD raccord avec la charte graphique. Ci-contre vous trouverez le gabarit sélectionné pour la confection (format fini : 137.5 x 188.5 x 7.5 mm). Sur la première de couverture, apparaitra une illustration du dessin animé avec son titre. Sur la quatrième de couverture (dos du Digipak), le résumé de l’histoire et des déclinaisons graphiques. A l’intérieur, sur la page de gauche, une encoche permet de glisser un livret qui

contient quelques illustrations.

intĂŠrieur livret

1e de couverture

4e de couverture

P A G E IN T ERNET Face à l’ampleur du projet et notamment de la phase d’animation, le développement d’un site internet et de sa charte graphique complète n’était pas envisageable. Cependant, il est nécessaire de rendre le projet visible sur internet. C’est pourquoi un blog ou une page facebook lui sera consacré . Cette solution permettra de diffuser la vidéo de la bande annonce, une galerie d’illustration et quelques éléments du making-of. Sur l’interface, seule l’entête de la page sera personnalisée grâce à un bandeau contenant le titre, mais pour un minimum de moyen le projet sera accessible à un plus large public.

C O N T A CT

Delphine Fourneau

delphine.fourneau@gmail.com http://dziff.wordpress.com

Delphine Fourneau Master II Créanum

Projet Professionnel Dossier Préparatoire