Pourquoi Pixel Art peut être un terrain d'entraînement parfait pour la conception graphique en 2023

Si vous vous abonnez à un service à partir d'un lien sur cette page, Reeves and Sons Limited peut gagner une commission. Voir notre déclaration éthique.

Même si vous n'étiez pas là pour découvrir les merveilles des jeux vidéo classiques des années 1970 aux années 1990, il n'est jamais trop tard pour apprécier la forme d'art distincte qui a évolué pour répondre aux besoins de ces jeux. C'est une forme d'art que nous connaissons aujourd'hui sous le nom de pixel art, et c'est l'une des meilleures façons de gagner votre vie. stripes en conception graphique 2D assistée par ordinateur.

La raison en est que le pixel art impose de lourdes exigences à l’artiste. Cela nécessite plus de discipline et est plus rigide que la plupart des autres formes d’art. Le pixel art vous oblige à vous concentrer et à isoler ce qui est le plus important dans une image et à n'utiliser que cela, sans offrir le contrôle plus fin que vous pourriez appliquer dans un style de dessin plus détaillé. C'est une approche du dessin « moins c'est plus », et cela vous rend meilleur en dessin.

Le pixel art prend du temps à maîtriser. Après tout, vous créez vos images pixel par pixel et chaque image nécessite une planification minutieuse. Vous devrez apprendre à travailler avec une palette limitée et sans bénéficier des courbes naturelles. Vous travaillerez également exclusivement dans un environnement 2D, où si vous avez besoin d'un aspect 3D, vous devrez le créer à l'aide d'astuces telles que la perspective isométrique et le défilement parallaxe.

Apprendre à animer des sprites et des arrière-plans est également un excellent moyen de renforcer vos compétences en programmation si vous gérez vous-même un projet de jeu entier. Maintenant que les appareils mobiles sont plus connectés et ne disposent toujours pas de la capacité de jouer en 3D de manière soutenue, Les jeux 2D font un retour en force, et vous pouvez réellement mettre ces compétences à profit pour gagner de l'argent supplémentaire lorsque le travail de conception n'arrive pas librement à votre porte.

Le pixel art ne nécessite aucun logiciel spécial. Vous pouvez créer du pixel art dans n’importe quel programme de dessin de base. De nombreux artistes pixel ont commencé leur métier avec des outils simples comme MS Paint, mais il est préférable d'utiliser un logiciel plus sophistiqué qui utilise des calques et des grilles personnalisées, afin que vous puissiez vraiment peaufiner vos conceptions à la perfection. Inkscape est vraiment bon à cet effet. C'est gratuit, possède des grilles isométriques intégrées et fonctionne parfaitement pour le pixel art.

doc88img02

En ce qui concerne le matériel, vous pouvez utiliser une souris, mais je trouve qu'il est plus facile d'utiliser une tablette graphique car j'ai tendance à avoir des «mains de souris» lorsque je fais des travaux artistiques détaillés, donc je recommanderais d'utiliser au moins une tablette graphique de base.

Pourquoi le pixel art est idéal

Beaucoup trop de gens utilisent les mots illustrateur et designer de manière interchangeable. En réalité, un illustrateur est bien en dessous du niveau d’un designer. Les illustrateurs dessinent simplement des choses selon la demande de leur client. Les designers conçoivent les choses en fonction des besoins de leur client. C'est une énorme différence.

Apprendre à créer du pixel art, c'est apprendre à innover avec des solutions créatives pour répondre à des besoins très spécifiques. C'est bien plus que du simple dessin. La planification, l'attention portée aux détails, la capacité de travailler dans les limites de la technologie et l'élaboration d'une stratégie pour surmonter ces limites sont ce qui fait d'un grand artiste pixel également un grand designer.

Le monde du pixel art

Contrairement à ce à quoi on pourrait s’attendre, le marché du pixel art est vaste et en pleine croissance. On s’attendait généralement à ce que le pixel art disparaisse une fois que la technologie aurait atteint le point où il serait plus pratique et réalisable d’utiliser l’art vectoriel et la 3D CGI. En réalité, il existe toujours une forte demande pour le pixel art et son champ d’application s’est en fait élargi. Alors qu’autrefois le pixel art était principalement réservé aux jeux, il est désormais utilisé dans un très large éventail d’applications pratiques.

