Comment créer du fantastique Pixel Art pour vos jeux et applications

comment commencer pixel art au? Heureusement est pixel art l'une de ces rares occasions où c'est vraiment aussi simple qu'il y paraît. C'est du pixel-art...

Pixel Art a un certain attrait rétro qui rappelle l'ère des consoles 8, 16 et 32 ​​​​bits. Aujourd'hui, cependant, il est plus susceptible d'être trouvé dans une variété de jeux indépendants et mobiles et connaît actuellement une sorte de résurgence. C'est un moyen fantastique de contourner les limitations technologiques qui accompagnent le fait d'être un développeur indépendant et du matériel mobile. De cette façon, vous pouvez faire moins de travail et réduire la taille de vos fichiers, mais au lieu d'avoir l'air bon marché, cela ressemble à un choix stylistique conscient. Ajoutez de la musique chiptune et une palette de couleurs unique et vous obtenez une superbe esthétique qui fera tourner les têtes sur le Play Store.

Un autre attrait de pixel art C'est ainsi qu'elle vous met au défi de travailler dans ses limites. Comme les images sont si petites, cela oblige à une approche quelque peu impressionniste. Comment pouvez-vous rendre un pixel ou deux instantanément reconnaissable comme un sourire charismatique ou un poignard sortant d'un adversaire ? C'est là que réside le véritable art du format et c'est pourquoi certaines des réalisations dans des jeux comme Superbrothers: Sword & Sworcery ou le plus récent Hyper Light Drifter  tellement impressionnant.

comment commencer

Dans cet esprit, vous pouvez décider que pixel art serait une bonne direction pour votre propre projet. Dans ce cas, par où commencer ? Heureusement est pixel art l'une de ces rares occasions où c'est vraiment aussi simple qu'il y paraît. C'est du pixel-art...

Au début, vous n'avez qu'à sélectionner un programme de dessin de votre choix. J'utilise GIMP car il est gratuit, mais vous pouvez tout aussi bien utiliser Photoshop ou même MS Paint. Cependant, je recommanderais d'utiliser quelque chose de plus complexe que MS Paint, car il peut être pratique d'avoir accès à des fonctionnalités telles que les calques et les transparences (comme nous le verrons plus tard). Il existe des programmes de pixel art dédiés avec lesquels vous pouvez également travailler, mais ceux-ci ne sont généralement pas nécessaires. Cependant, Aseprite est une bonne option.

Quel que soit votre choix de logiciel, vous sélectionnerez ensuite l'outil stylo et vous assurerez qu'il est configuré pour dessiner des pixels individuels à 100% d'opacité. Effectuez maintenant un zoom avant sur votre image jusqu'au point où vous pouvez clairement voir les pixels carrés pendant que vous dessinez. C'est vraiment aussi simple que ça !

Vous pouvez maintenant commencer à dessiner à main levée ou placer chaque pixel individuellement. Notez que lorsque vous dessinez des choses comme des cercles, il peut être avantageux de regarder attentivement les motifs de vos pixels (deux en haut, un en travers, trois au-dessus d'un en travers, quatre au-dessus d'un en travers, etc.) car cela produira une image d'apparence plus cohérente et contrôlée. La bonne nouvelle est qu'il est très facile d'annuler les erreurs que vous faites, il n'y a donc aucune raison de ne pas expérimenter.

Vous vous retrouvez avec un contour de base pour tout ce que vous essayez de dessiner en pixels. Ne vous souciez pas d'ajouter beaucoup de détails jusqu'à plus tard, essayez simplement d'obtenir la forme et les proportions correctes en premier. C'est la partie la plus difficile, surtout avec beaucoup de personnages.

J'aime utiliser un contour pour mes peintures, mais beaucoup de gens ne s'en soucient pas et dessinent en blocs de couleurs. Faites ce qui fonctionne pour vous, mais notez que chaque méthode a des avantages et des inconvénients ; Les contours facilitent la distinction des détails, mais peuvent devenir ennuyeux car vos images deviennent plus petites et manquent de pixels !

Ajout de détails et d'ombrage

Une fois que vous êtes satisfait de votre contour ou de votre silhouette, vous pouvez ajouter les détails individuels jusqu'à ce que vous ayez une image complète. Plus vous ajoutez de détails, plus vos personnages seront impressionnants. En même temps, cependant, vous devez éviter de donner l'impression que votre image est trop étroite. Il est important que vous commenciez avec un contour de la bonne taille - et rappelez-vous que les autres objets de votre monde de jeu doivent également être relatifs.

