Comment faire des personnages de pixels

Ce que vous allez créer

Si vous avez déjà pensé à la création de pixel art, voici une introduction très simple et rapide à l'un des aspects les plus fondamentaux de celui-ci: les personnages..

Nous allons créer un personnage extrêmement simple, mais bien que ce soit simple, il autorisera néanmoins une quantité décente de détails. Il fonctionnera donc comme un avatar pour vous-même ou pour représenter votre personnage de film ou de télévision préféré ou des célébrités..

Vous ne trouvez aucune inspiration? Peut-être travailler à partir d'une image stock du marché Envato.

1. Créer le corps du personnage

En général, je recommande de commencer par la tête, ce qui reste un point de départ viable, mais comme ce personnage sera si simple et que ses proportions seront un peu réalistes, le corps sera également un bon point de départ..

Vous devrez créer un nouveau fichier dans Adobe Photoshop. Il pourrait être 100 px par 100 px; le personnage que j'ai fait est seulement 28 px grand.

Étape 1

Définissons une couleur de peau. C'est 25˚ dans Teinte, 40% Saturation et 98% Luminosité, mais choisissez ce qui fonctionne pour vous.

Étape 2

Nous allons travailler avec le Outil Crayon avec un 1 px taille du point et sous une belle quantité de zoom, comme 800%.

Avec notre couleur nouvellement créée, dessinez les jambes, qui seront 2 px avec un pixel vide entre chaque jambe… cela fonctionnera très bien, sauf si vous faites un personnage plus grassouillet.

Les dimensions des jambes nous aideront à définir le reste du personnage.

Vous voudrez peut-être essayer vos propres dimensions / proportions, plutôt que de simplement suivre les miennes, pour trouver ce que vous préférez. Mais si vous voulez que votre personnage ressemble au mien, les jambes ci-dessus sont 9 px grand et le torse aussi.

Étape 3

Pour finir les extrémités, nous ajoutons des bras sur le côté; ils sont simplement un pixel supplémentaire sur le côté du torse. Nous ajoutons également une rangée supplémentaire de pixels au bas des jambes avec un pixel supplémentaire de chaque côté pour les pieds..

J'ai également ajouté une rangée de pixels pour les épaules. Il est un peu étrange d'appeler les coins des épaules "arrondis", mais ces pixels manquants donnent une apparence plus arrondie et donc plus naturelle..

Étape 4

Enfin, nous ajoutons la tête, également avec des coins "arrondis". Je l'ai fait aussi large que le torse et 7 px grand.

2. Ajouter des caractéristiques du visage

Notre personnage sera très minimaliste, limité par sa petite taille, mais nous pourrons quand même ajouter quelques détails..

Étape 1

Il y a juste assez d'espace sur le visage pour ajouter une paire d'yeux.

J'ai choisi de les rendre légèrement plus sombres 15% plus sombre) que le teint. Je ne voulais pas avoir trop de contraste car je ne pensais pas que nous devrions être capables de voir la couleur des yeux avec une résolution aussi petite.

Étape 2

Ajoutons des cheveux. J'ai utilisé une nuance marron foncé et ajouté une rangée supplémentaire de pixels, de sorte que la tête a grossi un peu, à cause des cheveux.

Étape 3

Ajoutez un peu de cheveux sur les côtés de la tête. J'ai utilisé une couleur plus claire comme si elle était courte ou antialiasée. Pour ajouter cette couleur, j'ai abaissé le Opacité du Outil Crayon à 50%, ce qui peut être fait facilement en appuyant sur le numéro 5 tandis que le Outil Crayon est sur. N'oubliez pas de le retourner à 100% ensuite (vous pouvez appuyer sur le numéro 0.) Et enfin, j'ai donné à mon personnage un peu d'une coiffure pompadour.

3. Ajouter les vêtements

Les vêtements seront où nous pouvons faire la plupart de notre personnalisation. Ce style tire profit de l’absence de pixels sur les contours. Ainsi, même si le caractère est minuscule, il autorise beaucoup de détails..

Étape 1

Mettons quelques pantalons sur le personnage. La nuance ici est une aigue-marine à faible saturation, que j'utilise pour représenter les jeans. Pour essayer des variations de couleurs, je habituellement Copie la zone que je colorie à un Nouvelle Couche et ouvrez le Teinte / Saturation / Luminosité panneau (Image> Réglages> Teinte / Saturation…) Et déplacez les curseurs sur ce panneau jusqu'à ce que j'aime le résultat.

Étape 2

Ajoutez des chaussures. Je vais leur faire des baskets et ils seront presque blancs; il n'y a vraiment pas beaucoup de place pour donner ces détails.

Je ne les rendrai pas blancs car je laisserai le fond blanc. L’inconvénient de ne pas utiliser les contours est que, si les couleurs de l’arrière-plan et du premier plan sont identiques, certains détails peuvent être perdus..

Étape 3

Donnez une chemise au personnage. J'ai aimé comment cette couleur allait avec la couleur du pantalon. J'ai fait la chemise à manches courtes et un col en V.

Étape 4

Comme je l'ai dit précédemment, vous pouvez ajouter une quantité décente de détails, peut-être une cravate ou un graphique au centre de la chemise. J'ai ajouté des rayures (à faible contraste).

Étape 5

Et enfin une autre couche de vêtements: une veste. Si vous le souhaitez, vous pouvez également donner au personnage des accessoires tels qu'un gilet, une montre-bracelet ou un casque..

4. Ombre le personnage

Maintenant que tous les détails du personnage et des vêtements sont terminés, nous ajoutons une touche d’ombrage qui correspond aux différents volumes du personnage..

Étape 1

Créer un Nouvelle Couche et dessine dedans tes ombres en noir.

Certaines des ombres ici correspondent à la tête qui jette une ombre sur le cou et à la veste qui jette une ombre sur la chemise. Le reste ne correspond qu'aux volumes du personnage; les jambes ne sont pas plates, de sorte que l'ombrage d'un côté donne un volume supplémentaire, de même que le côté droit du torse.

Les bras, pensais-je, étaient trop petits pour être à l'ombre.

Étape 2

Et pour appliquer l’ombrage, il suffit de baisser le Opacité de la couche à 15% ou quelque part par là. Vous pouvez le faire dans le Couches panneau ou aussi en appuyant sur 15 sur le clavier, tandis que le Outil de déplacement est sélectionné.

Vous pouvez alors Fusionner vers le bas (Couche> Fusionner vers le bas) et exportez votre graphique.

Vu à 100%, le personnage est peut-être trop petit pour être apprécié. Afin que vous puissiez Sélectionner il, Copie ça et Remettre à l'échelle à 200% ou 300% (Édition> Transformation libre) avec Interpolation mis à Voisin le plus proche.

ensuite sauvegarder, de préférence en tant que PNG ou GIF, et vous avez terminé!

Génial, caractère complet!

Toutes nos félicitations! Vous avez fini le caractère pixel.

Bien sûr, vous pouvez maintenant en créer plus, ou vous attaquer à quelque chose comme votre groupe de rock préféré ou un groupe de personnages que vous aimez de la télévision ou du film, ou vous pixeliser vous-même ou vos amis, etc..