Comment devenir un artiste pixel?

Si vous souhaitez devenir un artiste pixel
Si vous souhaitez devenir un artiste pixel, la première étape consiste à créer un sprite.

Le pixel art fait fureur dans les jeux vidéo indépendants modernes. Il permet à l'artiste de donner beaucoup de caractère à un jeu sans avoir à passer d'innombrables heures à modéliser des objets 3D ou à dessiner à la main des sujets complexes. Si vous souhaitez devenir un artiste pixel, la première étape consiste à créer un sprite. Une fois que vous êtes à l'aise avec la création de sprites, vous pouvez commencer à animer et à acheter vos compétences auprès d'employeurs potentiels.

Partie 1 sur 7: rassembler vos outils

  1. 1
    Téléchargez un bon logiciel de retouche d'image. Bien que vous puissiez créer du pixel art avec Paint, vous allez trouver cela difficile. Certains des programmes de pixel art les plus populaires incluent:
    • Photoshop
    • Paint.net
    • GIMP
    • Pixen
    • Aseprite
    • Pixilart
  2. 2
    Obtenez une tablette à dessin. Si vous souhaitez tracer des œuvres d'art dessinées à la main ou si vous n'aimez pas vraiment utiliser la souris pour dessiner sur l'écran, vous pouvez utiliser une tablette et un stylet. Wacom est l'un des fabricants de tablettes les plus populaires.
  3. 3
    Activez la vue en grille dans votre logiciel d'édition. Vous voudrez activer le mode grille dans le logiciel de votre choix. Cela vous permettra de voir clairement où ira chaque pixel. Vous pouvez généralement accéder à la vue en grille à partir du menu Affichage.
    • Vous devrez probablement configurer la grille de sorte que chaque carré représente un pixel. La méthode pour cela varie d'un programme à l'autre. Dans GIMP, vous pouvez changer cela à partir du menu Image (sélectionnez "Configurer la grille...").
  4. 4
    Choisissez un crayon à un pixel. Sélectionnez l'outil Crayon dans votre logiciel d'édition. Dans les options du crayon, choisissez le pinceau à pixel unique. Cela vous permettra de dessiner en pixels simples.

Partie 2 sur 7: pratiquer les bases

  1. 1
    Créez une nouvelle image. Puisque vous allez travailler au niveau des pixels, la taille de l'image n'a pas besoin d'être grande. L'écran entier dans le Super Mario Bros. le jeu ne fait que 256 x 224 pixels. Mario lui-même ne mesure que 12 x 16 pixels!
  2. 2
    Zoom avant. Puisque vous allez travailler avec des pixels individuels, vous voudrez zoomer très loin afin que vous puissiez voir la grille et où chaque pixel individuel est placé. Vous devrez peut-être zoomer à plus de 800% pour voir clairement les pixels de la grille.
  3. 3
    Entraînez-vous à dessiner une ligne droite. Cela peut sembler un concept simple, mais si la ligne est même à un pixel au milieu, cela sera perceptible. Entraînez-vous à dessiner des lignes droites avec votre souris ou votre stylet pour ne pas avoir à passer à l'outil de ligne à chaque fois.
  4. 4
    Entraînez-vous à dessiner des lignes courbes. Les courbes doivent apparaître avec des coupures régulières dans la ligne de pixels. Par exemple, une bonne courbe commencerait par une coupure de six pixels, suivie d'une coupure de trois pixels, suivie d'une coupure de deux pixels, suivie de coupures d'un pixel. Les cassures s'inversaient alors pour former l'autre extrémité de la courbe. Une mauvaise courbe commencerait par une rupture de trois pixels, suivie d'une rupture d'un pixel, suivie d'une rupture de trois pixels, ou toute autre progression étrange.
  5. 5
    Utilisez l'outil d'effacement pour corriger les erreurs. À l'instar de l'outil Crayon, vous souhaiterez configurer la gomme pour effacer un pixel à la fois. Si la gomme est trop grande, il sera difficile d'effacer les pixels avec précision.
Puisque vous allez travailler au niveau des pixels
Puisque vous allez travailler au niveau des pixels, la taille de l'image n'a pas besoin d'être grande.

