• Articles
• admin

La plupart du temps, nous avons besoin d’images et de portraits de haute qualité, mais parfois nous avons besoin d’une image pixélisée à utiliser dans notre conception ou nous avons juste besoin de pixel art de n’importe quelle image de nous. Je vais vous montrer la méthode exacte pour créer un pixel art Photoshop de n’importe quel objet ou portrait à partir de n’importe quelle image.

Maintenant, vous avez capturé votre photo et vous vouliez la faire ressembler à un pixel art 8 bits amusant, rétro.

Dans cette situation, nous avons Photoshop pour convertir des images en pixel art Photoshop les rend pixélisées.

Si vous vouliez apprendre à convertir des logos ou des icônes pixélisés en icônes haute résolution, cliquez ici!

Maintenant, si vous vouliez apprendre la technique complète pour réaliser ce pixel art dans Photoshop, il vous suffit de rester avec moi jusqu’à la fin de l’article.

Parce que dans cet article, je vais vous montrer le guide étape par étape ultime sur la façon de créer du pixel art Photoshop et de créer quelque chose comme une vieille image pixélisée 8 bits amusante, rétro.

Étape 1: Configuration d’un fichier Pixel Art

Dans Photoshop, accédez au fichier > Nouveau. Nommez le document de votre choix. Définissez le fichier sur les dimensions suivantes:

• Largeur jusqu’à 500 px
• Hauteur jusqu’à 500 px
• Orientation vers le paysage
• Résolution jusqu’à 50
• Mode couleur vers RVB

Puis cliquez sur Créer.

Étape 2: Ouvrez l’image du sujet

Ouvrez une photo de quelqu’un ou quelque chose que vous souhaitez utiliser pour ce projet. Pour ce faire, il suffit de glisser-déposer l’image du sujet sur votre document ou vous pouvez aller dans File > Place Embedded.

Cela vous demandera d’aller à l’emplacement de l’image et de l’ouvrir.

La première étape consiste à le redimensionner, pour obtenir les résultats que nous voulons.

Si vous souhaitez recadrer le bas de votre sujet en une forme circulaire, ouvrez votre outil de sélection elliptique, approchez d’un coin et maintenez la touche Maj enfoncée pendant que vous faites glisser une sélection circulaire dessus.

Nous allons découper notre sujet à l’intérieur de la sélection en appuyant sur Ctrl ou Cmd + J pour faire une copie de la sélection et nous pouvons maintenant simplement masquer le calque inférieur.

Cliquez sur l’icône du globe oculaire à côté du calque inférieur pour le masquer.

Étape 3: Suppression de l’arrière-plan

Ensuite, nous supprimerons le reste de l’arrière-plan derrière notre sujet et masquerons votre sujet.

Il existe de nombreuses façons de le faire et votre méthode devrait dépendre des caractéristiques de votre photo.

Pour cet exemple, si l’arrière-plan est blanc pur ou une couleur quelconque, vous pouvez utiliser mon outil Baguette magique.

Vous pouvez faire la tolérance 10 et vous assurer que « Contigu » est coché. « Contigu » garantira que seule la zone blanche en dehors de mon sujet sera sélectionnée.

J’ai donc différents types d’outils de sélection dans Photoshop et certains d’entre eux utilisent également l’IA pour compléter les sélections.

• Chapiteau Rectangulaire: Vous pouvez sélectionner des parties rectangulaires d’une image avec cet outil.
• Lasso: Cet outil de sélection vous permet de dessiner votre propre contour de forme libre de ce que vous souhaitez sélectionner. Cela fonctionne mieux pour les zones qui ne sont pas qualifiées de formes.
• Sélection rapide: Cet outil est utilisé comme l’outil lasso sauf qu’il fonctionne mieux sur une zone avec des bords clairement définis. Vous faites glisser la souris et le contour « s’enclenche » sur les bords.

