Habillez-vous pour Halloween avec Pixel Art isométrique dans Adobe Photoshop

Ce que vous allez créer

Vous avez créé un personnage de pixel art, il semble plutôt normal et il porte des vêtements ordinaires. Mais Halloween approche et nous devrions nous engager dans l'action du truc ou du traitement.

Nous allons prendre notre personnage et un personnage de petit enfant, et les habiller comme Batman et Chucky, juste parce que. Nous allons aussi faire un jack o'lantern pour créer l'ambiance.

S'il vous plaît se référer à la tutoriel de caractère isométrique pixel art si vous n'avez pas encore de personnage.

1. Caractère d'enfant

Dans le précédent tutoriel, nous avions déjà créé notre personnage à la plus petite taille possible, mais il reste encore une marge de manœuvre pour le réduire davantage et créer une version enfant..

Étape 1

N'oubliez pas de conserver une copie originale de vos personnages afin de les conserver pour toute utilisation future..

Maintenant, avec une copie du caractère original, nous pouvons déplacer / superposer certaines sections de celui-ci pour le réduire, ou nous pouvons supprimer certaines sections de pixels, puis rapprocher les éléments, ce qui ressemblerait à ceci:

Étape 2

Il ne manque plus que quelques retouches au cou, au bras et à l’une des jambes de la chemise. Remarquez-les et appliquez-les.

Nous avons donné un enfant à notre caractère, et sans beaucoup de travail!

2. Jeu d'enfant

Tournons le petit enfant dans le meurtrier Chucky. Vous aurez envie de vérifier certaines images de référence.

Étape 1

Ici, j'ai légèrement changé la couleur du pantalon et l'ai transformé en combinaison. Les bretelles et les lignes du haut de la combinaison sont une nuance plus foncée du bleu. Et j'ai ajouté un pixel rouge sur la poitrine pour le logo "Good Guys". C'est un petit détail, et ne devrait pas être contrasté.

Étape 2

La chemise devrait être différente. Nous allons donc créer une manche longue avec un ton rouge plus saturé et des rayures sombres alternant.

Toutes les rayures seront de couleurs différentes, mais il sera mieux esthétiquement si deux couleurs différentes avec le même niveau de luminosité ne sont pas en contact. Essayons donc de garder les couleurs les plus sombres en alternance avec les plus claires.

Étape 3

Nous allons changer les couleurs des rayures, mais les poignets et le cou doivent rester rouges comme dans l'original.

Étape 4

Le pantalon devrait également avoir des poignets rayés, mais à cause du peu de pixels que nous avons là, utilisons simplement le même rouge du maillot avec une ou deux pixels de hauteur..

Étape 5

Le corps est fini, changeons donc la couleur des cheveux en gingembre et donnons au cheveu un cheveu éloigné pour se rapprocher du look de Chucky..

Étape 6

Allons-y pour le look plus effrayant que Chucky avait eu dans les derniers films, nous allons donc ajouter quelques mèches de cheveux à l'arrière de la tête et modifier les points saillants des cheveux..

Étape 7

Et, bien sûr, les cicatrices au visage, qui pourraient être de la même couleur que sur le cou, mais pourraient aussi avoir une teinte légèrement plus rouge.

Étape 8

Un dernier détail serait un couteau de cuisine, Chucky semble avoir une affinité pour eux. Nous pouvons impliquer qu'il le tient de sa main invisible et ajoute juste une petite lame sur le côté:

3. Le chevalier noir

Passons maintenant à notre personnage adulte dans le croisé capé. Encore une fois, regardez les images de référence. J'ai choisi de faire le costume du Dark Knight parce que c'est juste un bon film.

C'est un costume blindé et légèrement complexe; nous ne pourrons pas obtenir tous les détails (le symbole de la chauve-souris sur la poitrine n’est malheureusement pas possible à cette résolution), mais nous aurons un tas de détails subtils dans.

Étape 1

Commençons par rendre les vêtements de notre personnage tous noirs. Nous allons utiliser quatre nuances de gris pour cela; J'utilise 50%, 35%, 20% et 5%, qui est la teinte que j'utilise sur les contours.

Étape 2