Partie 3 sur 7: Présentation de votre premier sprite

  1. 1
    Déterminez l'utilisation du sprite. Sera-t-il animé ou statique? Vous pouvez mettre plus de détails dans une image-objet statique, mais vous souhaiterez peut-être conserver une image-objet animée plus simple car vous devrez redessiner des parties pour l'animation. Si le sprite doit être utilisé avec d'autres sprites, vous souhaiterez conserver un style artistique qui relie tout ensemble.
  2. 2
    Découvrez s'il existe des limitations. Si vous créez l'image-objet pour un projet, déterminez s'il existe des limitations de taille ou de couleur. Ce sera plus important lorsque vous commencerez à travailler sur des projets plus importants avec de nombreux sprites différents.
    • La plupart des systèmes modernes n'ont pas vraiment de limitations sur la taille des sprites et la complexité des couleurs. Si vous développez un jeu spécifiquement pour un système plus ancien, vous risquez de rencontrer plus de limitations.
  3. 3
    Esquissez-le. Essayez d'esquisser le concept de base du sprite sur une feuille de papier. Cela vous permettra de voir à quoi ressemblera le sprite et de faire des ajustements à la pose ou à d'autres caractéristiques. Vous pouvez utiliser cette esquisse comme source de votre traçage plus tard si vous avez une tablette.
    • Faites le croquis détaillé. Placez toutes les fonctionnalités que vous souhaitez inclure afin que vous puissiez avoir une idée de l'apparence de l'image-objet en tant que produit fini.
  4. 4
    Créez le contour dans votre programme d'édition. Utilisez le contour esquissé comme référence ou tracez le contour à l'aide de votre bloc. Vous pouvez soit cliquer et dessiner pour créer le contour, soit placer chaque pixel individuellement, à vous de choisir.
    • Lors de la création de votre premier sprite, utilisez le noir uni comme couleur de contour. Cela facilitera la distinction. Vous pouvez modifier manuellement la couleur du contour ultérieurement.
  5. 5
    Nettoyez le contour. Effectuez un zoom avant et commencez à effacer les pixels supplémentaires et à corriger les lignes. Le contour ne doit jamais avoir qu'un pixel d'épaisseur, à moins que vous ne gardiez un contour plus épais pour le reste du sprite. Utilisez votre outil Crayon pour insérer des pixels afin de corriger les erreurs.
    • Concentrez-vous sur les grands détails pendant le processus d'esquisse. Vous pouvez revenir en arrière et ajouter les petites touches plus tard.

Partie 4 sur 7: Coloration de votre sprite

  1. 1
    Peaufinez la théorie des couleurs de base. Regardez la roue chromatique pour vous aider à déterminer les couleurs à utiliser. Les couleurs en face de l'autre sur la roue seront très distinctes, tandis que les couleurs proches les unes des autres auront fière allure.
    • Choisissez un ensemble de couleurs qui donnent à votre sprite un look distinctif sans être trop choquant. Évitez les couleurs pastel si possible, à moins que l'ensemble du projet n'utilise ce style.
  2. 2
    Utilisez juste quelques couleurs. Plus vous ajoutez de couleur, plus votre sprite aura l'air distrayant. Jetez un œil à certains des sprites les plus emblématiques et vous constaterez qu'ils n'utilisent souvent que quelques couleurs.
    • Mario - Le sprite Mario classique utilise seulement trois couleurs qui sont toutes étroitement liées.
    • Sonic - Sonic a plus de détails que le Mario original, mais n'est toujours composé que de quatre couleurs avec des nuances variables.
    • Ryu - L'un des sprites de jeux de combat classiques, Ryu utilise de grandes zones de couleurs simples, avec de légères ombrages pour la définition. Ryu a cinq couleurs de base avec différentes nuances.
  3. 3
    Appliquez vos couleurs. Utilisez l'outil Remplir pour appliquer vos choix de couleurs à votre sprite. Vous appliquez simplement la couleur de base à ce stade, alors ne vous inquiétez pas de son aspect plat. L'outil Remplir remplacera tous les pixels qui correspondent au pixel sur lequel vous avez cliqué par la couleur sélectionnée, jusqu'à ce que les limites soient atteintes.
Le placement de deux couleurs de pixels différentes dans un motif peuvent inciter l'œil à voir différentes
La quantité et le placement de deux couleurs de pixels différentes dans un motif peuvent inciter l'œil à voir différentes nuances.

Partie 5 sur 7: application de l'ombrage

  1. 1
    Déterminez la "source lumineuse". L'angle selon lequel la lumière atteint le sprite vous aidera à déterminer où appliquer l'ombrage pour un effet plus réaliste et crédible. Bien qu'il n'y ait pas réellement de lumière, il est très important de connaître la direction dans laquelle la lumière brille.
    • Il peut être plus facile de faire de l'ombre avec la source de lumière venant de loin au-dessus du sprite, soit de la légère droite soit de la légère gauche.
  2. 2
    Appliquez un ombrage en utilisant une teinte légèrement plus foncée de la couleur de base. Si la source de lumière vient d'en haut, l'ombrage devrait se produire sur le "dessous" du sprite. Ombrez les zones qui ne seraient pas touchées par la lumière directe. Ajoutez simplement quelques couches de pixels au-dessus ou en dessous des contours pour ajouter de l'ombrage.
    • Vous pouvez diminuer la valeur "lum" de votre couleur de base et augmenter légèrement la valeur "teinte" pour obtenir une bonne couleur d'ombrage.
    • N'utilisez jamais de dégradés. Ils auront l'air très faux et non professionnels. Vous pouvez utiliser le tramage pour imiter les dégradés (voir ci-dessous).
  3. 3
    Ajoutez des ombres douces. Choisissez une nuance entre l'obscurité de l'ombre et la couleur de base d'origine. Utilisez cette nuance pour ajouter une autre couche d'ombre entre l'ombrage et la couleur de base. Cela donnera l'effet de passer de l'obscurité à la lumière.
  4. 4
    Appliquez quelques reflets. Ce sont les points sur le sprite qui sont le plus touchés par la lumière. Vous pouvez ajouter des reflets en utilisant une teinte légèrement plus claire que la couleur de base. Utilisez les surlignages avec parcimonie, car ils peuvent devenir distrayants.