Parmi les domaines dans lesquels le pixel art se vend, citons:

  • Jeux mobiles et jeux à thème rétro
  • Infographies
  • Création de site web
  • Conception de l'interface
  • Motifs utilisés sur les vêtements, les porte-clés, etc.
  • Graphiques télévisés (par exemple: la foule informatique, bon jeu)
  • Bandes dessinées de pixel art (ex: Diesel Sweeties, Kid Radd)
  • Films (par exemple: Wreck It Ralph, Pixels)
  • Expositions d'art pixel et collections privées

D’autres marchés potentiels peuvent apparaître de temps à autre. D'une certaine manière, vous pouvez même considérer les briques Lego comme une sorte de pixel art, et il est en fait possible de créer du pixel art 3D avec Lego. Mais cela n'arrivera pas à moins que vous ne deveniez d'abord un maître du pixel art, alors découvrons-en davantage sur la façon de procéder.

Débuter dans la conception de pixel art

La meilleure façon d'entrer dans ce monde est d'entrer dans concours de pixel art et apprenez au fur et à mesure. Bien entendu, lorsque nous parlons de concours, nous entendons ceux dont la participation est libre et qui n'exploitent pas commercialement votre travail en vous obligeant à céder tous vos droits aux organisateurs du concours.

Les bonnes compétitions de pixel art posent des défis qui nécessitent que vous utilisiez vos compétences de concepteur innovant pour atteindre votre objectif. Parfois, il s’agit simplement de définir le thème, mais cela peut également inclure des règles telles que la limitation du nombre de couleurs que vous pouvez utiliser ou la définition d’un nombre maximal de pixels. Ce sont toutes des contraintes auxquelles les concepteurs de jeux ont déjà dû faire face. Lorsque vous apprenez les mêmes techniques, dans les mêmes conditions, vous développez de solides compétences et, espérons-le, une meilleure compréhension de l'ensemble du processus de conception.

Formation

Il existe de nombreux tutoriels en ligne gratuits et vous pouvez acheter livres sur le pixel art or la conception de jeux pour que tu partes. Pour une introduction plus approfondie, vous pouvez envisager de prendre un cours d'udemy en pixel art. À seulement $ 35 et enseigné par un expert en jeu vidéo (Marco Vale, actuellement directeur artistique de Studios Indot), c'est un très bon rapport qualité-prix.

Le processus de pixel art

La création de tout travail d'art pixel suit un processus linéaire du concept à l'achèvement:

  • L'idée – vous décidez de ce que vous allez créer ou obtenez des instructions
  • Planification – vous faites des choix sur la manière dont vous allez créer l'image
  • Sélection de grille - vous sélectionnez le type de grille correct pour l'image que vous créez
  • Sélection de la palette - vous configurez une palette de couleurs pour l'image
  • Prototypage - une étape facultative pour vous donner un travail de cadre de base pour le contour
  • Contour - vous créez le contour de base des principales parties de l'image
  • Lissage - vous corrigez les «irrégularités» ou irrégularités pour créer un meilleur contour
  • Coloriage - vous ajoutez des couleurs à l'image à l'aide de la palette que vous avez configurée.
  • Ombrage - vous ajoutez des rehauts et des ombres pour rendre votre image plus réaliste
  • Dithering - étape facultative pour reproduire une véritable sensation rétro dans une situation de palette limitée
  • Contour sélectif - vous appliquez des lignes continues aux parties sélectionnées de l'image pour donner une définition
  • Anti-aliasing - une dernière étape de lissage dans laquelle vous utilisez la couleur pour améliorer le réalisme
  • Paramètre - si l'image que vous avez créée ne représente qu'une petite partie d'une scène plus grande, vous définissez son paramètre.

Certaines étapes telles que le tramage et l'anticrénelage peuvent être automatiquement gérées par votre logiciel de dessin. Cela dépend de ce que vous utilisez et des options que vous sélectionnez.

L'idée

Certaines personnes considèrent qu'il s'agit de l'étape la plus difficile dans la création d'une nouvelle œuvre, mais ce n'est probablement pas le cas. Votre objectif est de décider de ce que vous allez créer ou, dans certains cas, de suivre les instructions du client concernant ce qu'il veut. L'inspiration peut provenir du monde réel qui vous entoure, ou de films, de jeux, de livres et de tout ce qui peut vous aider à visualiser les objets qui apparaîtront dans votre scène. Pour cet exemple, nous allons créer un pot de fleur qui servira d’accessoire dans une scène plus grande.

PRÉPRODUCTION

Dans cette étape, vous savez déjà ce que vous allez créer, alors vous réfléchissez maintenant à la manière dont vous allez le créer. La première décision majeure sera de savoir si vous allez concevoir une image plate ou lui donner une perspective 3D. Vous déciderez également du degré de détail ou de réalisme de l'image, si elle nécessite un look rétro, etc.

