Au 20e siècle, les jeux informatiques sont devenus un vaste domaine d'application des graphiques en pixels, en particulier dans les années 90. Avec le développement du graphisme 3D, le pixel art a commencé à décliner, mais a ensuite repris vie grâce au développement du web design, à l'avènement des téléphones portables et des applications mobiles.
Le pixel art est une technique spéciale de création d'images sous forme numérique, réalisée dans des éditeurs graphiques raster, dans laquelle l'artiste travaille avec la plus petite unité d'une image numérique raster - le pixel. Cette image se caractérise par une faible résolution, dans laquelle chaque pixel devient clairement visible. Le pixel art prend beaucoup de temps et de minutie, en fonction de la complexité du dessin - pixel par pixel.
Règles de base du pixel art
L'élément le plus important du pixel art est ce qu'on appelle le dessin au trait, c'est-à-dire ses contours. Le pixel art est réalisé à l’aide de lignes droites et courbes.
Lignes droites
La règle pour construire des lignes dans le pixel art est qu'elles doivent être constituées de segments qui se déplacent d'un pixel sur le côté au fur et à mesure de la progression du dessin. Évitez la principale erreur des artistes débutants en pixel art : les pixels ne doivent pas se toucher, formant un angle droit.
Dans le cas de droites, vous pouvez vous faciliter la tâche en utilisant un des exemples bien connus de droites inclinées :
Comme le montre la figure, toutes les lignes droites qui y sont présentées sont constituées de segments de pixels identiques, décalés sur le côté d'une distance d'un pixel, et les plus populaires sont des segments d'un, deux et quatre pixels. De telles lignes droites simples dans les graphiques en pixels sont appelées « idéales ».
Les lignes droites peuvent avoir un motif différent, par exemple, vous pouvez alterner des segments de deux pixels avec un segment d'un, mais de telles lignes ne seront pas si belles, surtout lorsque l'image est agrandie, même si elles ne violent pas les règles du pixel art. .
Lignes courbes
Les lignes droites sont plus faciles à réaliser car elles évitent les plis, ce qui n'est pas le cas des lignes courbes. Leur construction est plus difficile, mais il faut tracer des lignes courbes beaucoup plus souvent que des lignes droites.
En plus de la même interdiction de former des angles droits à partir des pixels, lors du dessin de lignes courbes, il est nécessaire de rappeler la nature de leur déplacement. La longueur des segments de pixels doit changer uniformément, progressivement - monter en douceur et descendre tout aussi doucement. Les graphiques en pixels ne permettent pas de plis.
Il est peu probable que vous puissiez tracer une ligne courbe idéale d'un seul mouvement de la main sans enfreindre une seule règle, vous pouvez donc recourir à deux méthodes : tracer des lignes en dessinant un pixel après l'autre, ou tracer une courbe régulière puis la corriger. en supprimant les pixels supplémentaires du « cadre » fini.
Tramage
Dans le pixel art, le tramage existe. Il s'agit d'une manière spécifique de mélanger des pixels de différentes couleurs pour créer un effet de transition de couleur.
La méthode de tramage la plus populaire consiste à disposer les pixels selon un motif en damier :
Cette méthode doit son apparition aux limitations techniques des palettes de couleurs, car pour obtenir, par exemple, du violet, il fallait dessiner des pixels rouges et bleus en damier :
Et par la suite, le tramage a souvent été utilisé pour transmettre du volume à travers la lumière et les ombres dans les images :
Pour que le pixel art tramé fonctionne correctement, la zone de mélange des couleurs doit avoir une largeur d'au moins deux pixels.
Programmes pour le pixel art
Pour maîtriser la création artistique dans un style pixel, vous pouvez utiliser n'importe quel éditeur graphique prenant en charge ce type de dessin. Tous les artistes travaillent avec différents programmes en fonction de leurs préférences.
Aujourd'hui encore, de nombreuses personnes préfèrent dessiner avec des pixels dans le programme standard bien connu du système d'exploitation Windows - Microsoft Paint. Ce programme est vraiment facile à apprendre, mais c'est aussi son inconvénient : il est assez primitif, par exemple, il ne prend pas en charge le travail avec les calques et leur transparence.
GraphicsGale est un autre programme de pixel art facile à utiliser dont la version de démonstration peut être trouvée en ligne gratuitement. L'inconvénient du programme est peut-être qu'il ne prend pas en charge l'enregistrement du pixel art au format .gif.
Les propriétaires d'ordinateurs Mac peuvent essayer le programme gratuit Pixen. Et les utilisateurs du système d'exploitation Linux devraient tester eux-mêmes les programmes GrafX2 et JDraw.
Et, bien sûr, une excellente option pour créer du pixel art est le programme Adobe Photoshop, qui possède de nombreuses fonctionnalités, vous permet de travailler avec des calques, prend en charge la transparence et facilite le travail avec la palette. À l'aide de ce programme, nous examinerons des exemples simples sur la façon de dessiner vous-même du pixel art.
Comment dessiner du pixel art dans Photoshop
Comme dans les beaux-arts traditionnels, la forme, l'ombre et la lumière jouent un rôle important dans le pixel art, alors avant d'apprendre à dessiner le pixel art, prenez le temps de vous familiariser avec les bases du dessin - entraînez-vous à dessiner avec un crayon sur papier.
Dessin "Ballon"
Commençons par la chose la plus simple : dessiner un ballon ordinaire. Créez un nouveau fichier dans Photoshop avec une résolution d'écran de 72 dpi. Il ne sert à rien de définir des tailles d'image plus grandes - c'est du pixel art. Sélectionnez un pinceau, dur et opaque, définissez la taille sur 1 pixel.
Dessinez un petit demi-arc incurvé de gauche à droite, en le menant de bas en haut. Rappelez-vous les règles du pixel art : gardez les mêmes proportions des segments, décalez-les sur le côté d'un pixel, sans laisser de plis ni d'angles droits. Reflétez ensuite cet arc en dessinant le haut de la balle.
Selon le même principe, dessinez la partie inférieure de la boule et le fil. Remplissez la balle de rouge à l'aide de l'outil de remplissage. Il ne reste plus qu'à ajouter du volume - notre boule semble trop plate. Peignez une bande rouge foncé sur le côté inférieur droit de la balle, puis tramez la zone. Dans le coin supérieur gauche de la boule, dessinez une surbrillance de pixels blancs.
Voyez comme c'est simple : le ballon est prêt !
Dessin "Robot"
Essayons maintenant de dessiner une image de manière traditionnelle, et alors seulement nous nettoierons les pixels qui violent les règles du pixel art.
Ouvrez un nouveau document et faites une esquisse du futur robot :
Vous pouvez désormais nettoyer tout ce qui gêne et ajouter des pixels si nécessaire :
De la même manière, dessinez la partie inférieure du corps du robot. Ne manquez pas l'occasion de tracer des lignes droites « parfaites » aux endroits appropriés.
Détaillez le corps du robot. De nombreux artistes expérimentés conseillent de préparer vous-même une palette avant de commencer le travail - un ensemble de couleurs que vous utiliserez lors de la création d'une œuvre dans un style pixel. Cela permet la plus grande intégrité de l’image. Créez une palette sur une zone libre de l'espace de travail Photoshop - par exemple, sous forme de carrés ou de taches de couleur. Par la suite, pour sélectionner la couleur souhaitée, cliquez dessus avec l'outil Pipette.
Vous pouvez commencer à remplir les contours. « Peignez » le corps du robot avec la couleur principale. Notre couleur est le bleu lavande.
Changez la couleur du contour - remplissez-le de bleu foncé. Décidez où se trouve la source de lumière dans votre dessin. Pour nous, il se situe quelque part au-dessus et à droite devant le robot. Dessinons la poitrine de notre personnage en ajoutant du volume :
Sur le côté droit, marquez l'ombre la plus profonde du dessin, qui longe le contour du corps. A partir de cette ombre, des bords vers le centre, dessinez une ombre plus claire qui disparaît dans les zones prévues éclairées par la source lumineuse :
Ajoutez des reflets au robot dans toutes les zones censées réfléchir la lumière :
Donnez aux jambes du robot une apparence cylindrique en utilisant l'ombre et la lumière. De la même manière, faites des trous à partir de cercles sur la poitrine du robot :
Améliorons maintenant l'image en ajoutant l'élément de pixel art évoqué précédemment - le tramage - aux zones d'ombre du corps.
Vous n'avez pas besoin de tramer sur les reflets, ni sur les jambes - elles sont déjà trop petites. À l’aide de pixels sombres et clairs, dessinez une rangée de rivets sur la tête du robot au lieu de dents, et ajoutez également une antenne amusante. Il nous a semblé que la main du robot n'était pas très bien dessinée - si vous rencontrez le même problème, découpez l'objet dans Photoshop et déplacez-le vers le bas.
C'est tout, notre drôle de robot pixel est prêt !
Et avec l'aide de cette vidéo, vous apprendrez à réaliser une animation pixel art dans Photoshop :
Prenez-le pour vous et parlez-en à vos amis !
A lire également sur notre site internet :
montre plus
Pixel Art (Pixel Art) - traduit de l'anglais par pixel art. Un pixel, quant à lui, est le plus petit élément graphique d’une image numérique.
Pixel Art signifie littéralement l’art de dessiner avec des pixels.
Juste pour plus de clarté, regardons cet exemple :
Owlboy (jeu de pixel art)
Voilà à quoi ressemblent les jeux avec des graphismes de style Pixel Art.
Très souvent, de tels graphismes sont utilisés dans les jeux indépendants car ils ont un style de jeu informatique très reconnaissable.
Cependant, le Pixel Art n'est pas seulement une question de graphisme, lutin et des images pour les jeux, c'est toute une direction de l'art numérique et graphique.
De belles images peuvent être dessinées en utilisant le pixel art :
Vous ne confondrez ce style graphique rétro avec rien.
Certaines peintures de ce style méritent tout à fait de prendre place sur votre bureau. 
Il y a aussi des artistes très sympas qui travaillent dans ce style.
Regarde cette image. Chaque pixel ici a été dessiné séparément et manuellement. C’est comme assembler une mosaïque comme ils le faisaient avant, et ils le font encore aujourd’hui.
Si nous agrandissons cette image, nous pouvons voir de près comment tout est fait :
Le style unique du pixel art réside dans les transitions de couleurs assez claires et sans anticrénelage. Par exemple, prenons un autre travail en graphisme numérique d'un niveau assez moyen, regardez celui-ci dessin d'une fille avec des lunettes(18+) sur le blog www.econdude.pw.
Il s'agit d'un dessin réalisé avec une souris d'ordinateur dans le programme SAI2.0.
Cependant, si vous zoomez sur cette image, vous pouvez voir l'anti-aliasing :
Il n'y a pas de transitions claires de couleurs et de nuances, mais dans le pixel art, les transitions sont claires.
Par exemple, regardez comment vous pouvez effectuer des transitions entre les couleurs dans le pixel art :
Il s'agit d'une image approximative ; si vous la regardez de loin avec une haute résolution, la transition des couleurs sera assez douce, mais la clarté et la cohérence du style sont visibles ici.
Voici un autre exemple, il s'agit d'un dessin assez classique de style cornichon art :
http://www.gamer.ru/everything/pixel-art-dlya-nachinayuschih
Lorsque vous vous en approchez, les images ne semblent pas très belles, mais si vous regardez le pixel art de loin, avec une résolution plus élevée, cela peut être magnifique.
Pouvez-vous imaginer l’excellent travail que font ces artistes ?
Parfois, ils disent que le Pixel Art est réalisé de cette façon parce que c'est moins cher, ils disent que les développeurs indépendants n'ont tout simplement pas les ressources nécessaires pour créer des graphiques 3D modernes, alors ils utilisent la chose la plus simple à laquelle ils peuvent penser, dessiner en langage basique. éditeurs graphiques pixels.
Cependant, quiconque a dessiné quelque chose dans le style Pixel Art vous dira qu'il s'agit presque du style graphique le plus coûteux en termes de ressources (temps, tout d'abord).
L'animation dans le style Pixel Art est généralement un travail infernal.
http://www.dinofarmgames.com/a-pixel-artist-renounces-pixel-art/
Reste donc à prouver que le Pixel Art est un « style paresseux », je dirais même qu’au contraire, ce n’est pas le style graphique le moins paresseux.
Cependant, n’importe qui peut apprendre à dessiner quelque chose de simple dans le style Pixel Art, et vous n’avez besoin d’aucun programme spécial, juste d’un simple éditeur graphique.
Si vous voulez apprendre à dessiner dans ce style, vous avez, comme dans tout autre cas, besoin de beaucoup de pratique, et vous pouvez commencer, par exemple, par des articles sur Habré : Cours de pixel art
Vous y retrouverez également les principes de base du pixel art.
Voici un exemple de la façon de dessiner du pixel art (vidéo accélérée - dessin rapide) au niveau débutant, vous pouvez apprendre à dessiner ainsi en littéralement une semaine :
Pixelart : dessiner un vaisseau spatial
Parfois, ils font des dessins vraiment fous dans ce style, on ne peut même pas croire qu'une personne l'a dessiné et on veut savoir combien de temps a été passé dessus. Exemple:
https://www.youtube.com/watch?v=vChMzRnw-Hc
Vous voyez cette photo de Sarah Carrigan de StarCraft ? À votre avis, qu’est-ce que c’est et comment est-il fabriqué ?
Cet homme l'a construit à partir de blocs du jeu Minecraft, le travail a duré 23 semaines.
En regardant de plus près, vous pouvez voir que ce sont tous des blocs distincts.
Formellement, il ne s'agit plus de pixel art, mais même de « minecraft block art », mais l'essence du style reste la même et il s'agit du plus grand dessin de pixel art et d'un record du monde, selon l'auteur.
En fait, si vous regardez attentivement n’importe quelle photo ou image, il est évident qu’elle est également constituée de pixels, comme toute image en général. Mais toute la différence est que le pixel art est créé à la main, pixel par pixel.
Un autre exemple, les artistes et animateurs Paul Robertson et Ivan Dixon ont créé ceci :
Cela ressemble à une énorme quantité de travail, et même si vous utilisiez des outils supplémentaires (il existe des filtres qui transforment les images en pixel art), cela prendrait très longtemps.
Personnellement, je pense que les images de style Pixel Art constituent le véritable art moderne dans le meilleur sens du terme.
Chaque image Pixel Art a une valeur très claire et elle est visible et ressentie.
Même une personne qui ne comprend pas bien cela peut l’apprécier.
Cependant, malheureusement, ce genre d'art n'est pas très populaire et est désormais considéré comme obsolète, et son retour ces dernières années sous la forme de nombreux jeux Steam dans le style du pixel art commence également à déranger les gens. Même si je pense personnellement que ce style graphique rétro est déjà un classique, et qu’un vrai classique ne mourra jamais.
Pixel art(écrit sans trait d'union) ou graphiques en pixels- une direction de l'art numérique qui consiste à créer des images au niveau du pixel (c'est-à-dire l'unité logique minimale qui constitue une image). Toutes les images raster ne sont pas du pixel art, même si elles sont toutes constituées de pixels. Pourquoi? Car finalement, la notion de pixel art englobe moins le résultat que le processus de création d’une illustration. Pixel par pixel, et c'est tout. Si vous prenez une photo numérique, la réduisez fortement (pour que les pixels deviennent visibles) et prétendez que vous l'avez dessinée de toutes pièces, ce sera un véritable faux. Bien qu'il y ait probablement des niais naïfs qui vous féliciteront pour votre travail minutieux.
On ne sait pas exactement quand cette technique est née ; les racines ont été perdues au début des années 1970. Cependant, la technique consistant à composer des images à partir de petits éléments remonte à des formes d'art beaucoup plus anciennes, telles que la mosaïque, le point de croix, le tissage de tapis et le perlage. L'expression même « pixel art » comme définition du pixel art a été utilisée pour la première fois dans un article d'Adele Goldberg et Robert Flegal dans la revue Communications of the ACM (décembre 1982).
Curieusement, c'est M. Progrès Scientifique et Technologique qui a poussé les graphismes en pixels jusqu'aux dernières positions au milieu des années 90, puis les a ramenés dans le jeu - introduisant les appareils mobiles dans le monde sous la forme de téléphones portables et de PDA. Après tout, quelle que soit l’utilité d’un appareil dernier cri, vous et moi savons que si vous ne pouvez pas au moins jouer au solitaire dessus, il ne vaut rien. Eh bien, là où il y a un écran basse résolution, il y a le pixel art. Comme on dit, bon retour.
2. Outils.
De quoi avez-vous besoin pour créer du pixel art ? Comme je l'ai dit plus haut, un ordinateur et tout éditeur graphique capable de travailler au niveau des pixels suffisent. Vous pouvez dessiner n'importe où, même sur une Game Boy, même sur une Nintendo DS, même dans Microsoft Paint (une autre chose est que dessiner dans ce dernier est extrêmement gênant). Il existe une grande variété d'éditeurs raster, beaucoup d'entre eux sont gratuits et assez fonctionnels, afin que chacun puisse décider lui-même du logiciel.
Je dessine dans Adobe Photoshop parce que c'est pratique et parce que je le fais depuis longtemps. Je ne vais pas vous mentir et vous dire, en marmonnant mon dentier, que « je me souviens que Photoshop était encore très petit, il était sur un Macintosh et il portait le numéro 1.0 ». Cela ne s'est pas produit. Mais je me souviens de Photoshop 4.0 (et aussi sur Mac). Par conséquent, pour moi, la question du choix n’a jamais été une question. Et donc non, non, mais je donnerai des recommandations concernant Photoshop, notamment là où ses capacités contribueront à simplifier considérablement la créativité.Il vous faut donc n'importe quel éditeur graphique permettant de dessiner avec un outil d'un pixel carré (il existe aussi des pixels non carrés, par exemple ronds, mais ils ne nous intéressent pas pour le moment). Si votre éditeur prend en charge n’importe quel ensemble de couleurs, tant mieux. Si cela vous permet également de sauvegarder des fichiers, c’est génial. Ce serait bien s'il savait travailler avec des calques, car lorsqu'on travaille sur une image assez complexe, il est plus pratique de disposer ses éléments en différents calques, mais dans l'ensemble, c'est une question d'habitude et de commodité.
On commence ? Attendez-vous probablement une liste de quelques techniques secrètes, des recommandations qui vous apprendront à dessiner du pixel art ? Mais la vérité est que, dans l’ensemble, rien de tel n’existe. La seule façon d’apprendre à dessiner le pixel art est de le dessiner vous-même, d’essayer, d’essayer, de n’avoir pas peur et d’expérimenter. N'hésitez pas à répéter le travail des autres, n'ayez pas peur de paraître peu original (ne faites simplement pas passer le travail de quelqu'un d'autre pour le vôtre, hehe). Analysez soigneusement et réfléchiement les œuvres des maîtres (pas les miennes) et dessinez, dessinez, dessinez. Plusieurs liens utiles vous attendent à la fin de l’article.3. Principes généraux.
Néanmoins, il existe plusieurs principes généraux qu’il ne peut pas faire de mal de connaître. Il y en a vraiment peu, je les appelle des « principes » et non des lois, car ils ont plutôt un caractère de recommandation. En fin de compte, si vous parvenez à dessiner un pixel art brillant en contournant toutes les règles, qui s'en soucie ?
Le principe le plus fondamental peut être formulé ainsi : l'unité minimale d'une image est un pixel et, si possible, tous les éléments de la composition doivent y être proportionnés. Laissez-moi vous expliquer : tout ce que vous dessinez est constitué de pixels, et le pixel doit être lisible dans tout. Cela ne signifie pas que l'image ne peut pas contenir d'éléments, par exemple 2x2 pixels ou 3x3. Mais il reste préférable de construire une image à partir de pixels individuels.
Le trait et généralement toutes les lignes du dessin doivent avoir une épaisseur d'un pixel (à de rares exceptions près).
Les fractures privent le dessin de sa douceur et de sa beauté naturelles. Et si les fragments 3, 4 et 5 sont évidents et peuvent être facilement corrigés, avec les autres la situation est plus compliquée - là la longueur d'un seul morceau de la chaîne est cassée, cela semblerait une bagatelle, mais la bagatelle est perceptible. Il faut un peu de pratique pour apprendre à voir ces endroits et à les éviter. Le Kink 1 est exclu de la ligne car il s'agit d'un seul pixel - alors que dans la zone où il a été inséré, la ligne est constituée de segments de 2 pixels. Pour s'en débarrasser, j'ai adouci l'entrée de la courbe dans le virage, en allongeant le segment supérieur à 3 pixels, et j'ai redessiné toute la ligne en segments de 2 pixels. Les pauses 2 et 6 sont identiques : ce sont déjà des fragments de 2 pixels de long dans des zones construites par des pixels uniques.
Un ensemble élémentaire d'exemples de lignes droites inclinées, que l'on peut trouver dans presque tous les manuels de pixel art (le mien ne fait pas exception), vous aidera à éviter de tels plis lors du dessin :
Comme vous pouvez le constater, une ligne droite est composée de segments de même longueur, décalés d'un pixel au fur et à mesure de son tracé - ce n'est qu'ainsi que l'effet de linéarité est obtenu. Les méthodes de construction les plus courantes sont celles avec des longueurs de segment de 1, 2 et 4 pixels (il en existe d'autres, mais les options présentées devraient suffire à mettre en œuvre presque toutes les idées artistiques). Parmi ces trois, le plus populaire peut être appelé en toute confiance une longueur de segment de 2 pixels : dessinez un segment, déplacez le stylet de 1 pixel, dessinez un autre segment, déplacez le stylet de 1 pixel, dessinez un autre segment :
Pas difficile, non ? Tout ce dont vous avez besoin, c'est d'une habitude. La possibilité de tracer des lignes droites inclinées par incréments de 2 pixels facilitera l'isométrie, nous l'examinerons donc plus en détail la prochaine fois. En général, les lignes droites sont excellentes - mais seulement jusqu'à ce que se présente la tâche de dessiner quelque chose de miraculeux. Ici, nous avons besoin de courbes, et de nombreuses courbes différentes. Et nous prenons en compte une règle simple pour arrondir les lignes courbes : la longueur des éléments de courbe doit diminuer/augmenter progressivement.
La sortie de la droite vers l'arrondi s'effectue en douceur, j'ai indiqué la longueur de chaque segment : 5 pixels, 3, 2, 2, 1, 1, encore 2 (déjà vertical), 3, 5 et ainsi de suite. Votre cas n’utilisera pas forcément la même séquence, tout dépend de la finesse recherchée. Autre exemple d'arrondi :
Encore une fois, on évite les plis qui gâchent tellement le tableau. Si vous souhaitez vérifier la matière que vous avez apprise, j'ai ici un skin pour Winamp dessiné par un auteur inconnu, un blanc :
Il y a des erreurs grossières dans le dessin, et simplement des arrondis infructueux, et il y a des défauts - essayez de corriger l'image en fonction de ce que vous savez déjà. C'est tout ce que j'ai avec les lignes, je vous propose de dessiner un peu. Et ne vous laissez pas dérouter par la simplicité des exemples, vous ne pouvez apprendre à dessiner qu’en dessinant – même les choses les plus simples.
4.1. Dessinez une bouteille d’eau vive.
1. La forme de l’objet, vous n’êtes pas obligé d’utiliser la couleur pour l’instant.
2. Liquide rouge.
3. Changez la couleur du verre en bleu, ajoutez des zones ombrées à l'intérieur de la bulle et une zone claire sur la surface prévue du liquide.
4. Ajoutez des reflets blancs sur la bulle et une ombre rouge foncé de 1 pixel de large sur les zones du liquide bordant les parois de la bulle. Ça a l'air plutôt bien, hein ?
5. De même, dessinons une bouteille contenant un liquide bleu - ici la même couleur de verre, plus trois nuances de bleu pour le liquide.
4.2. Dessiner une pastèque.
Dessinons un cercle et un demi-cercle - ce sera une pastèque et une tranche découpée.
2. Marquons la découpe sur la pastèque elle-même et sur la tranche – la frontière entre l'écorce et la pulpe.
3. Remplissage. Couleurs de la palette, le vert moyen est la couleur de la croûte, le rouge moyen est la couleur de la pulpe.
4. Désignons la zone de transition de la croûte à la pulpe.
5. De légères rayures sur la pastèque (elle se ressemble enfin). Et bien sûr – des graines ! Si vous croisez une pastèque avec des cafards, ils ramperont d'eux-mêmes.
6. Nous y pensons. Nous utilisons une couleur rose pâle pour indiquer les reflets au-dessus des graines dans la section, et en disposant les pixels en damier, nous obtenons un semblant de volume à partir du segment découpé (la méthode est appelée tramage, nous y reviendrons plus tard. ). Nous utilisons une teinte rouge foncé pour indiquer les zones ombrées dans la section de la pastèque, et une teinte vert foncé (encore une fois, des pixels en damier) pour donner du volume à la pastèque elle-même.
5. Tramage.
Le tramage, ou mélange, est une technique consistant à mélanger des pixels dans deux zones adjacentes de couleurs différentes d'une manière définitivement ordonnée (pas toujours). Le moyen le plus simple, le plus courant et le plus efficace consiste à alterner les pixels selon un motif en damier :
La technique est née grâce (ou plutôt malgré) des limitations techniques - sur des plateformes aux palettes limitées, le dithering permettait, en mélangeant des pixels de deux couleurs différentes, d'en obtenir un troisième qui n'était pas dans la palette :
Aujourd’hui, à l’ère des possibilités techniques illimitées, nombreux sont ceux qui affirment que le besoin de tramage a disparu de lui-même. Cependant, sa bonne utilisation peut donner à votre œuvre un style rétro caractéristique, reconnaissable par tous les fans de jeux vidéo anciens. Personnellement, j'aime utiliser le tramage. Je ne suis pas très doué pour ça, mais j’aime toujours ça.Deux autres options de tramage :
Ce que vous devez savoir sur le tramage pour pouvoir l'utiliser. La largeur minimale de la zone de fusion doit être d'au moins 2 pixels (ces lignes en damier). Plus est possible. Il vaut mieux ne pas en faire moins.Vous trouverez ci-dessous un exemple de tramage infructueux. Malgré le fait qu'une technique similaire puisse souvent être trouvée sur les sprites de jeux vidéo, il faut savoir que l'écran de télévision a considérablement lissé l'image, et qu'un tel peigne, et même en mouvement, n'était pas visible à l'œil nu :
Bon, assez de théorie. Je vous suggère de pratiquer un peu plus.
Le pixel art peut être dessiné dans n'importe quel programme permettant de travailler avec des graphiques raster ; c'est une question de préférence personnelle et d'expérience (ainsi que de capacités financières, bien sûr). Certaines personnes utilisent le Paint le plus simple, je le fais dans Photoshop - parce que, d'une part, j'y travaille depuis longtemps, et d'autre part, j'y suis plus à l'aise. Une fois que j'ai décidé d'essayer le logiciel gratuit Paint.NET, je ne l'ai pas aimé - c'est comme avec une voiture ; si vous reconnaissez une voiture étrangère à transmission automatique, il est peu probable que vous montiez dans un Zaporozhets. Mon employeur me fournit des logiciels sous licence, donc ma conscience est tranquille devant la société Adobe... Bien qu'ils facturent des prix inimaginables pour leurs programmes, ils brûleront en enfer pour cela.
1. Préparation au travail.
Créez un nouveau document avec n'importe quel paramètre (que la largeur soit de 60, la hauteur de 100 pixels). L'outil principal d'un pixel artiste est un crayon ( Outil Crayon, appelé par raccourci clavier B). Si le pinceau (et l'icône du pinceau) est activé dans la barre d'outils, survolez-le, cliquez et maintenez L.M.B.– un petit menu déroulant apparaîtra dans lequel vous devrez sélectionner un crayon. Réglez la taille du stylo sur 1 pixel (dans le panneau supérieur à gauche se trouve un menu déroulant Brosse):
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
Quelques combinaisons plus utiles. " Ctrl+" et " Ctrl-"zoomer l'image avant et arrière. Il est également utile de savoir qu'en appuyant sur Ctrl et " (guillemets à chevrons, ou clé russe " E") active et désactive la grille, ce qui est d'une grande aide pour dessiner du pixel art. L’espacement de la grille doit également être ajusté à votre convenance ; certains trouvent cela plus pratique lorsqu’il est de 1 pixel ; je suis habitué à ce que la largeur des cellules soit de 2 pixels. Cliquez sur Ctrl+K(ou allez à Modifier->Préférences), allez au point Guides, grilles et tranches et installer Quadrillage tous les 1 pixels(Je le répète, 2 est plus pratique pour moi).
2. Dessin.
Enfin, nous commençons à dessiner. Pourquoi créer un nouveau calque ( Ctrl+Maj+N), passez à la couleur du stylo noir (appuyez sur D définit les couleurs par défaut, noir et blanc) et dessine la tête du personnage, dans mon cas c'est cette ellipse symétrique :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
Ses bases inférieure et supérieure font 10 pixels de long, puis il y a des segments de 4 pixels, trois, trois, un, un et une ligne verticale de 4 pixels de haut. Les lignes droites dans Photoshop sont pratiques à dessiner avec le Changement, bien que l'échelle de l'image en pixel art soit minime, cette technique permet parfois de gagner beaucoup de temps. Si vous avez fait une erreur et dessiné trop, vous vous êtes trompé – ne vous inquiétez pas, passez à l’outil Gomme ( Gomme aussi touche l ou "" E") et supprimez ce dont vous n'avez pas besoin. Oui, assurez-vous de régler la gomme également sur la taille du stylo à 1 pixel pour qu'elle efface pixel par pixel, et le mode crayon ( Mode: Crayon), sinon cela lavera la mauvaise chose. Revenant au crayon, je vous le rappelle, via « B»
En général, cette ellipse n'est pas dessinée strictement selon les règles du pixel art, mais le concept artistique l'exige. Parce qu'il s'agit de la future tête, elle aura des yeux, un nez, une bouche - suffisamment de détails qui finiront par attirer l'attention du spectateur et décourageront l'envie de se demander pourquoi la tête a une forme si irrégulière.
On continue à dessiner en ajoutant un nez, une moustache et une bouche :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
Maintenant les yeux :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
Veuillez noter qu'à une si petite échelle, les yeux ne doivent pas nécessairement être ronds - dans mon cas, ce sont des carrés d'un côté de 5 pixels, avec des coins non dessinés. Une fois ramenés à l'échelle d'origine, ils paraîtront assez ronds, et l'impression de sphéricité peut être renforcée à l'aide d'ombres (plus de détails à ce sujet plus tard, voir la 3ème section de la leçon). Pour l'instant, je vais légèrement ajuster la forme de la tête en effaçant quelques pixels à un endroit et en les ajoutant à un autre :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
Nous dessinons les sourcils (c'est bien qu'ils pendent en l'air - c'est mon style) et les plis du visage dans les coins de la bouche, rendant le sourire plus expressif :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
Les coins ne sont pas encore très beaux ; l'une des règles du pixel art stipule que chaque pixel du trait et des éléments ne peut pas entrer en contact avec plus de deux pixels voisins. Mais si vous étudiez attentivement les sprites des jeux de la fin des années 80 et du début des années 90, cette erreur peut s'y retrouver assez souvent. Conclusion : si vous ne pouvez pas, mais que vous le souhaitez vraiment, alors vous le pouvez. Ce détail peut être rejoué plus tard lors du remplissage à l’aide d’ombres, alors pour l’instant continuons à dessiner. Torse:
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
Ne faites pas attention aux chevilles pour l'instant, ça a l'air gênant, nous réglerons ça quand nous commencerons à remplir. Une petite correction : ajoutez une ceinture et des plis au niveau de l'aine, et mettez également en valeur les articulations du genou (à l'aide de petits fragments de 2 pixels dépassant de la ligne des jambes) :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.3. Remplissage.
Pour chaque élément du personnage, trois couleurs nous suffiront pour l'instant : la couleur de remplissage principale, la couleur de l'ombre et la couleur du trait. En général, vous pouvez donner de nombreux conseils sur la théorie des couleurs en pixel art ; au stade initial, n'hésitez pas à espionner les œuvres des maîtres et à analyser exactement comment ils sélectionnent les couleurs. Le trait de chaque élément peut bien sûr rester noir, mais dans ce cas les éléments fusionneront certainement ; je préfère utiliser des couleurs indépendantes similaires à la couleur principale de l'élément, mais avec une faible saturation. Le moyen le plus pratique consiste à dessiner une petite palette quelque part à proximité de votre personnage, puis à en extraire les couleurs à l'aide de l'outil Pipette ( Outil Pipette, I):
Après avoir sélectionné la couleur souhaitée, activez l'outil seau ( Pot de peinture, G). Assurez-vous également de désactiver la fonction Anti-alias dans les paramètres ; nous avons besoin que le remplissage fonctionne clairement dans les contours dessinés et ne les dépasse pas :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
Nous remplissons notre personnage ; si nous ne pouvons pas le remplir, nous le dessinons à la main avec un crayon.
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
Faites attention aux chevilles - étant donné que ces zones n'ont que 2 pixels d'épaisseur, j'ai dû abandonner le trait des deux côtés et ne l'ai dessiné que du côté de l'ombre prévu, laissant une ligne de la couleur principale d'un pixel d'épaisseur. Notez également que j'ai laissé les sourcils noirs, même si cela n'a pas vraiment d'importance.
Photoshop dispose d'une fonction pratique de sélection des couleurs ( Sélectionner->Gamme de couleurs, en insérant la pipette dans la couleur souhaitée, nous obtiendrons la sélection de toutes les zones de couleur similaire et la possibilité de les remplir instantanément, mais pour cela, vous avez besoin que les éléments de votre personnage soient sur différents calques, donc pour l'instant nous allons considérez cette fonction utile pour les utilisateurs avancés de Photoshop) :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.4. Ombre et tramage.
Sélectionnez maintenant les couleurs de l'ombre et, en passant au crayon ( B) aménagez soigneusement les endroits ombragés. Dans mon cas, la source de lumière se trouve quelque part à gauche et au-dessus, devant le personnage - nous indiquons donc les côtés droits avec une ombre en mettant l'accent vers le bas. Le visage sera le plus riche en ombre, car il y a de nombreux petits éléments qui se détachent en relief à l'aide d'une ombre d'un côté, et de l'autre ils projettent eux-mêmes une ombre (yeux, nez, plis du visage) :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
L'ombre est un dispositif visuel très puissant ; une ombre bien conçue aura un effet positif sur l'apparence du personnage - et sur l'impression qu'il aura sur le spectateur. Dans le pixel art, un seul pixel placé au mauvais endroit peut détruire l’ensemble de l’œuvre, tandis qu’en même temps, des ajustements apparemment aussi mineurs peuvent rendre l’image beaucoup plus jolie.
Pour ce qui est de tramage» et dans une image aux dimensions aussi miniatures, à mon avis, il est complètement superflu. La méthode elle-même consiste à « mélanger » deux couleurs adjacentes, ce qui est réalisé en décalant les pixels. Cependant, pour vous donner une idée de la technique, je vais quand même introduire des petites zones d'estompage, sur le pantalon, sur la chemise et un peu sur le visage :
Pixel art pour débutants. | Introduction.
Pixel art pour débutants. | Introduction.
En général, comme vous pouvez le constater, rien de particulièrement compliqué. Pixel art Ce qui le rend si attrayant, c'est qu'après avoir maîtrisé certains modèles, n'importe qui peut bien dessiner lui-même - simplement en étudiant attentivement les œuvres des maîtres. Même si oui, une certaine connaissance des bases du dessin et de la théorie des couleurs ne fera toujours pas de mal. Allez-y!
En naviguant sur Internet ce matin, j'ai voulu écrire un article sur le Pixel Art, et en cherchant du matériel, j'ai trouvé ces deux articles.
Le terme « graphismes en pixels » n’est pas familier à tout le monde, et ce n’est pas non plus un argot underground. Wikipédia vous aidera à découvrir de quoi il s'agit. La principale chose à comprendre est que graphiques en pixels déterminé par la manière dont le dessin est créé (pixel par pixel), et non par les résultats. Par conséquent, les dessins obtenus à l'aide de filtres ou de moteurs de rendu spéciaux n'y sont pas non plus inclus. Dans la première partie de l'article, et peut-être même dans une série d'articles consacrés à cet art, je montrerai quelques-unes des œuvres qui m'ont plu.
Des illustrations étonnantes, un excellent travail d’ombres. (Pixel Art de Polyfonken).
Le sujet est assez vaste. Il existe des variantes de dés.
Les illustrations de Rod Hunt sont très colorées et réalistes. L’artiste combine graphiques vectoriels et pixel art.
Les blogueurs brésilo-allemands Thiago, Pi, Jojo et Mariana se présentent comme des personnages pixelisés agréables et rieurs. 
Ce tableau a été créé par Juan Manuel Daporta en utilisant uniquement MS Paint ! Les travaux ont duré 8 mois. Impressionnant.
Les pixels vivent également en dehors des écrans d’ordinateur. C'est incroyable à quel point les tracés des images pixellisées sont compréhensibles.
Guerres spatiales dans le style de Super Robot Wars. Dans le monde des graphismes en pixels, Roberson a son propre style.
Ville de poupées folles. L’illustration, bien que dessinée en vecteur, ressemble toujours à du pixel art. Travail intéressant.
Cette direction du pixel art m'intéresse particulièrement. Ces tableaux ne sont pas peints sur écran, mais sur toile avec des peintures acryliques. Ce chef-d'œuvre a été réalisé par Ashley Anderson.
Les villes pixels sont un grand sujet à part. Il y a généralement beaucoup de détails et d’intrigues ici. Sur cette photo, il y a un talus, des boules colorées, un bar à sushi et même des manifestants.