Vous pouvez utiliser des outils de sélection rapide pour effectuer la sélection et si vous voulez être parfaitement précis sur les sélections, vous pouvez utiliser l’outil Stylo pour le faire.

Mais comment faire des sélections n’est pas le tutoriel, nous ne devrions donc pas perdre de temps à apprendre à sélectionner des objets.

Utilisez l’un des outils de sélection que vous souhaitez utiliser et faites une sélection d’arrière-plan, puis appuyez uniquement sur supprimer sur le clavier pour supprimer l’arrière-plan du sujet.

Pour la désélectionner, appuyez sur Ctrl ou Cmd+D sur votre clavier.

Étape 4: Ajout d’un trait

Maintenant, nous devons ajouter un trait noir autour de notre sujet pour le faire ressembler davantage à un pixel art rétro 8 bits, mais tout dépend de vous.

Vous pouvez ignorer cette étape d’application du trait.

Pour ajouter un trait, cliquez avec le bouton droit sur le calque sujet et sélectionnez Options de fusion.

Maintenant, dans l’option de fusion, sélectionnez Stroke et dans les paramètres stroke.

Définissez la couleur sur noir, la taille sur 5 pixels et la Position sur « Extérieur ». Ensuite, cliquez sur OK ou appuyez sur Entrée ou Retour.

Étape 5: Conversion en Pixel Art Photoshop

Maintenant, nous devons appliquer notre filtre pour rendre l’image pixélisée. Mais avant de convertir notre image en pixel art, nous devons convertir notre image en objet intelligent, afin de pouvoir y ajouter des filtres et des ajustements supplémentaires de manière non destructive.

Pour ce faire, faites un clic droit sur le calque sujet dans le panneau Calques et cliquez sur « Convertir en objet intelligent ».

Maintenant, nous pouvons appliquer des filtres de manière non destructive, alors allez dans la mosaïque Filter > Pixelate >.

Faites la taille de la cellule 10 carrés ou vous pouvez utiliser n’importe quelle valeur que vous voulez selon vos préférences.

Étape 6: Ajout de fonctionnalités au Pixel Art Photoshop

Comme vous pouvez le voir, notre pixel art est presque prêt, mais nous devons ajouter une fonctionnalité si notre portrait ou notre objet doit être affiché correctement.

Ensuite, nous ajouterons des carrés noirs et blancs pour accentuer certaines caractéristiques de notre personnage. Je vais vous montrer 2 façons de le faire.

Tout d’abord, je vais vous montrer comment le faire si vous utilisez une version antérieure à CC. Ensuite, je vais montrer comment le faire en utilisant CC ou plus tard, qui a une méthode précise.

Plus Tôt Que Photoshop CC:

Si vous utilisez une version antérieure à CC, créez un nouveau document en appuyant sur Ctrl ou Cmd + N ou allez dans Fichier et Nouveau. Faites la Largeur et la Hauteur de 10 pixels chacune et la Résolution de 50 pixels par pouce. La couleur est noire. Ensuite, cliquez sur « Créer » ou « Ouvrir ».

Pour le voir sur votre canevas à sa taille maximale, appuyez sur Ctrl ou Cmd+0. Allez dans Modifier et « Définir le préréglage du pinceau ». Lorsque cette fenêtre apparaît, cliquez simplement sur OK.

Ouvrez de nouveau votre document pixel art. Quelle que soit la version que vous utilisez, supprimons les carrés les plus légers le long du bord de votre personnage.

Allez dans Sélectionner et « Gamme de couleurs ». Choisissez « Faits saillants ». Faire le flou est de 0% et la plage est de 1.

Cliquez sur l’icône Masque de calque pour créer un masque de calque de la sélection à côté du calque actif.

Nous allons créer un nouveau calque sous le calque actif, en cliquant sur Ctrl ou Cmd sur l’icône du nouveau calque. Nous utiliserons ce calque comme arrière-plan.