Plus vous souhaitez que l'image soit réaliste, plus vous devrez utiliser de pixels et de couleurs, et plus la création prendra du temps. Si vous concevez pour un concours, certains de ces choix auront déjà été faits pour vous, mais vous devrez quand même trouver la meilleure façon d'obtenir le résultat.

Une chose judicieuse à faire serait d'imprimer la grille avec laquelle vous allez travailler et de l'utiliser pour créer un croquis papier de l'image informatique terminée. Cela servira de référence pour le bitmap que vous créez, pour vous aider à maintenir la cohérence de la perspective et de l'échelle.

Sélection de la grille

Ceci est déterminé par la nature du travail que vous créez. Pour les images plates, vous utiliserez une grille standard où toutes les lignes se coupent à angle droit.

doc88img03

Dans une scène 3D, vous avez le choix d'utiliser une grille isométrique (le choix le plus courant) ou une grille oblique. Une grille isométrique comporte des lignes qui se coupent à des degrés 30:

doc88img04

Une grille oblique comporte des lignes qui se coupent à des degrés 45:

doc88img05

Les dessins obliques sont utiles lorsque vous souhaitez inclure de nombreux détails fins, mais en général, les dessins isométriques offrent une meilleure vue et semblent plus réalistes. C’est le style de dessin le plus largement choisi pour une bonne raison.

Sélection de la palette

Vous pouvez laisser cette étape jusqu'à ce que vous soyez prêt à colorier, mais vous pouvez en réalité vous aider pour le reste du processus si vous définissez vos couleurs dès le début.

Prototypage

Le pot de fleurs dans l'exemple est fondamentalement une forme de cône déformée et, comme pour toutes les imitations de cônes 2D, nous créons cette forme de base en utilisant des ellipses empilées. Cela économise du temps et démontre également l'intérêt d'utiliser Inkscape, car il dispose d'algorithmes pour produire des lignes plus lisses sur les bords courbes que de nombreux autres programmes de dessin. Nous devons simplement nous assurer que les ellipses s'alignent bien sur la grille.

doc88img06

Ensuite, utilisez des lignes droites pour les relier (les lignes légèrement courbes sont encore plus réalistes si vous avez la patience de les dessiner).

doc88img07

Décrivant

Dans cette étape, nous dessinons le contour de l'image que nous voulons pixeliser. Si vous avez créé un prototype de l'image, cette partie est simple. Créez d'abord un nouveau calque d'image et empilez-le sur l'autre calque (dans Inkscape, le nouveau calque a automatiquement un fond transparent). Verrouillez le calque prototype, puis sélectionnez le nouveau calque et utilisez-le pour tracer votre prototype avec l'outil Crayon. Désactiver la capture de grille lors du traçage de lignes courbes.

doc88img08

Si vous rencontrez des difficultés pour voir vos nouvelles lignes, réduisez simplement l'opacité du calque prototype jusqu'à ce qu'il soit plus facile de voir les lignes de votre calque de contour. Ne tracez pas toutes les lignes, juste celles qui auraient du sens.

doc88img09

Vous pouvez supprimer le calque prototype après avoir terminé le contour, si vous wish, ou simplement le rendre invisible.

doc88img10

Lissage

C'est une étape difficile. Pour cela, vous effectuez un zoom avant sur les courbes de l'image et essayez de corriger les lignes dentelées qui rendent l'image moins naturelle. Selon le niveau de l'image, vous n'aurez peut-être pas besoin de le faire (si votre image mesure 32 × 32 pixels ou moins, vous ne pouvez pas faire grand-chose pour l'améliorer en lissant.

La façon d'effectuer votre premier lissage consiste à zoomer sur l'image afin de voir où les courbes ne sont pas bien définies ou où il y a des cassures (espaces) dans les lignes pleines. Tout espace entraînera une décoloration si vous utilisez un seau de remplissage, c'est donc une bonne idée d'éliminer les espaces. N'oubliez pas que vous ne faites qu'un pixel à la fois, et c'est là qu'une tablette rend le travail beaucoup plus facile qu'une souris.

doc88img11

Coloration

C'est ce que l'on faisait pour s'amuser quand on avait cinq ans, mais maintenant c'est beaucoup plus facile. Vous pouvez remplir de grandes zones de couleur avec un remplissage en seau, et de nombreux programmes de dessin vous permettent de définir un dégradé qui peut ou non vous donner un aspect réaliste. Autrewise c'est la même chose que le lissage : zoomez et définissez vos pixels un par un. Ne créez pas de calque de couleur séparé, car votre logiciel risque de ne pas reconnaître les limites d'un calque différent lors du remplissage d'un seau.