Partie 6 sur 7: utiliser des techniques avancées

  1. 1
    Essayez de tergiverser. C'est un effet qui permet à l'artiste de représenter un changement d'ombre. Il vous permet de créer un effet de dégradé avec seulement quelques couleurs en alternant le placement des pixels pour créer les transitions. La quantité et le placement de deux couleurs de pixels différentes dans un motif peuvent inciter l'œil à voir différentes nuances.
    • Le tramage a tendance à être surutilisé par les débutants, alors essayez d'éviter de l'utiliser, sauf dans de rares cas.
  2. 2
    Pratiquez l'anti-aliasing. Le pixel art est défini par les pixels visibles, mais parfois vous voulez mélanger les lignes pour que tout soit un peu plus lisse. L'anticrénelage est la technique qui vous permet de le faire.
    • Ajoutez des couleurs intermédiaires aux plis sur une courbe. Ajoutez une couche de couleurs intermédiaires autour du contour de la courbe que vous souhaitez adoucir. S'il semble encore trop rugueux, ajoutez une autre couche d'une teinte plus claire.
    • Si vous voulez que votre image-objet soit nette sur n'importe quel arrière-plan de couleur, n'anti-aliasez pas le bord extérieur du contour.
  3. 3
    Appliquez un contour sélectif. C'est le terme pour colorer le contour similaire aux couleurs utilisées pour remplir. Cela donnera au sprite un aspect légèrement moins "cartoony", car le contour sera un peu plus naturel. Essayez de dessiner sélectivement la peau nue tout en utilisant les contours traditionnels sur les vêtements.
    • Utilisez une nuance plus foncée que la couleur de base de la section que vous délimitez sélectivement. Utilisez la source de lumière pour changer la teinte au fur et à mesure que vous dessinez, donnant au sprite un aspect plus naturel. Cela peut être particulièrement utile pour le tonus de la peau et des muscles.
    • Les contours traditionnels sont utiles si vous avez besoin que votre sprite reste distinctif sur un arrière-plan chargé.
Le contour ne doit jamais avoir qu'un pixel d'épaisseur
Le contour ne doit jamais avoir qu'un pixel d'épaisseur, à moins que vous ne gardiez un contour plus épais pour le reste du sprite.

Partie 7 sur 7: ajouter la touche finale

  1. 1
    Donnez au sprite un bon aperçu. Prenez du recul et regardez votre sprite jusqu'à ce point. Déterminez si quelque chose ne va pas, puis corrigez ces incohérences ou erreurs.
  2. 2
    Ajoutez des détails. Une fois que vous avez terminé la coloration et l'ombrage, vous pouvez ajouter des détails tels que l'écriture, les yeux, des fonctionnalités supplémentaires et tout ce qui pourrait faire passer votre sprite au niveau supérieur. L'attention aux détails à la fin est ce qui sépare les artistes pixel amateurs des professionnels.
  3. 3
    Animez votre sprite. Si vous avez suivi les étapes ci-dessus, vous aurez un seul sprite statique. C'est bien comme une œuvre d'art, mais si vous voulez créer des sprites pour des jeux, ils devront probablement être animés. Cela signifie que chaque image de l'animation devra avoir son propre sprite, avec de légères modifications par rapport à l'image précédente. La collection de tous les sprites utilisés dans une animation est appelée une "feuille de sprite".
    • Consultez ce guide pour plus de détails sur l'animation d'une feuille de sprite dans GIMP.
    • Créer des animations uniques et attrayantes pour les sprites est une façon pour les maîtres pixel artisans de se séparer des amateurs. Une bonne animation peut insuffler une tonne de vie à un sprite.
  4. 4
    Créez un portfolio. Si vous souhaitez intégrer vos compétences en pixel art dans le monde du développement de jeux vidéo, vous voudrez disposer d'un portefeuille solide à montrer aux employeurs potentiels. Incluez plusieurs de vos meilleurs sprites, ainsi que des animations si vous en avez. Incluez une variété de sujets, y compris des personnages, des décors, des accessoires, etc.

Questions et réponses

  • Dois-je me procurer une tablette à dessin? J'utilise une souris.
    Non! L'utilisation d'une souris est certainement une option viable, en particulier dans le pixel art. Les tablettes à dessin sont beaucoup plus utiles dans d'autres formes d'art numérique, mais pour le pixel art, l'utilisation d'une souris est très bien.

FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail