Comment configurer Photoshop pour DESSINER en PIXEL ART ?

Pho­to­shop est le logi­ciel com­plet pour dessin­er en pix­el art. Il est donc néces­saire pour un dessi­na­teur de savoir com­ment con­fig­ur­er Pho­to­shop. Le débu­tant ignore sou­vent com­ment il faut s’y pren­dre pour prof­iter de toutes les pos­si­bil­ités offertes par le pix­el art, que ce soit pour dessin­er des per­son­nages ou des objets. Voici com­ment s’y pren­dre pour con­fig­ur­er ce logi­ciel.

Origine du pixel art

Le pix­el art, appelé aus­si art du pix­el, est en gros l’art numérique qui per­met de créer une image 2D pix­el par pix­el. La machine per­met de la déplac­er et de la mod­i­fi­er. La plu­part du temps, un nom­bre lim­ité de couleurs est util­isé pour l’image créée. Cet art est mis à prof­it entre autres pour la créa­tion des jeux vidéo.

Le pix­el art tient son inspi­ra­tion des pre­miers jeux vidéo des années 80. À cette époque, la réso­lu­tion de l’écran était basse. Comme le choix des couleurs était aus­si lim­ité, les con­cep­teurs devaient dessin­er des images numériques en 2D en les peignant pix­el par pix­el.

Main­tenant, les machines sont assez puis­santes pour per­me­t­tre d’afficher un grand nom­bre de pix­els à l’écran. Le pix­el art a un peu per­du de sa pop­u­lar­ité avec l’arrivée du 3D. Il demeure toute­fois très appré­cié.

Quel taille de document pour du pixel art ?

On recom­mande générale­ment aux dessi­na­teurs de tra­vailler en for­mat à peu près deux fois plus grand que le for­mat orig­i­nal. Vous pou­vez ensuite recadr­er l’image sans avoir eu à tra­vailler sur une image trop petite. Il faut sim­ple­ment adapter l’image en fonc­tion de vos besoins et en fonc­tion de la puis­sance de l’appareil que vous utilisez.

Les débu­tants ont ten­dance à utilis­er toutes les fonc­tion­nal­ités de Pho­to­shop et à télécharg­er trop de pinceaux pour tester toute sorte de ren­dus. Vous risquez alors de devenir con­fus à cause du trop vaste choix qui s’offre à vous. Il est recom­mandé de se lim­iter d’abord à 5 pinceaux. Il suf­fit de garder seule­ment ceux avec lesquels vous vous sen­tez à l’aise. Lorsque vous maîtrisez bien ces pre­miers pinceaux, vous pou­vez en télécharg­er quelques autres pro­gres­sive­ment.

Dans le même ordre d’idée, une ten­dance lourde est celle qui veut que l’on utilise les brushs pour les objets et les motifs que l’on ne sait pas dessin­er.

Dessiner en pixel art

Le pix­el art et une tech­nique que l’on utilise à la base pour faire un dessin avec des machines capa­bles d’afficher un grand nom­bre de pix­els à la fois. Il faut réduire la taille de votre doc­u­ment pour pro­duire votre dessin. Pour un dessin de 128 x 128 pix­els, il faut garder une réso­lu­tion de 72 pix­els par pouce étant don­né que le tra­vail est fait à des­ti­na­tion du numérique. Le mode de couleurs doit aus­si être placé sur RGB.

Les dessi­na­teurs d’expérience savent com­ment con­fig­ur­er rapi­de­ment le logi­ciel et exprimer leur créa­tiv­ité. Les débu­tants peu­vent se servir d’un tuto qui les guidera pour chaque étape. Une fois que le doc­u­ment est prêt, le dessi­na­teur doit choisir un motif qui per­met de pein­dre pix­el par pix­el. Il faut se servir du pinceau. Dès que vous com­mencez à vous servir du pinceau, Pho­to­shop crée automa­tique­ment un dégradé entre la zone peinte et la zone qui n’est pas encore peinte.

La créa­tion du dégradé assure que le ren­du en taille réelle sera pro­pre. À cette étape, vous pou­vez sélec­tion­ner l’outil de votre choix, comme le cray­on, qui est un sous-out­il du pinceau. Il suf­fit de cli­quer pour l’obtenir. Lorsque le trait est fait à par­tir du cray­on, il n’y a pas de dégradé entre la zone peinte et la zone non peinte. On voit alors appa­raître les pix­els.

