Entre le jeu vid\u00e9o et le d\u00e9veloppement d’applications plus classiques j’ai eu l’occasion de travailler avec un certains nombre de graphistes, et de remarquer comme certains traits se retrouvent souvent chez cette esp\u00e8ce. Aujourd’hui j’ai envie de me faire plaisir, et de vous raconter : le graphiste.<\/p>\n
\u00c0 ceux qui ne me connaissent pas, mon m\u00e9tier est programmeur. Si vous ne situez pas ce que c’est, je vous renvoie \u00e0 cette phrase d’un game-designer de Blizzard qui r\u00e9sumait la cr\u00e9ation d’un jeu vid\u00e9o :<\/p>\n
Programmers make the game run, artists make it beautiful, but it is the designer’s job to make it fun.<\/p>\n
Les programmeurs font marcher le jeu, les graphistes le rendent beau, mais c’est au game-designer de le rendre sympa.<\/p><\/blockquote>\n
En tant que programmeur, on peut \u00eatre amen\u00e9 \u00e0 beaucoup communiquer avec des graphistes, et c’est amusant car ce sont deux esp\u00e8ces qui n’ont pas la m\u00eame apparence, pas la m\u00eame culture, pas la m\u00eame approche et qui ne parlent pas la m\u00eame langue. :-)<\/p>\n
Le graphiste se reconna\u00eet d’abord \u00e0 son allure. Alors que la tenue vestimentaire du programmeur \u00e9volue plut\u00f4t depuis le jean et teeshirt lorsqu’il est jeune dipl\u00f4m\u00e9, vers un habillement dit classique \u00e0 l’approche de la trentaine, pantalon de ville et chemisette avec peut-\u00eatre encore quelques r\u00e9f\u00e9rence \u00e0 la culture geek, le graphiste au contraire est tout droit sorti d’une affiche publicitaire. Coupe de cheveux tendance, pantalon d\u00e9contract\u00e9 \u00e0 la d\u00e9coupe moderne, attributs corporels divers : bracelets, piercings, \u00e9ventuellement paire de chaussures hors du commun, etc. Attention, ce n’est pas du punk brutal : c’est plus subtil et sophistiqu\u00e9, m\u00eame si c’est parfois proche du personnage de jeux vid\u00e9os.<\/p>\n
Ensuite le graphiste \u00e0 besoin d’un environnement tr\u00e8s particulier pour travailler. Outre la tablette graphique, on reconna\u00eet sans h\u00e9sitation son bureau \u00e0 l’\u00e9cosyst\u00e8me qui s’y est rapidement d\u00e9velopp\u00e9 : affiches, Nintendo DS et boites de jeux vid\u00e9os, livres d’artworks, feuilles de brouillon avec des dessins esquiss\u00e9s (souvent de grande qualit\u00e9), figurines et autres objets improbables en nombre et tailles vari\u00e9es (qui peuvent aller jusqu’au dragon de 30cm d’envergure pos\u00e9 sur l’\u00e9cran). Le graphiste a en effet besoin d’une sollicitation visuelle importante pour \u00eatre productif.<\/p>\n
La salle du groupe de graphiste est normalement bruyante ; c’est ce qui la rend parfaitement incompatible avec l’environnement du programmeur. Le graphiste a besoin d’un flux continu de conversations pour pouvoir travailler. S\u00e9parez un graphiste de son groupe pour le mettre dans le bureau aust\u00e8re et silencieux (selon des crit\u00e8res de graphiste) des programmeurs et il va vite montrer des signes de d\u00e9pression. Mettez au contraire un programmeur dans la salle des graphistes et il ne pourra tout simplement plus travailler du tout.<\/p>\n
Le chef des graphistes se reconna\u00eet \u00e0 la taille de son \u00e9cran. Son titre est D.A. : il est craint et respect\u00e9. Beaucoup r\u00eavent d’\u00eatre lui car c’est lui qui d\u00e9cide de l’orientation du style graphique, et c’est quand m\u00eame plus sympa que de faire des textures d’herbe \u00e0 longueur de journ\u00e9e.<\/p>\n
Comme pour les chasseurs, en terme de talent, il y a le bon graphiste et le mauvais graphiste. Quand le bon graphiste vient vous poser une question tout en s’occupant les mains avec une feuille qui tra\u00eene sur votre bureau, la feuille termine au mur de votre bureau. Si par chance vous \u00eates un programmeur tr\u00e8s sollicit\u00e9 par un bon graphiste, rapidement les autres programmeurs deviennent jaloux de votre mur. Quand le mauvais graphiste vient vous voir, vous vous retenez de lui expliquer que son animation de personnage qui court est compl\u00e8tement rat\u00e9e parce que \u00e7a ne servirait \u00e0 rien.<\/p>\n
Le graphiste parle une langue diff\u00e9rente. Le graphiste exp\u00e9riment\u00e9 utilisera sans piti\u00e9 des termes techniques de typographie ou de composition. Dans un tel cas soit vous vous serez d\u00e9j\u00e0 document\u00e9 sur le sujet, soit vous aurez affaire \u00e0 un graphiste p\u00e9dagogique, soit vous serez largu\u00e9. Le graphiste peu exp\u00e9riment\u00e9 mettra \u00e0 peu pr\u00e8s tout et n’importe quoi derri\u00e8re une liste relativement courte de mots tels que \u00ab\u00a0flou\u00a0\u00bb, \u00ab\u00a0shader\u00a0\u00bb, \u00ab\u00a0glow\u00a0\u00bb… et vous aurez toutes les peines du monde \u00e0 comprendre ce qu’il essaie de vous dire en graphiste. De temps en temps le graphiste essaiera de vous emprunter votre vocabulaire technique mais pour y mettre d’autre chose, et vous devrez penser \u00e0 traduire.<\/p>\n
Le graphiste est \u00e9tranger \u00e0 l’id\u00e9e de syst\u00e8me de gestion de versions. C’est normal qu’il ne connaisse pas : les outils de production ne sont pas son domaine de comp\u00e9tence. Mais l\u00e0 je ne dis pas qu’il ne conna\u00eet pas, j’insiste sur le fait qu’il y est \u00e9tranger. Vous aurez beau lui expliquer le principe, le fait que \u00e7a permet de retrouver n’importe quelle version pr\u00e9c\u00e9dente d’un fichier pour lui \u00e9viter d’avoir \u00e0 s’en pr\u00e9occuper, lui montrer comment on s’en sert : vous trouverez r\u00e9guli\u00e8rement sur votre d\u00e9p\u00f4t des fichiers texture_backup.png<\/tt> et texture_backup2.png<\/tt>. Vous verrez \u00e9galement fleurir des fichiers cr\u00e9\u00e9s automatiquement tels que les thumbs.db<\/tt> de Windows, lorsque le graphiste aura tout ajout\u00e9 automatiquement sans v\u00e9rifier.<\/p>\n
Le graphiste n’accorde d’ailleurs pas la moindre importance aux noms de fichiers et sera incapable de respecter toute r\u00e8gle de nommage quelle qu’elle soit. Le nom d’un fichier cr\u00e9\u00e9 par ses soins est fonction de son inspiration du moment, et a de fortes chances de changer s’il doit un jour apporter une modification. Vous verrez donc facilement un fond.png<\/tt> \u00e0 c\u00f4t\u00e9 d’un background.jpeg<\/tt> et d’un bg_bleu.png<\/tt>, qui seront en fait la m\u00eame ressource. Il faut \u00eatre attentif. Souvent c’est votre projet lui m\u00eame qui vous signalera les nouveaut\u00e9s, non pas parce que vous verrez de nouvelles choses appara\u00eetre, mais parce que vous verrez appara\u00eetre des choses qui ne marchent pas. Expliquez lui qu’il lui suffit de placer un objet nomm\u00e9 \u00ab\u00a0mine\u00a0\u00bb dans le monde pour avoir une mine cr\u00e9\u00e9e \u00e0 cet emplacement, et vous trouverez rapidement tout un tas de \u00ab\u00a0Mine\u00a0\u00bb, \u00ab\u00a0mines\u00a0\u00bb, \u00ab\u00a0mine1\u00a0\u00bb, \u00ab\u00a0mine_bleue\u00a0\u00bb et autres preuves de cr\u00e9ativit\u00e9. Oubliez l’id\u00e9e d’essayer de lui expliquer que l’outil d’import ne peut pas deviner ce qu’il voulait faire : faire un outil d’import qui devine ce qu’il voulait faire vous prendra moins de temps. C’est la conclusion \u00e0 laquelle je suis arriv\u00e9 en voyant un de mes coll\u00e8gues essayer l’une, puis l’autre m\u00e9thode.<\/p>\n
Le graphiste n’accorde pas non plus d’importance \u00e0 l’aspect technique. En cela que ce n’est pas son travail, je le soutiendrais enti\u00e8rement, s’il avait des outils lui permettant de s’abstraire de cet aspect. Mais ce n’est pas le cas : ses outils lui permettent d’exporter dans un luxe possibilit\u00e9s de formats parmi lesquels le choix risque fort d’\u00eatre arbitraire. Le graphiste vous sortira sans probl\u00e8me une photo en PNG, un aplat en JPEG, des images monochromes en RGBA et des textures dans des r\u00e9solutions absolument obsc\u00e8nes aux limites techniques des cartes graphiques pour des \u00e9l\u00e9ments qui ne feront que quelques pixels \u00e0 l’\u00e9cran. Paradoxalement, il pourra vous enseigner malgr\u00e9 lui des d\u00e9tails techniques fort int\u00e9ressants sur ces formats. C’est par exemple quand un graphiste m’a envoy\u00e9 une image au format PNG de pr\u00e8s de 1Mo pour moins de 500 par 500 pixels que j’ai d\u00e9couvert que ce format g\u00e9rait les calques : le fichier contenait les dix versions de l’image…<\/p>\n
La rigueur dans le positionnement des \u00e9l\u00e9ments est \u00e9tonnamment fluctuante chez le graphiste. Lors de la cr\u00e9ation d’une interface un peu jolie par exemple, il appartient au graphiste de faire les diff\u00e9rentes version d’un bouton (normal, appuy\u00e9, s\u00e9lectionn\u00e9…) ou d’une fen\u00eatre (active, en arri\u00e8re plan…) pour ne citer que ces \u00e9l\u00e9ments. Les diff\u00e9rentes versions venant s’afficher au m\u00eame endroit selon l’\u00e9tat de l’\u00e9l\u00e9ment. Naturellement en tant que programmeur, il vous semblera \u00e9vident que ces versions doivent \u00eatre cal\u00e9es au pixel pr\u00e8s. Si vous travaillez avec un graphiste qui fait des \u00e9l\u00e9ments de la m\u00eame taille et correctement align\u00e9s, prenez en soin, c’est un sp\u00e9cimen rare.<\/p>\n
Mais \u00e0 l’inverse, si le graphiste imagine un \u00e9l\u00e9ment textuel et vous propose un exemple r\u00e9alis\u00e9 avec Photoshop, que les astres vous prot\u00e8gent si vous n’avez pas les moyens techniques de reproduire le r\u00e9sultat exactement \u00e0 l’identique ! L’affichage de texte est d’ailleurs un th\u00e8me de d\u00e9saccord tr\u00e8s r\u00e9current entre graphistes et programmeurs. Lorsque le graphiste doit imaginer un \u00e9l\u00e9ment textuel, il se transforme en maquettiste : les images viennent s’agencer et s’aligner autour pour un r\u00e9sultat le plus esth\u00e9tique possible. Malheureusement il oubliera immanquablement de tenir compte de l’aspect dynamique de ce texte, \u00e0 l’instar de sa composition. Qu’il s’agisse d’un compteur et il vous proposera un exemple avec deux chiffres qui ne marchera plus avec un ou trois chiffres, ou pire, il vous dessinera des chiffres ne feront pas tous la m\u00eame largeur, donnant un r\u00e9sultat atroce une fois anim\u00e9. Qu’il s’agisse de mots, et vous pourrez lire dans ses yeux toute la frustration du monde lorsque vous lui rappellerez que dans la version allemande son texte sera trois fois plus long et ne rentrera pas dans l’espace qu’il a pr\u00e9vu.<\/p>\n
Mais pour le coup, dans ce cas l\u00e0 vous pourrez pleurer avec lui d’en \u00eatre r\u00e9duits \u00e0 faire un truc moche et aller noyer votre chagrin ensemble dans le pub en bas du bureau.<\/p>\n","protected":false},"excerpt":{"rendered":"
Entre le jeu vid\u00e9o et le d\u00e9veloppement d’applications plus classiques j’ai eu l’occasion de travailler avec un certains nombre de graphistes, et de remarquer comme certains traits se retrouvent souvent chez cette esp\u00e8ce. Aujourd’hui j’ai envie de me faire plaisir, … Continuer la lecture