Pour l’instant, remplissons-le de blanc, et puisque le blanc est notre couleur d’arrière-plan, appuyez sur Ctrl ou Cmd + Suppr. Cliquez sur le calque supérieur pour le rendre actif et créez un nouveau calque au-dessus.

Pour les versions antérieures à CC, ouvrez l’outil Crayon et le sélecteur de crayons. La dernière vignette est le préréglage que nous avons enregistré plus tôt.

Cliquez dessus pour le rendre actif et assurez-vous que son opacité est de 100%.

Cette première méthode nécessite un grand soin pour l’aligner directement sur le carré en dessous.

S’il n’est pas aligné exactement, appuyez sur Ctrl ou Cmd + z pour annuler la dernière étape et réessayez.

Pour rendre votre pinceau blanc, appuyez sur « x » sur votre clavier pour inverser les couleurs de premier plan et d’arrière-plan.

Photoshop CC ou version ultérieure:

Pour ceux qui utilisent CC ou une version ultérieure, allez dans Affichage et « Nouvelle disposition du guide ». Dans les colonnes et les lignes, tapez 50 pixels chacune et gardez tout le reste non rempli et non coché.

Si vous ne voyez pas les lignes directrices, appuyez sur Ctrl ou Cmd + H. Notez que nos lignes directrices s’alignent parfaitement avec les carrés du personnage.

Ouvrez votre « Outil de sélection rectangulaire » et assurez-vous que l’icône « Ajouter à la sélection » est active. Cela ajoute des sélections supplémentaires à notre image au fur et à mesure que nous les faisons.

Allez dans Afficher et assurez-vous que « Snap » est coché, ainsi que « Guides ». Cela garantira que les sélections que nous ajoutons s’accrocheront à la grille.

Après avoir effectué un groupe de sélections, remplissez-le de noir et désélectionnez-le.

Si vous voulez voir votre personnage sans les directives, appuyez sur Ctrl ou Cmd + H. Pour les rendre à nouveau visibles, répétez les mêmes frappes.

Étape 7: Réglage des couleurs et de la luminosité

Pour rendre l’art plus pop, nous devons ajouter un peu de saturation et de contraste à notre image.

Pour ce faire, allez dans le panneau Calques et créez un Calque de réglage de la luminosité / Contraste et dans son réglage, augmentez le contraste d’environ 20+ à 40+. Vous pouvez également jouer avec la luminosité pour obtenir de meilleurs résultats.

Ensuite, allez dans le panneau Calques et créez un Calque de réglage de la Teinte / Saturation et dans son réglage, augmentez la Saturation à environ 10+ à 20+.

Étape 8: Ajout d’une nouvelle couleur d’arrière-plan

Maintenant, nous pouvons ajouter un nouvel arrière-plan à notre pixel art en l’important dans le document et en plaçant le calque d’arrière-plan sous le calque du sujet.

Vous pouvez simplement créer un calque de couleur unie, sélectionner une nouvelle couleur et prendre le calque sous le calque du sujet pour créer une couleur d’arrière-plan de n’importe quelle couleur.

Conclusion

Voici quelques étapes que vous suivez, vous pouvez créer du pixel art dans Adobe Photoshop en quelques secondes. Il suffit de lire l’article une fois, essayez-le et vous êtes prêt à partir!

Assurez-vous de commenter vos commentaires et suggestions sur l’article.

Foire aux questions

• Qu’est-ce que le pixel art?

Réponse: Le Pixel art est une forme d’art numérique, créée grâce à l’utilisation de logiciels, où les images sont éditées au niveau du pixel. L’esthétique de ce type de graphiques provient des ordinateurs 8 bits et 16 bits et des consoles de jeux vidéo, en plus d’autres systèmes limités tels que les calculatrices graphiques.

• Où faire du pixel art?

Réponse: Il existe de nombreux outils en ligne pour le faire, mais le logiciel le plus polyvalent où vous pouvez créer du pixel art dans Adobe Photoshop.