Pour le cou du costume, nous conserverons la ligne du cou de chemise originale avec la nuance la plus sombre, mais juste au-dessus, nous ajouterons quelques pixels de la deuxième nuance la plus sombre, et au-dessus une autre ligne de pixels de la nuance la plus sombre. Nous conservons donc l'encolure et la mâchoire du personnage, et les pixels plus clairs entre les deux représentent les plaques de la combinaison qui couvrent le cou..

Étape 3

Maintenant, peignez la tête entière (sauf autour de la bouche, bien entendu) avec la deuxième nuance de gris la plus foncée. Le trou pour la bouche pourrait avoir quelques formes différentes. C’est la forme qui me convenait le mieux, mais vous pouvez essayer des alternatives.

Étape 4

Le nez aura deux pixels verticaux du gris le plus clair et les yeux seront chacun deux pixels horizontaux du gris le plus foncé. Par rapport à notre personnage, ces caractéristiques ont décalé d’un pixel vers le haut, mais c’est pour le mieux, car le gris foncé séparant le nez du trou de la bouche accentue le contraste de ces caractéristiques..

Étape 5

Maintenant, avec le deuxième gris le plus clair, nous ferons des points saillants qui vont du haut de la tête aux pommettes, mais sans entrer en contact avec le trou du nez ou de la bouche..

Étape 6

Nous ajouterons des reflets supplémentaires, avec maintenant le gris le plus clair sur le front pour plus de volume et de détails; voyez comment ces nouveaux temps forts aident à transmettre le froncement de sourcils menaçant que Batman porte toujours.

Étape 7

Maintenant pour les oreilles de chauve-souris. Ici en rouge sont les nouveaux pixels qu'ils vont occuper:

Et à droite l’arrivée qu’ils devraient avoir.

Maintenant le capot est complet. Sur l'armure de corps! Nous pouvons supprimer la nuance de gris la plus claire et utiliser uniquement les trois teintes les plus sombres pour la plupart des autres..

Étape 8