Maintenant que vous avez vos détails, ajoutez simplement les couleurs que vous voulez avec l'outil de remplissage. Cependant, cela peut sembler un peu plat au début, vous voudrez donc probablement ajouter une sorte d'éclairage par la suite.

Pour ce faire, imaginez simplement une source de lumière pour votre personnage, puis sélectionnez deux nuances supplémentaires ou plus à ajouter à votre palette de couleurs. Vous en avez besoin d'au moins un pour les ombres et un pour les hautes lumières. Assurez-vous que tous les ombrages apparaissent sur la même page et pensez aux contours qui seraient naturellement créés par les formes que vous dessinez si elles étaient en XNUMXD. J'utilise beaucoup d'ombre d'un côté, puis juste une fine bande de lumière de l'autre pour faire ressortir les reflets, mais encore une fois, la clé est d'expérimenter et de voir ce qui fonctionne pour votre propre style personnel.

Rappelez-vous que vous dessinez des personnages et des objets pour des jeux. Cela signifie que vous devez bien réfléchir à votre source de lumière. Créer un effet d'ombre très évident sur la main droite de votre sprite peut sembler étrange dans certains contextes - surtout si vous retournez votre sprite alors qu'il va dans la direction opposée ! Gardez cela à l'esprit lorsque vous créez votre image et envisagez de rendre votre éclairage plus subtil ou de le projeter au-dessus de votre tête.

Exportez votre image

Une fois que vous avez terminé, vous pouvez enregistrer et exporter votre image. Bien sûr, nous devons être prudents à ce stade car l'image est en fait minuscule sera . Il y a aussi quelques autres choses à garder à l'esprit lorsque vous utilisez votre art dans vos jeux.

Tout d'abord, assurez-vous de recadrer automatiquement votre image afin qu'il n'y ait pas de zones blanches sur les bords. Ceci est utile pour votre détection de collision et vous aide également à ne pas rendre votre image inutilement grande. Cependant, vous pouvez créer une "feuille de sprites" à la place, ce qui signifie que vous ajouterez chaque image d'animation à un seul fichier. Cela réduit la taille globale du fichier et facilite son organisation. Dans ce cas, le recadrage est moins important puisque vous le ferez plus tard dans votre IDE choisi.

Vous devez également vous assurer que l'arrière-plan est transparent afin que les personnages se déplacent dans votre monde de jeu, plutôt que de grands carrés blancs avec des personnages dessinés dessus. Dans Gimp, vous faites cela en sélectionnant "Calque" dans le menu, puis "Transparence" et "Ajouter un canal Alpha". De là, vous pouvez effacer votre fond blanc et laisser votre image flotter au-dessus de rien.

Si vous exportez votre image, vous pouvez le faire à la taille réelle du fichier si vous prévoyez de l'utiliser dans un jeu. Dans Unity, vous pouvez choisir les "Pixels par unité" pour chaque sprite individuel, ce qui vous permet d'agrandir facilement votre image aussi grande que vous le souhaitez tout en bénéficiant de la petite taille du fichier.

À l'inverse, cependant, si vous envisagez de partager vos images en ligne, vous souhaitez qu'elles apparaissent plus grandes. Allez donc dans 'image', puis dans 'taille de l'image' et augmentez la taille. Assurez-vous que l'interpolation est désactivée ou que l'option Préserver les bords durs est sélectionnée (selon votre logiciel). Sinon, l'image apparaîtra floue.

7 astuces pour le pixel art

Enfin, quelques conseils pour vous aider à maîtriser le pixel art devrait aider...

1. Gardez la vue d'ensemble à l'esprit

