Le pixel art de la variété NES flashback 8 bits fait fureur en ce moment, que ce soit dans des jeux comme The Incident et Sword & Sworcery ou simplement pour les avatars sur le Web. Si vous vous demandez comment une partie de ce magnifique pixel art est créé et comment le faire vous-même, voici quelques conseils pour un pixel art quasi instantané. Nous utiliserons la fonction de zoom d'OS X, Pixelfari, et configurerons également Photoshop pour créer votre propre pixel art rétro et nettoyer les résultats d'autres méthodes.

1) Utilisez le zoom Mac OS X pour pixéliser des images et créer du pixel art instantané

Vous savez probablement maintenant que si vous maintenez la touche Contrôle enfoncée, puis faites glisser deux doigts vers le haut ou vers le bas sur un trackpad, vous zoomerez sur l'écran (ou maintenez la touche Contrôle enfoncée et utilisez une molette de défilement sur un souris externe). Eh bien, si vous désactivez l'anticrénelage dans l'outil OS X Zoom, vous pouvez utiliser cette fonctionnalité pour créer des images pixélisées à partir de n'importe quoi. Voici comment:

• 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+Zoomer sur l'image et regarder les pixels grossir
• Prenez une capture d'écran de tout l'écran avec Commande+Maj+3

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

Si nécessaire, vous pouvez ensuite nettoyer l'image dans Photoshop en utilisant les techniques Photoshop mentionnées dans cet article pour la modifier à 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 dessus est génial
• Plus de contraste est généralement meilleur
• 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 dans toute sa splendeur pixélisée.

2) Dessinez Pixel Art dans Photoshop avec ces conseils de configuration

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

• Modifiez la façon dont Photoshop redimensionne les images en réglant les préférences "Interpolation d'image" sur "Voisin le plus proche (conserver les bords durs)
• Activer une grille via les préférences > Guides, Grid Slices & Count > 1×1
• Configurez correctement l'outil Crayon à un diamètre de 1 px avec une dureté de 100 %
• Utilisez plusieurs niveaux de zoom pour une vue en pixels rapprochée et la résolution finale souhaitée

Votre configuration Photoshop ressemblera à ceci :

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

3) Créez du Pixel Art instantané avec Pixelfari

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

 Essentiellement, tout ce que vous avez à faire est de faire glisser n'importe quelle image dans Pixelfari et l'image sera automatiquement rendue sous forme de pixel art, puis de prendre 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 ci-dessus mentionnées par Brandon.

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

Encore une fois, si vous souhaitez nettoyer la sortie, 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-pixéliser les résultats dans Pixelfari.

Il y a évidemment plus de façons de le faire, mais pour une pixellisation rapide, les techniques Zoom et Pixelfari sont excellentes, et la configuration de Photoshop est parfaite pour dessiner à partir de zéro ou nettoyer vos images pré-pixelisées.Vous pouvez également essayer d'utiliser Paintbrush, le clone 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 contient quelques conseils généraux sur l'ombrage, l'éclairage, l'utilisation de lignes, etc., ses anciennes informations, mais les pixels existent depuis longtemps, donc les techniques sont toujours très pertinentes.