Faisons en sorte que le bras entier devienne gris (la deuxième nuance la plus foncée) et que le contour du bras le plus profond s'étende jusqu'au cou (devrait s'aligner) pour ajouter une pause à la combinaison, représentant le point de rencontre des plaques de blindage.

Étape 9

Laissez l’épaule en surbrillance en place (il devrait s'agir de la nuance de 35%), mais enlevez tout reste en surbrillance sous le cou et ajoutez des reflets au biceps (deux pixels suffisent) et au poing (un pixel)..

Étape 10

Enfin, pour le bras, ajoutons également des nuances plus sombres; quelques pixels (nuance de gris le plus foncé) sous l'épaule pour montrer les plaques d'armure, et un pixel légèrement en dessous du biceps pour faire ressortir davantage ce biceps. De plus, nous en ajouterons un autre juste au-dessus du poing pour donner une touche de volume à l'avant-bras..

Et bien sûr, n'oubliez pas les palmes de gantelet de Batman.

Étape 11

Maintenant, sur la poitrine, nous allons ajouter un joli gros point fort pour la zone pectorale de la combinaison. C'est là que le symbole de la chauve-souris est utilisé, bien sûr, mais essayer de l'ajouter ne ferait que gâcher notre ombrage soigneux. Notre Batman sera encore assez reconnaissable.

Étape 12

Juste au-dessus de la ligne de pantalon, ajoutons la ceinture utilitaire de Batman, que nous ferons en tant que couleur bronze, sans trop nous démarquer. Remplissons la zone entre la ceinture et le point culminant pectoral avec la nuance la plus sombre et ajoutons un soupçon minuscule à l'abs-six pack, ces costumes de super-héros s'assurent toujours d'inclure.

Ce n'est qu'un quatre-pack dans notre cas, mais je pense que ça ira. Le torse est fini.

Étape 13

Maintenant, sur les jambes, les seuls points forts que nous aurons seront les cuisses, les genouillères (qui devraient ressembler à des points d’exclamation) et les orteils:

Étape 14

Ajoutons plus de détails avec la nuance de gris la plus sombre: un pixel un peu en dessous de chaque genouillère et une ligne verticale allant de l'arrière du genou au bas de la botte..

Étape 15

Nous ajouterons également quelques retouches à la zone des sous-vêtements… Je ne veux pas avoir un graphisme, mais Batman porte une armure à l'aine. Donc, pour obtenir ces volumes, j'ai ajouté une nuance foncée minimale au haut des cuisses et du gris plus clair juste au-dessous du milieu de la ceinture..

Alors maintenant, il ne manque plus que notre cape Batman: la cape!

Étape 16

Les pixels que nous allons ajouter sont marqués en rouge. À droite, nous allons les colorer..

J'ai ajouté un pixel supplémentaire au talon de la botte car sans cela, je pense qu'il est plus facile de confondre la cape avec le talon. Remarquez qu'il y a un peu de gris plus clair vers le bas de la cape et que cela coupe en quelque sorte l'épaule, comme si elle sortait de la clavicule..

Et ainsi, Batman est complet!

4. Jack O'Lantern

Étape 1

Pour faire notre jack o'lantern, nous allons commencer comme avec notre personnage: avec le visage. Les yeux et la bouche des jack o'lanterns sont généralement triangulaires et en zigzag; vous pouvez donc utiliser de petits V inversés pour les yeux et une ligne en zigzag pour la bouche..

Lorsque la citrouille est terminée, ces lignes peuvent être un peu difficiles à lire en raison de la façon dont les pixels ne sont pas solidement unis. Nous allons donc les doubler verticalement (il suffit de sélectionner et d'altérer un pixel vers le bas) pour ressembler à ceci:

Vous voudrez peut-être garder les deux versions et voir celle que vous préférez à la fin.

Étape 2

Les bords de la citrouille auront une largeur de 15 px et une hauteur de 13 px, et le visage doit rester bas sur cette case à cause de la vue de dessus que nous utilisons..

Étape 3

Arrondissez les bords du carré et remplissez-le de couleur orange.

Nous allons déplacer le visage un instant pour donner à notre citrouille un peu de texture: les crêtes verticales que les citrouilles ont tendance à avoir. La ligne noire en haut indique l'endroit où la tige ira et où les lignes de crête devraient se rencontrer idéalement. Bien que nous ne puissions pas correctement représenter les lignes courbes et se rencontrant à une si petite taille, nous pouvons essayer:

Mais pour la plupart, ils seront simplement des lignes verticales.

Étape 4

Maintenant, mettons le visage sur et sélectionnons une zone au sommet pour augmenter la luminosité afin de transmettre un peu mieux l'éclairage et le volume de la citrouille. J'ai utilisé des couleurs personnalisées au lieu d'augmenter simplement la luminosité; vous voudrez peut-être essayer des teintes plus jaunes sur les couleurs claires et des nuances plus rouges sur les plus sombres.

Étape 5

Pour la tige, il faut ajouter une nuance de vert qui ne se démarque pas trop. Ce sera une ligne de trois pixels plus des contours sombres autour d'elle.

Étape 6

Et pour finir la tige, ajoutons un point culminant à la pointe et remplaçons les lignes noires horizontales où la tige et la couenne se rejoignent avec des nuances plus douces; plus sombre que la tige et la couenne, mais pas aussi noir.

Étape 7

De même, pour le visage, nous pouvons utiliser une couleur plus sombre que la peau, mais pas aussi noire et qui aide à obtenir une finition plus lisse..

Étape 8

En dernier détail, nous ajouterons une ombre. Nous n'avions pas besoin d'ombres auparavant, mais dans le cas du jack o'lantern, c'est logique, car sa forme est considérablement plus large que son empreinte..

J'aime utiliser le noir à 20% d'opacité lorsqu'il s'agit d'ombres.

J'ai mentionné dans le didacticiel du personnage original que le contour n'était pas noir pour cette raison; si vous avez fait des contours noirs, la baguette magique ne pourra pas séparer les contours des ombres. Ce n'est pas grave, mais cela peut éventuellement être une nuisance.

Voilà à quoi ressemblerait notre jack o'lantern fini, et l’image de droite montre son apparence si nous gardions le premier visage plus clair..

J'aime les deux, mais le visage plus clair peut être plus difficile à lire lors d'un zoom arrière, et il est plus facile pour la texture de citrouille d'interférer avec elle. Donc, je suis plus susceptible d'utiliser le plus gras.

Qui vous habillez comme?

Alors maintenant, vos personnages costumés et Spooky Jack O'lantern sont prêts!

Avez-vous fait la maison de la maison tutoriel? Parce que vos personnages chercheraient plus à la maison avec une maison derrière eux:

J'espère que cela a été utile!