Lorsque vous effectuez un zoom avant et modifiez soigneusement chaque pixel, il peut être difficile d'imaginer à quoi ressemblera votre image une fois terminée. Pour cette raison, il est important de dézoomer de temps en temps. Ou mieux encore, essayez l'outil de navigation (disponible avec la plupart des programmes d'art) qui vous permet d'afficher une perspective réduite sur votre toile et également d'accéder à des points spécifiques.

2. Utilisez l'outil Baguette magique

Vous pouvez sélectionner une région ou une couleur entière à l'aide des outils Baguette magique ou Sélection de couleur. De cette façon, vous ne pouvez alors dessiner que sur cette zone était à son tour, vous permet de dessiner librement sans vous soucier de franchir les lignes. Alpha Lock est un autre outil que vous pouvez utiliser pour ce faire.

3. Ajouter l'anticrénelage

L'anticrénelage est un terme d'infographie destiné à adoucir l'apparence des pixels, généralement en réduisant le contraste et en ajoutant plus de couleurs de transition. Les joueurs sur PC reconnaîtront cela comme une option graphique qui peut être activée et désactivée pour améliorer les performances.

Dans notre cas, l'anticrénelage est un effet que nous pouvons imiter pour rendre nos images un peu plus authentiques. Pour créer l'effet, trouvez simplement les points où vous avez un contraste soudain, puis introduisez ces couleurs de transition le long des bords. L'idée ici n'est pas de faire un dégradé lisse, juste de faire apparaître la transition un peu moins forte. J'ai ajouté un peu d'anticrénelage à Link ici pour que vous puissiez voir la différence :

Ici, vous apprendrez également quelque chose sur Pixel Art: Cela demande beaucoup de patience !

4. Utilisez les niveaux

La plupart des programmes d'art vous permettent d'utiliser des calques, ce qui signifie que vous pouvez faire apparaître des images en arrière-plan et dessiner dessus sans affecter ce calque. Vous pouvez également modifier la transparence des calques individuels, etc.

Cela nous permet de prendre une image avec laquelle nous voulons travailler, de la réduire complètement (en gardant le bon rapport d'aspect), puis de la tracer avec l'outil plume. C'est comme ça que j'ai fait ce portrait de Gary...

5. Essayez les filtres

alors que le meilleur pixel art Edités à 99% à la main, il existe quelques filtres qui peuvent vous faciliter un peu la vie selon vos ambitions. Par exemple, Gimp a un filtre de flou appelé "Pixelize" qui fait exactement ce qu'il dit sur la boîte. Vous pouvez l'utiliser pour ajouter un anticrénelage supplémentaire à votre image existante, ou vous pouvez l'utiliser pour "tricher" et transformer une image normale en quelque chose d'un peu plus pixel art regards. L'outil d'affûtage peut également être une ressource pratique.

6. Cherchez l'inspiration

La meilleure façon d'au pixel art S'améliorer, comme la plupart des choses, consiste à continuer d'essayer. Cependant, faire des recherches et chercher de l'inspiration en ligne peut également être très utile. En particulier, regarder des exemples existants de "sprites de référence" peut être utile, surtout si vous souhaitez créer rapidement des objets tels que des coffres, des arbres, etc. 'The Spriter's Resource' est un excellent site pour trouver des spritesheets de tous vos anciens jeux préférés. Regarder des feuilles de sprites peut également être très pratique lorsque vous essayez d'animer vos personnages, car cela vous donne une référence pour la biomécanique de la marche, de la course et du saut (la biomécanique fait référence à la façon dont nos bras et nos jambes bougent). ).

Et bien sûr, il y a beaucoup d'inspiration sur Deviant Art et Pinterest, ainsi qu'une tonne de super jeux directement sur le Play Store. Voici d'excellents exemples : Superbrothers: Sword & Sworcery, Pewdiepie: Legend of the Brofist, VVVVVV (pour ainsi dire), Sonic le hérisson 1, 2 & CD ainsi que  terrariums.

7. Soyez original

Während pixel art semble incroyable sur une base régulière et le potentiel d'expérimentation est infini, il est important de vous assurer que vous travaillez pour vous assurer que le vôtre n'a pas l'air artificiel. il y en a un en ce moment Quantité pixel art, il est donc trop facile d'en utiliser un générique pixel art-Créez un look et appelez-le un tag. Si vous voulez que votre jeu soit unique, vous devez sortir des sentiers battus et essayer de créer votre propre style. Que diriez-vous, pixel art combiner avec un autre style, comme le cyberpunk ? Expérimentez, essayez de nouvelles choses et créez pixel artqui est en quelque sorte unique pour vous. utiliser pixel art comme moyen de vous exprimer et de donner vie à votre imagination - après tout, c'est ça l'art !

Fais nous part de tes commentaires!