Comment créer un portrait d'art de pixel dans Adobe Photoshop

Ce que vous allez créer

Voulez-vous vous-même ou donner à quelqu'un que vous connaissez un look très rétro?

Voyons comment transformer une photo en un portrait au pixel art. Nous allons faire un travail pixel par pixel pour obtenir un look de jeu d'arcade rétro..

Si vous recherchez d'autres graphismes de pixel art rétro sans avoir à faire le travail, vous pouvez toujours vous rendre à Envato Market..

1. Prendre et adapter une photo de portrait

Vous aurez besoin d'une photo très symétrique de la personne que vous pixeliserez.

Étape 1

Prenez (ou prenez) la photo! Le sujet devrait regarder droit vers la caméra - de cette façon, nous n'aurions besoin que de faire la moitié du visage (et de basculer horizontalement pour l'autre moitié), et le résultat final est un peu raide, dans le bon sens.

Un selfie peut fonctionner, mais si vous pouvez obtenir une image avec un peu plus de distance, cela fonctionnera probablement mieux pour le portrait..

Étape 2

Tracez un réticule qui aidera à aligner la photo.

Étape 3

Coller le portrait dans une couche sous la ligne de mire.

Étape 4

Transformer (Édition> Transformation libre) et aligner les yeux sur la ligne horizontale et le nez sur la verticale.

Étape 5

Copiez la face alignée, collez-la dans un Nouvelle Couche, retournez-le horizontalement et réduisez l'opacité du calque à 50%. Cela trierait le visage, rendrait les deux moitiés identiques, et nous n'aurions pas à nous soucier de la lumière de la photo qui ne correspond pas à celle du portrait en pixel..

Étape 6

Et maintenant rétrécissez le portrait (Édition> Transformation libre). Vous pouvez appliquer la modification aux deux couches en même temps… ne les fusionnez pas. Le visage pourrait être n'importe où de 50 à 75px. J'ai dessiné une paire d'yeux branlants dans un Nouvelle Couche que je pourrais utiliser comme référence; Je voulais pouvoir laisser un pixel pour la pupille et une paire de pixels sur le côté pour l'iris. Si j'avais rétréci davantage la photo, je n'aurais peut-être pas eu assez de résolution pour y parvenir.

Vous n'aurez plus besoin du réticule.

Toutes mes excuses si cela vous empêche de dormir la nuit.

2. Créer une palette de couleurs limitée

Nous allons tracer l'image, et nous voulons obtenir un regard artificiel et délibéré sur le portrait que nous ne pouvons pas obtenir à l'aide de filtres.

Pour obtenir un look "blockier", rétro, nous limiterons le nombre de couleurs.

Étape 1

Vous pouvez commencer par choisir une couleur de peau, éventuellement sur le front ou les joues, et en faire la première couleur de votre palette, qui sera placée juste à côté de la photo (dans un Nouvelle Couche).

Étape 2

Regardez la couleur dans le panneau de couleur. Si le panneau n'est pas réglé sur HSB, je vous recommande de le faire..

Nous allons faire plus de couleurs en déplaçant sur ces trois barres.


Si vous êtes un peu perspicace, vous voudrez peut-être déplacer toutes ces mesures pour arrondir les nombres (multiples de 5 ou 10).

Étape 3

Vous voudrez créer plus de versions de la même couleur, la seule différence étant que la saturation augmente et diminue d'au moins 10%..

Étape 4

Ensuite, vous créez plusieurs versions de ces couleurs avec les variations de luminosité, 10% ou plus en haut et en bas. Vous voudrez atteindre 100%, mais vous n'aurez peut-être pas besoin d'aller à 0%.

Étape 5

Et enfin, créez quelques versions avec des teintes différentes, environ 10˚ plus froides (plus rouges) et 10˚ plus chaudes (plus jaunes).

Et c'est l'essentiel du travail de palette dont nous aurons besoin.

3. Trace sur la photo

Temps de faire le travail réel!

Étape 1

Entre votre calque pixel art et vos calques de référence, vous pouvez placer un rectangle semi-transparent noir (ou blanc) afin de pouvoir contrôler rapidement vos progrès. Sinon, les couleurs risquent d'être trop proches des originaux pour savoir ce que vous avez dessiné..

Désactivez la visibilité de cette case pour progresser. Et les progrès seront des zones de couleurs qui correspondent étroitement à la photo.

Commencez à dessiner en utilisant le Outil Crayon.

Vous souhaiterez peut-être travailler avec un zoom avant compris entre 600% et 800%… vous pourrez alors ouvrir une nouvelle fenêtre pour le même fichier afin de vérifier vos progrès avec un zoom arrière..

Étape 2

Fondamentalement, vous allez dessiner sur les photos avec la couleur de peau la plus proche de celle d'origine, que vous pouvez trouver sur votre palette..

Étape 3

Continuez ainsi, en couvrant de plus en plus le visage. La bonne chose à propos du style symétrique est que nous n'avons besoin de travailler que sur une moitié du visage.

À titre d'illustration, je laisse la couche de rectangle noir visible sur la plupart des captures d'écran..

Étape 4

Trace de plus en plus!

Étape 5

Vous ne savez pas quelle couleur utiliser sur une zone? Sélectionnez la couleur avec le Compte-gouttes et griffonner juste au-dessus de la palette. Quelle couleur fait le plus disparaître votre griffonnage? Choisissez celui-là.