Utiliser la gomme en mode pixel art

La gomme doit aus­si être mise en mode pix­el art. Pour y arriv­er, il faut la faire pass­er en mode cray­on. Les out­ils sont alors prêts pour la réal­i­sa­tion des dessins et des cro­quis.

Préparer l’espace de travail

Doubler sa fenêtre

Une fois que les out­ils sont prêts, il faut pré­par­er l’aménagement de l’espace de tra­vail. Tra­vailler en pix­el art implique qu’il faut dessin­er à une échelle très petite. Il devient donc néces­saire de faire un zoom sur le mod­èle. Au lieu de zoomer con­tin­uelle­ment au moment de faire des dessins, il vaut mieux dupli­quer la fenêtre. De cette manière, vous obtenez deux vues sur le dessin à faire.

Pour cette manœu­vre, il faut aller dans Fenêtre > Réor­gan­is­er > Nou­velle fenêtre. De cette façon, la fenêtre est dupliquée. Il reste à agencer votre espace de tra­vail pour affich­er les deux fenêtres simul­tané­ment. Il faut aller dans Réor­gan­is­er > 2 vignettes ver­ti­cales. Si vous faites un dessin rapi­de dans l’une des fenêtres, l’autre sera mise à jour automa­tique­ment puisqu’il s’agit en fait du même doc­u­ment.

Le rééchantillonnage

Il faut aus­si con­fig­ur­er le rééchan­til­lon­nage. Il est par­fois pos­si­ble alors d’augmenter la réso­lu­tion des illus­tra­tions. Au lieu de zoomer, il suf­fit de chang­er la taille de l’image, en faisant Image > Taille de l’image. Lorsque la taille de l’image est aug­men­tée, on se rend compte que Pho­to­shop rend les con­tours plus flous puisqu’il doit recréer les pix­els qui man­quent dans l’image. Il faut chang­er le rééchan­til­lon­nage pour cor­riger le prob­lème.

Comme les bases du dessin sont à cor­riger, il faut revenir en arrière, à nou­veau sur Image > Taille de l’image. Il faut dans ce cas chang­er Bil­inéaire par Au plus proche (con­tours nets). Après quoi, les bor­ds devraient appa­raître plus net­te­ment. Au final, le pix­el art est main­tenant plus grand et plus net.

Les dessi­na­teurs créat­ifs vont sou­vent créer des objets dynamiques. L’utilisation des objets dynamiques peut causer le même genre de prob­lème. Le dessi­na­teur peut avoir besoin de réduire la taille de l’objet. Encore une fois, les bor­ds seront flous.

Pour cor­riger la sit­u­a­tion, il faut aller dans les préférences de Pho­to­shop et accéder à Général. Vous y trou­verez Inter­po­la­tion de l’image > Bil­inéaire qui sera à chang­er, comme précédem­ment, par Au plus proche (con­tours nets). Revenez ensuite en arrière pour faire la même manip­u­la­tion. Quand vous revien­drez au dessin clas­sique, n’oubliez pas de remet­tre les préférences dans leur état ini­tial.

Gérer les objets dynamiques pour le pixel art

Vous ren­con­tr­erez le même prob­lème si vous utilisez des objets dynamiques. Par exem­ple, si je le con­ver­tis en objet dynamique ici et que je décide de le réduire de taille, par exem­ple de 50%, et que je valide. Nous avons exacte­ment le même prob­lème, car notre objet dynamique est inter­prété comme un dessin clas­sique, ce qui entraîne un adoucisse­ment des con­tours. Pour chang­er cela, il suf­fit d’aller dans les préférences de Pho­to­shop. Les préférences se trou­vent ici sur Mac, sinon vous pou­vez utilis­er le rac­cour­ci «Ctrl K». Ensuite, ren­dez-vous dans «Général» et sélec­tion­nez «Inter­po­la­tion de l’im­age». Vous ver­rez à nou­veau cette option bil­inéaire que nous voulons chang­er en «Au plus proche : con­serve les con­tours nets». À ce stade, vous devrez revenir en arrière et refaire la même manip­u­la­tion de réduc­tion de taille de 50% et valid­er. Main­tenant, les con­tours sont bien nets.

Vous souhaitez aller plus loin et appren­dre à maîtris­er Pho­to­shop pour vos dessins sur le bout des doigts ? Voici le guide com­plet pour faire pass­er vos créa­tions au niveau supérieur.