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

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 développer une appréciation de 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'un des meilleurs moyens de gagner votre stripes en conception graphique 2D assistée par ordinateur.

La raison en est que le pixel art impose de lourdes exigences à l'artiste. Il 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 fournir 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 l'avantage des courbes naturelles. Vous travaillerez également exclusivement dans un environnement 2D. 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 parallèle.

Apprendre à animer des images-objets 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 de plus en plus connectés et n’ont généralement toujours pas la possibilité de jouer de manière continue sur 3D, Les jeux 2D font un retour en forceet vous pouvez réellement mettre ces compétences à profit pour gagner un peu plus d’argent lorsque le travail de conception ne coule pas à votre porte.

Pixel art ne nécessite aucun logiciel spécial. Vous pouvez créer des pixel art dans n'importe quel programme de dessin de base. De nombreux artistes de pixel ont commencé leur métier avec des outils simples tels que 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 ajuster vos conceptions à la perfection. Inkscape est vraiment bon à cet effet. C'est gratuit, a des grilles isométriques intégrées et fonctionne parfaitement pour le pixel art.

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. Vraiment, un illustrateur est bien en dessous du niveau d'un designer. Les illustrateurs dessinent simplement les choses à la demande de leur client. Les concepteurs conçoivent les choses en fonction des besoins de leurs clients. C'est une différence énorme.

Apprendre à créer un pixel art signifie apprendre à innover des solutions créatives pour répondre à des besoins très spécifiques. C'est beaucoup plus que dessiner. La planification, l’attention portée aux détails, la capacité de travailler dans les limites de la technologie et de concevoir une stratégie pour surmonter ces limitations font de l’artiste de grands pixels un excellent designer.

Le monde du pixel art

Contrairement à ce à quoi vous pouvez vous attendre, le marché du pixel art est grand et en croissance. On s’attendait généralement à ce que le pixel art disparaisse une fois que la technologie aura atteint le point où il serait plus pratique et plus pratique d’utiliser le vectoriel et 3D CGI. En réalité, la demande en pixel art est toujours forte et son champ d'application a été élargi. Là où l’art du pixel était essentiellement réservé aux jeux, il est maintenant 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

Il peut y avoir d'autres marchés potentiels qui apparaissent de temps en temps. 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 un pixel art 3D avec Lego. Mais cela ne se produira que si vous devenez d'abord un artiste pixeliste de premier plan, alors découvrons-en un peu plus sur la manière de le faire.

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 apprendre au fur et à mesure. Bien sûr, lorsque nous parlons de compétitions, nous entendons celles qui sont libres d'entrer et qui n'exploitent pas commercialement votre travail en vous obligeant à céder tous vos droits aux organisateurs de la compétition.

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 ce que vous allez créer ou obtenez des instructions
• Planification - vous faites des choix quant à la manière de 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 dithering et l'anti-aliasing peuvent être gérées automatiquement 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 cela comme l'étape la plus difficile pour créer 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 en ce qui concerne ce qu'il souhaite. L'inspiration peut provenir du monde réel qui vous entoure ou de films, jeux, livres et de tout autre élément susceptible de vous aider à visualiser les objets qui apparaîtront dans votre scène. Pour cet exemple, nous allons créer un pot de fleur qui serait un accessoire dans une scène plus grande.

Préproduction

Dans cette étape, vous savez déjà ce que vous allez créer. Vous réfléchissez donc maintenant à la façon dont vous allez le créer. La première décision importante sera de savoir si vous allez concevoir une image plate ou lui donner une perspective 3D. Vous déciderez également du niveau de détail ou de réalisme de l'image, de son aspect rétro ou autre.

Plus vous voulez que l'image soit réaliste, plus vous aurez besoin de pixels et de couleurs, et plus la création sera longue. Si vous concevez pour un concours, certains de ces choix auront déjà été faits pour vous, mais vous devrez tout de même trouver le meilleur moyen d'obtenir le résultat souhaité.

Il serait judicieux d’imprimer la grille avec laquelle vous travaillerez et de l’utiliser pour faire un croquis papier de l’image informatique finale. Cela servira de référence pour le bitmap que vous créez, pour vous aider à garder la perspective et l'échelle cohérentes.

Sélection de la grille

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

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:

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

Les dessins obliques sont utiles lorsque vous souhaitez inclure beaucoup de détails fins, mais en général, l'isométrie fournit une meilleure vue et est plus réaliste. C'est le style de dessin le plus largement choisi pour une bonne raison.

Sélection de la palette

Vous pouvez quitter cette étape jusqu'à ce que vous soyez prêt à colorier, mais vous pouvez réellement vous aider pour le reste du processus si vous définissez vos couleurs plus tôt.

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.

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).

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.

Si vous rencontrez des difficultés pour visualiser 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.

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

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 première façon de faire le premier lissage consiste à effectuer un zoom avant sur l’image afin de pouvoir voir où les courbes ne sont pas bien définies ou s’il ya des coupures (espaces) dans les lignes pleines. Si vous utilisez un remplissage avec un seau, les saignements provoquent un saignement des couleurs. Il est donc judicieux de les éliminer. N'oubliez pas que vous ne faites qu'un pixel à la fois, c'est-à-dire qu'une tablette facilite grandement le travail par rapport à une souris.

Coloration

C'est ce que tu faisais pour t'amuser quand tu avais cinq ans, sauf que 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 réglez 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.

Ombres

Les couleurs unies sont faciles, mais pour obtenir un aspect réaliste, vous devez utiliser des ombres. Il est plus facile de faire de l'ombrage sur des images plus grandes car elles ont plus de pixels sur lesquels vous pouvez 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, ce sera difficile, mais avec l'expérience et les commentaires d'autres artistes, vous comprendrez. Ici, je vais seulement ombrager le mur du fond du pot, mais il serait préférable d’appliquer quelques reflets sur le mur avant.

Tramage

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

Contour sélectif

Cela signifie remplacer les contours noirs sur les zones internes par une couleur d'apparence plus naturelle et ne définir que les portions dont la définition est nécessaire. Dans la vie réelle, les veines d'une feuille ne sont pas noires et ne doivent donc pas figurer dans votre dessin.

Anti crénelage

Ceci est similaire au lissage, sauf que vous regardez de plus près les régions de couleur qui peuvent avoir besoin de «bosse» afin d'adoucir un peu les lignes afin qu'elles semblent plus réalistes. Cogner une couleur signifie simplement choisir une nuance de couleur pour un pixel entre les couleurs des pixels de chaque côté de celui-ci. Le flou intentionnel rend les lignes moins nettes. Comme pour le dithering, votre logiciel peut appliquer automatiquement l'anticrénelage pour vous.

Paramètres

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

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

Un des problèmes est que Inkscape et les programmes vectoriels similaires font trop bien le travail de remplissage de seau, de sorte que les couleurs semblent vraiment lisses et vectoires. Si vous voulez un aspect pixelisé, vous devez exporter l'image au format png, l'ouvrir dans GIMP et appliquer le filtre Pixéliser, que vous trouverez dans la section Flou. Cela vous donnera un résultat comme celui-ci (que vous devrez peut-être alors utiliser comme anti-alias):

Remarques finales

L'art du pixel est loin d'être mort, et les bons artistes de pixel obtiennent toujours beaucoup de respect de la part de ceux qui comprennent le dévouement nécessaire pour devenir un maître. Apprendre à construire des images pixel par pixel fait de vous un meilleur concepteur, voire même un meilleur ingénieur. Il existe toujours une forte demande du pixel art sur le marché et relativement peu d’artistes talentueux sur le terrain 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, cela en vaut la peine.