Conseil gratuit: vous pouvez sélectionner de nouvelles couleurs à la volée lorsque l’outil Crayon est actif en maintenant la touche Alt enfoncée et en cliquant sur les couleurs du fond..

Étape 6

Continuer le traçage. Les sourcils et autres éléments peuvent attendre un peu, car nous continuons à utiliser des couleurs de peau.

Étape 7

* le traçage s'intensifie *

Étape 8

Nous arrivons aux yeux, et s'il semble que nous pourrions utiliser différentes nuances, vous voudrez les ajouter à la palette..

Étape 9

Les yeux sont les fenêtres de l'âme, disent-ils. Alors peut-être que nous voudrons obtenir ces bons.

J'ai changé le rectangle noir en blanc parce que les couleurs des yeux étaient trop sombres pour être vues en noir.

Étape 10

Enfin, j'utilise une teinte plus rouge pour la peau sous les yeux.

Étape 11

L'œil étant fait, ce serait un bon moment pour refléter ce que nous avons fait jusqu'à présent et vérifier les progrès accomplis..

Étape 12

Continuez ensuite avec plus de parties du visage…

Nez…

Étape 13

Joue…

Étape 14

Améliorer et faire progresser ces domaines.

Reproduisez à nouveau le visage lorsque vous atteignez un jalon, comme terminer le nez.

Étape 15

Mes fossettes se sont perdues sur les références d’images en miroir et rétrécies, mais je sais qu’elles sont là, alors je m’assure de les ajouter..

Et continuer à travailler sur la joue.

Étape 16

Nous sommes à court de zones de peau à tracer, nous pouvons donc commencer à effectuer un travail de contour et ajouter des poils sur le visage… si vous en avez..

Étape 17

Terminer le menton (ou les poils du visage).

J'ai travaillé dans une nouvelle couleur plus sombre. Je ne l'ai pas ajouté à la palette, mais si je veux l'utiliser plus tard, je sais où le trouver..

Étape 18

Et les lèvres… la raison principale pour laquelle nous avons eu les teintes plus rouges. Dans ce cas, leur finition appelle une extension de la palette.

Étape 19

Jalon touché. Vérifier les progrès en miroir.

Continuer le traçage. Les oreilles peuvent prendre un peu plus de liberté que le traçage. Nous arrivons dans des domaines qui n'ont pas besoin d'être des copies exactes et qui peuvent être traités de manière plus créative..

Étape 20

Miroir à nouveau, et nous avons presque fini avec les couleurs de peau. Aller à la racine des cheveux.

Pour cela, nous désactivons la visibilité de la référence de photo retournée. Nous souhaitons coiffer les cheveux dans leur style d'origine, ce qui signifie probablement asymétrique. Une coiffure comme une coupe buzz ou une partie centrale pourrait ne pas en avoir besoin.

J'ai fait un front légèrement plus grand. Ça n'a pas d'importance parce que j'y ajoute des cheveux.

Étape 21

Les cheveux entrent, et je peux lui donner une forme légèrement meilleure que l'originale, alors pourquoi pas?

Étape 22

Maintenant, j'améliore la racine des cheveux sur une couche séparée.

Et puis la fusion avec le visage.

Étape 23

Enfin, je fais quelques petites retouches sur les cheveux, le front et les zones où ils se rencontrent.

Étape 24

Et puis j'ajoute les contours de base pour le cou et la chemise et définit le bord du portrait en pixel.

J'aime particulièrement ajouter ces éléments asymétriques et donner moins de rigidité ou de précision aux zones extérieures au visage..

Étape 25

Avec le cou étant fait ici, il n'y a plus besoin de la palette de couleur de peau.

Étape 26

Remplissez le t-shirt et donnez-lui quelques détails de base.

4. Retoucher et terminer

Le travail de repérage est terminé, mais certaines améliorations pourraient encore être apportées..

Étape 1

Nous n'avons plus vraiment besoin des références d'images.

Adoucissez et terminez les détails des vêtements si possible et ajoutez une belle couleur de fond contrastante.

Étape 2

Je pensais que certaines zones de mon portrait, comme les joues et le front, ressemblaient trop à des dégradés mal rendus, je pense qu'en raison des nombreuses nuances et de leur nature concentrique, j'ai donc supprimé une nuance ici et y ai interrompu la concentricité..

Étape 3

Il existe généralement beaucoup de potentiel pour ajouter des motifs ou des textures aux cheveux, ce qui est formidable, car cela ajoute non seulement des détails et du volume, mais aide également à obtenir ce style délibéré, artificiel dans le bon sens..

Étape 4

Nous ne voulons pas vraiment que le graphique ait l’air normal, c’est le but de la photo. Donc, pour finir le portrait et le faire apparaître comme un jeu vidéo, jouez avec les réglages d’image comme Niveaux, Teinte / Saturation…, Luminosité / Contraste… Le rendre vibrant!

Augmentez la valeur à environ 500% (par multiples de 100% et avec l'anti-aliasing désactivé) et vous pouvez l'exporter et le montrer.!

Vous avez terminé! Impressionnant!

Vous avez réussi jusqu'à la fin! J'espère que mes instructions ont été assez faciles à appliquer à votre propre photo.

Essayez des options telles que moins de couleurs ou une résolution plus petite pour des résultats encore plus pixellisés, et une bonne pixellisation!