Guide de l’art du pixel : 3 façons de créer de l’art au pixel avec Photoshop, OS X Zoom et Pixelfari

L’art du pixel de la variété 8-bit flashback NES fait fureur en ce moment, que ce soit dans des jeux comme The Incident et Sword & Sworcery ou juste pour les avatars sur le web. Si vous vous demandez comment certains de ces magnifiques dessins au pixel sont créés et comment vous pouvez les réaliser vous-même, voici quelques conseils pour le dessin au pixel quasi instantané. Nous utiliserons la fonction de zoom d’OS X, Pixelfari, et configurerons également Photoshop pour créer votre propre art au pixel rétro et nettoyer les résultats d’autres méthodes.

1) Utiliser le zoom de Mac OS X pour pixéliser des images et créer de l’art instantané en pixels

Vous savez sans doute maintenant que si vous maintenez la touche Ctrl enfoncée et que vous faites ensuite glisser deux doigts vers le haut ou vers le bas sur un trackpad, vous pourrez zoomer sur l’écran (ou maintenir la touche Ctrl enfoncée et utiliser une molette de défilement sur une souris externe). Eh bien, si vous désactivez l’anticrénelage dans l’outil Zoom d’OS X, vous pouvez utiliser cette fonction pour créer des images pixélisées à partir de n’importe quoi. Voici comment faire :

  • Appuyez sur Commande+Option+\ pour désactiver l’anticrénelage dans le zoom de l’écran
  • Passez le curseur de votre souris sur l’image que vous souhaitez pixelliser instantanément
  • Contrôle+Zoom dans l’image et regardez les pixels grandir
  • Faites une capture d’écran de l’ensemble de l’écran avec Commande+Maj+3

En utilisant cette technique, j’ai créé ce MacBook de pixel-art instantanément :

Si nécessaire, vous pouvez ensuite nettoyer l’image dans Photoshop en utilisant les techniques mentionnées dans cet article pour l’éditer à un niveau précis par pixel. Quelques conseils pour cette méthode :

  • Les images de base plus petites sont meilleures, créer des icônes à partir d’une image et zoomer sur celles-ci est génial
  • Plus de contraste est généralement mieux
  • Essayez différents niveaux de zoom

Il est également important de prendre une capture d’écran en plein écran pour que l’image soit capturée en pleine gloire pixélisée.

2) Dessinez des images au pixel près dans Photoshop avec ces conseils de configuration

Si vous disposez de Photoshop, vous pouvez ajuster certains paramètres pour le rendre supérieur pour le dessin et l’édition d’art au pixel :

  • Modifier la façon dont Photoshop met à l’échelle les images en ajustant les préférences « Interpolation d’image » à « Voisin le plus proche (préserver les bords durs) »
  • Activer une grille via Préférences> Guides, Tranches de grille et Comptage> 1×1
  • Configurer correctement l’outil Crayon pour qu’il ait un diamètre de 1px avec une dureté de 100%
  • Utilisez plusieurs niveaux de zoom pour obtenir une vue rapprochée en pixels et la résolution finale souhaitée

Votre configuration Photoshop ressemblera à celle-ci :

Ces techniques Photoshop proviennent de Brandon Trebitowski, un développeur iOS, et si vous êtes intéressé par la conception de pixel art, nous vous recommandons vivement de lire son blog sur le sujet, vous pouvez le lire ici sur BrandonTreb.com .

3) Faire de l’art instantané en pixel avec Pixelfari

Une autre astuce pour accélérer votre création de pixel art, et même faire du pixel art quasi instantané, est d’utiliser le navigateur web 8-bit Pixelfari . Pixelfari vient du développeur Nevan Morgan et vous pouvez le télécharger instantanément ici .

Il vous suffit de faire glisser une image dans Pixelfari et l’image sera automatiquement rendue sous forme de pixel art, puis de faire une capture d’écran de la fenêtre Pixelfari. Ce n’est pas parfait mais cela crée un bon point de départ qui peut ensuite être affiné en utilisant les techniques mentionnées ci-dessus par Brandon.

Voici le logo OSXDaily lancé dans Pixelfari sans aucune autre modification, c’est un assez bon exemple de la façon dont cela fonctionne.

Là encore, si vous voulez nettoyer le résultat, vous pouvez utiliser les conseils de Photoshop mentionnés ci-dessus, ou vous pouvez même utiliser la fonction de zoom d’OS X pour hyper-pixeler les résultats dans Pixelfari.

Il y a évidemment d’autres façons de faire, mais pour une pixellisation rapide, les techniques Zoom et Pixelfari sont géniales, et la configuration de Photoshop est parfaite pour dessiner de toutes pièces ou nettoyer vos images pré-pixelées. Vous pouvez également essayer d’utiliser Paintbrush, le clone de MSPaint, mais il est plus difficile d’obtenir un prix avec cette application. Enfin, une bonne référence générale est Natomic , qui donne quelques conseils généraux sur l’ombrage, l’éclairage, l’utilisation des lignes, et plus encore, ses anciennes infos mais les pixels existent depuis longtemps, donc les techniques sont toujours très pertinentes.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *