Le pixel art fait fureur dans les jeux vidéo indépendants modernes. Cela 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 voulez devenir un pixel artist, la première étape consiste à créer un sprite. Une fois que vous vous êtes familiarisé avec la création de sprites, vous pouvez commencer à animer et à échanger vos compétences auprès d'employeurs potentiels.
Pas
Partie 1 sur 7: Rassembler vos outils
Étape 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
- Pixel
- Aséprite
- pixel art
Étape 2. Obtenez une tablette graphique
Si vous souhaitez tracer des dessins à 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.
Étape 3. Activez la vue en grille dans votre logiciel d'édition
Vous voudrez activer le mode grille dans le logiciel que vous choisissez. 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 le faire varie d'un programme à l'autre. Dans GIMP, vous pouvez modifier cela à partir du menu Image (sélectionnez "Configurer la grille…")
Étape 4. Choisissez un crayon à un seul pixel
Sélectionnez l'outil Crayon dans votre logiciel d'édition. Dans les options du crayon, choisissez le pinceau à un pixel. Cela vous permettra de dessiner en pixels simples.
Partie 2 sur 7: Pratiquer les bases
Étape 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 jeu original Super Mario Bros. n'est que de 256 x 224 pixels. Mario lui-même ne fait que 12 x 16 pixels !
Étape 2. Zoomez
Étant donné que vous allez travailler avec des pixels individuels, vous souhaiterez zoomer très loin afin de voir la grille et l'emplacement de chaque pixel individuel. Vous devrez peut-être zoomer à plus de 800 % pour voir clairement les pixels dans la grille.
Étape 3. Entraînez-vous à tracer une ligne droite
Cela peut sembler un concept simple, mais si la ligne est même à un pixel du milieu, cela sera perceptible. Entraînez-vous à tracer des lignes droites avec votre souris ou votre stylet afin de ne pas avoir à passer à l'outil de ligne à chaque fois.
Étape 4. Entraînez-vous à tracer des lignes courbes
Les courbes doivent se produire avec des pauses régulières dans la ligne de pixel. 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'inverseraient 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.
Étape 5. Utilisez l'outil Effacer pour corriger les erreurs
Comme pour 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.
Partie 3 sur 7: Décrire votre premier sprite
Étape 1. Déterminez l'utilisation du sprite
Sera-t-il animé ou statique ? Vous pouvez mettre plus de détails dans un sprite statique, mais vous voudrez peut-être garder un sprite animé plus simple car vous devrez redessiner des parties pour l'animation. Si le sprite doit être utilisé avec d'autres sprites, vous devrez conserver un style artistique qui relie tout ensemble.
Étape 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 beaucoup de 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 pouvez rencontrer plus de limitations
Étape 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 ce croquis 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 du sprite en tant que produit fini
Étape 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-notes. 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
Étape 5. Nettoyez le contour
Effectuez un zoom avant et commencez à effacer les pixels supplémentaires et les lignes de correction. Le contour ne doit jamais avoir qu'un pixel d'épaisseur, sauf si vous gardez 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 de contour. Vous pouvez revenir en arrière et ajouter les petites touches plus tard
Partie 4 sur 7: Coloriez votre Sprite
Étape 1. Révisez la théorie des couleurs de base
Regardez la roue des couleurs pour vous aider à déterminer les couleurs que vous devez utiliser. Les couleurs en face les unes des autres sur la roue seront très distinctes, tandis que les couleurs proches auront fière allure les unes à côté des autres.
Choisissez un ensemble de couleurs qui donnent à votre sprite un look distinctif sans être trop discordant. Évitez les couleurs pastel si possible, à moins que l'ensemble du projet utilise ce style
Étape 2. Utilisez simplement 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 classique de Mario n'utilise que 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 classiques des jeux de combat, Ryu utilise de grandes zones de couleurs simples, avec un léger ombrage pour la définition. Ryu a cinq couleurs de base avec différentes nuances.
Étape 3. Appliquez vos couleurs
Utilisez l'outil Remplissage pour appliquer vos choix de couleurs à votre image-objet. Vous appliquez simplement la couleur de base à ce stade, alors ne vous inquiétez pas de son aspect plat. L'outil Remplissage 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.
Partie 5 sur 7: Application d'ombrage
Étape 1. Déterminez la "source lumineuse"
L'angle sous lequel la lumière frappe 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 lumineuse venant de loin au-dessus du sprite, soit de la légère droite soit de la légère gauche
Étape 2. Appliquez l'ombrage en utilisant une nuance légèrement plus foncée de la couleur de base
Si la source lumineuse vient d'en haut, l'ombrage doit se produire sur le "dessous" du sprite. Ombrez toutes 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 "hue" 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).
Étape 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 d'une transition du sombre au clair.
Étape 4. Appliquez quelques points saillants
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 reflets avec parcimonie, car ils peuvent devenir gênants.
Partie 6 sur 7: Utilisation de techniques avancées
Étape 1. Essayez un tramage
C'est un effet qui permet à l'artiste de représenter un changement de teinte. 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 dithering a tendance à être galvaudé par les débutants, alors essayez de l'éviter, sauf dans de rares cas
Étape 2. Pratiquez l'anticrénelage
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 faire cela.
- Ajoutez des couleurs intermédiaires aux plis d'une courbe. Ajoutez une couche de couleurs intermédiaires autour du contour de la courbe que vous souhaitez adoucir. S'il semble toujours 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'anticrénelez pas le bord extérieur du contour.
Étape 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 "caricatural", car le contour sera un peu plus naturel. Essayez le contour sélectif de la peau nue tout en utilisant le contour traditionnel sur les vêtements.
- Utilisez une nuance plus foncée que la couleur de base de la section que vous décrivez 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 la peau et le tonus musculaire.
- Le contour traditionnel est bon si vous avez besoin que votre sprite reste distinctif sur un arrière-plan chargé.
Partie 7 sur 7: Ajouter les touches finales
Étape 1. Examinez attentivement le sprite
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.
Étape 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 portée aux détails à la fin est ce qui sépare les artistes amateurs des professionnels du pixel.
Étape 3. Animez votre sprite
Si vous avez suivi les étapes ci-dessus, vous aurez un seul sprite statique. C'est bien comme œuvre d'art, mais si vous voulez créer des sprites pour les 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 s'appelle une "feuille de sprites".
- 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 artistes du pixel de se séparer des amateurs. Une bonne animation peut insuffler une tonne de vie à un sprite.
Étape 4. Créez un portefeuille
Si vous souhaitez mettre vos compétences en pixel art dans le monde du développement de jeux vidéo, vous aurez besoin d'un portefeuille solide à montrer aux employeurs potentiels. Incluez plusieurs de vos meilleurs sprites, ainsi que quelques animations si vous en avez. Incluez une variété de sujets, y compris des personnages, des paysages, des accessoires, etc.
