Pixel Art Guide: 3 façons de créer des Pixel Art avec Photoshop, OS X Zoom et Pixelfari

L'art des pixels de la variété NES flashback 8 bits est à la mode 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 une partie de ce magnifique pixel art est créé et comment vous pouvez le faire vous-même, voici quelques conseils pour un pixel art quasi-instantané. Nous allons utiliser la fonction de zoom d'OS X, Pixelfari, et configurer également Photoshop pour faire votre propre pixel art rétro et nettoyer les résultats d'autres méthodes.

1) Utilisez Mac OS X Zoom pour Pixéliser des Images et Créer Instant Pixel Art

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

  • Hit Command + Option + \ pour désactiver l'anti-aliasing dans le zoom de l'écran
  • Passez le curseur de la souris sur l'image que vous souhaitez pixelliser instantanément
  • Contrôle + Zoom sur l'image et regarder les pixels se développer
  • Prenez une capture d'écran de tout l'écran avec Command + Shift + 3

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

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

  • Les images de base plus petites sont meilleures, créant des icônes sur une image et zoomer sur celles-ci 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 afin que l'image soit capturée en pleine gloire 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 meilleur pour le dessin et l'édition de pixel art:

  • Modifier la façon dont Photoshop ajuste les images en ajustant les préférences "Interpolation de l'image" sur "Plus proche voisin" (préserver les bords durs)
  • Activer une grille via Préférences> Guides, Tranches de grille et nombre> 1 × 1
  • Configurer correctement l'outil Crayon à 1px diamètre avec 100% de dureté
  • Utiliser plusieurs niveaux de zoom pour une vue de pixels de près et la résolution finale souhaitée

Votre installation de Photoshop ressemblera à ceci:

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

3) Faire l'art instantané de 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 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 cela rendra automatiquement l'image en pixel art, puis 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 mentionnées ci-dessus par Brandon.

Voici le logo OSXDaily lancé dans Pixelfari sans autre édition, c'est un très bon exemple de comment cela fonctionne.

Encore une fois, si vous voulez 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-pixeliser les résultats dans Pixelfari.

Il y a évidemment d'autres 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 ou nettoyer vos images pré-pixellisé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 belle référence générale est Natomic, qui a quelques astuces générales sur l'ombrage, l'éclairage, l'utilisation des lignes, et plus, ses anciennes infos mais les pixels existent depuis longtemps, donc les techniques sont toujours très pertinentes.