doc88img12

Ombres

Les couleurs unies sont faciles, mais pour obtenir un aspect réaliste, vous devez utiliser des ombres. Il est plus facile d'ombrager des images plus grandes, car elles contiennent plus de pixels sur lesquels travailler. La première étape de l'ombrage consiste à déterminer comment la lumière frappe votre objet ou votre scène, puis à appliquer les reflets et les ombres de manière réaliste. Au début, cela sera difficile, mais avec l'expérience et les retours d'autres artistes, vous y parviendrez. Ici, je vais seulement ombrer la paroi arrière du pot, mais il serait préférable d'appliquer quelques reflets sur la paroi avant.

doc88img13

Tramage

Avec une palette limitée, vous ne pouvez pas toujours obtenir toutes les nuances et couleurs souhaitées, et il est difficile d'apporter des changements subtils entre des zones contiguës sans tramage. Ce n'est pas quelque chose qui est requis sur le matériel moderne, mais il est souvent appliqué dans les situations où vous souhaitez un look rétro des années 90 ou où, pour diverses raisons, vous devez travailler avec une palette limitée. Certains logiciels peuvent gérer automatiquement le tramage, ou vous devrez peut-être créer votre propre tramage. Cette image est trop simple pour nécessiter un tramage, mais voici un tutoriel cela explique comment créer un faux effet de dithering dans Inkscape.

doc88img14

Contour sélectif

Cela signifie remplacer les contours noirs sur les zones internes par une couleur plus naturelle et ne souligner que les parties qui doivent être soulignées pour être définies. Dans la vraie vie, les nervures d’une feuille ne sont pas noires, elles ne devraient donc pas non plus figurer sur votre dessin.

doc88img15

Anti crénelage

Ceci est similaire au lissage, sauf que vous examinez de plus près les zones de couleur qui peuvent nécessiter un « cognage » afin d'adoucir un peu les lignes afin qu'elles semblent plus réalistes. Changer une couleur signifie simplement choisir une nuance de couleur pour un pixel entre les couleurs des pixels de chaque côté de celui-ci. Un flou intentionnel rend les lignes moins nettes. Comme pour le tramage, votre logiciel peut appliquer automatiquement un anti-aliasing pour vous.

Paramètres

Placer votre objet fini dans une scène plus grande s’appelle le réglage. Vous n'avez pas besoin de faire cela avec des sprites de personnages ou des objets mobiles. Vous pourrez le faire plus tard avec du code. Utilisez le paramètre pour les objets fixes qui ne bougent pas. Les objets animés doivent être convertis en sprites, ce qui est un sujet pour un autre jour.

Que faire si votre image n'est pas suffisamment pixellisée

L'un des problèmes est qu'Inkscape et les programmes vectoriels similaires font tout simplement un trop bon travail de remplissage des seaux, de sorte que les couleurs semblent vraiment lisses et vectorielles. Si vous souhaitez un aspect pixélisé, vous devez exporter l'image au format png, l'ouvrir dans GIMP et appliquer le filtre Pixeliser, que vous trouverez dans la section Flou. Cela vous donnera un résultat comme celui-ci (que vous devrez peut-être ensuite anti-aliaser) :

doc88img16

Remarques finales

Le pixel art est loin d'être mort, et les bons artistes pixel reçoivent toujours beaucoup de respect dans la communauté du design de la part de ceux qui comprennent le dévouement qu'il faut pour devenir un maître. Apprendre à construire des images pixel par pixel fait de vous un meilleur concepteur, et peut-être aussi un meilleur ingénieur. Il existe toujours une forte demande du marché pour le pixel art et relativement peu d’artistes pixel talentueux sur le terrain qui répondent à ce besoin. Vous pouvez gagner de l’argent avec le pixel art ou simplement l’utiliser pour renforcer vos compétences. Quoi qu’il en soit, c’est amusant et enrichissant, et ça vaut vraiment le coup.

Bogdan Rancea

Bogdan est un membre fondateur d’Inspired Mag, ayant accumulé près de 14 années d’expérience 6 au cours de cette période. Dans ses temps libres, il aime étudier la musique classique et explorer les arts visuels. Il est également obsédé par les fixies. Il possède déjà 5.

Commentaires Réponses 0

Soyez sympa! Laissez un commentaire

Votre adresse email n'apparaitra pas. Les champs obligatoires sont marqués *

Note *

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..