Pixel Art Guide: 3 Wege zum Erstellen von Pixel Art mit Photoshop

Inhaltsverzeichnis:

Anonim

Pixel-Art der 8-Bit-Flashback-NES-Variante ist derzeit der letzte Schrei, sei es in Spielen wie The Incident und Sword & Sworcery oder einfach nur für Avatare im Internet. Wenn Sie sich fragen, wie ein Teil dieser schönen Pixelkunst erstellt wird und wie Sie es selbst tun können, finden Sie hier einige Tipps für nahezu sofortige Pixelkunst. Wir verwenden die Zoomfunktion von OS X, Pixelfari, und konfigurieren auch Photoshop, um Ihre eigene Retro-Pixelkunst zu erstellen und die Ergebnisse anderer Methoden zu bereinigen.

1) Verwenden Sie Mac OS X Zoom, um Bilder zu verpixeln und sofortige Pixelkunst zu erstellen

Sie wissen wahrscheinlich inzwischen, dass Sie in den Bildschirm hineinzoomen, wenn Sie die Strg-Taste gedrückt h alten und dann mit zwei Fingern auf einem Trackpad nach oben oder unten wischen (oder h alten Sie die Strg-Taste gedrückt und verwenden Sie ein Scrollrad auf einem externe Maus). Nun, wenn Sie Anti-Aliasing im Zoom-Tool von OS X deaktivieren, können Sie diese Funktion verwenden, um pixelige Bilder aus allem zu erstellen. Hier ist wie:

  • Drücken Sie Befehl+Option+\, um Anti-Aliasing beim Bildschirmzoom zu deaktivieren
  • Bewege deinen Mauszeiger über das Bild, das du sofort verpixeln möchtest
  • Strg+Zoomen Sie in das Bild hinein und beobachten Sie, wie die Pixel wachsen
  • Machen Sie einen Screenshot des gesamten Bildschirms mit Befehl+Umsch alt+3

Mit dieser Technik habe ich sofort dieses Pixel-Art-MacBook erstellt:

Bei Bedarf können Sie das Bild dann in Photoshop mit den in diesem Artikel erwähnten Photoshop-Techniken bereinigen, um es pixelgenau zu bearbeiten. Ein paar Tipps für diese Methode:

  • Kleinere Basisbilder sind besser, das Erstellen von Symbolen aus einem Bild und das Hineinzoomen in diese ist großartig
  • Mehr Kontrast ist im Allgemeinen besser
  • Verschiedene Zoomstufen ausprobieren

Es ist auch wichtig, einen Screenshot im Vollbildmodus zu machen, damit das Bild in voller Pixelpracht aufgenommen wird.

2) Zeichnen Sie Pixelkunst in Photoshop mit diesen Konfigurationstipps

Wenn Sie über Photoshop verfügen, können Sie einige Einstellungen anpassen, um es für das Zeichnen und Bearbeiten von Pixelbildern besser geeignet zu machen:

  • Ändern Sie die Art und Weise, wie Photoshop Bilder skaliert, indem Sie die Einstellungen für „Bildinterpolation“ auf „Nächster Nachbar (harte Kanten beibeh alten)“ einstellen
  • Grid über Einstellungen aktivieren > Hilfslinien, Grid-Slices & Count > 1×1
  • Konfiguriere das Buntstift-Werkzeug richtig auf einen Durchmesser von 1 Pixel mit 100 % Härte
  • Verwenden Sie mehrere Zoomstufen für eine Pixel-Nahansicht und die gewünschte Endauflösung

Ihr Photoshop-Setup sieht ungefähr so ​​aus:

Diese Photoshop-Techniken stammen von Brandon Trebitowski, einem iOS-Entwickler, und wenn Sie überhaupt daran interessiert sind, Pixelkunst zu entwerfen, sollten Sie unbedingt seinen Blogpost zu diesem Thema lesen, den Sie hier auf BrandonTreb.com lesen können .

3) Sofortige Pixelkunst mit Pixelfari erstellen

Ein weiterer Trick, um die Erstellung von Pixelgrafiken zu beschleunigen und sogar Pixelgrafiken nahezu sofort zu erstellen, ist die Verwendung des 8-Bit-Webbrowsers Pixelfari . Pixelfari stammt vom Entwickler Nevan Morgan und Sie können es hier sofort herunterladen.

Im Grunde müssen Sie nur ein beliebiges Bild in Pixelfari ziehen, und es wird das Bild automatisch als Pixelkunst rendern, und dann einen Screenshot des Pixelfari-Fensters machen. Es ist nicht perfekt, aber es schafft einen guten Ausgangspunkt, der dann mit den oben von Brandon erwähnten Techniken verfeinert werden kann.

Hier ist das OSXDaily-Logo, das ohne weitere Bearbeitung in Pixelfari eingefügt wurde. Dies ist ein ziemlich gutes Beispiel dafür, wie das funktioniert.

Auch wenn Sie die Ausgabe bereinigen möchten, können Sie die oben erwähnten Photoshop-Tipps verwenden, oder Sie können sogar die Zoomfunktion von OS X verwenden, um die Ergebnisse in Pixelfari zu hyperpixeln.

Es gibt offensichtlich mehr Möglichkeiten, dies zu tun, aber für eine schnelle Verpixelung sind die Zoom- und Pixelfari-Techniken großartig, und die Photoshop-Konfiguration ist perfekt, um von Grund auf neu zu zeichnen oder Ihre vorverpixelten Bilder zu bereinigen.Sie könnten auch versuchen, Paintbrush, den MSPaint-Klon, zu verwenden, aber mit dieser App ist es schwieriger, einen Preis zu bekommen. Schließlich ist Natomic eine nette allgemeine Referenz, die einige allgemeine Tipps zu Schattierung, Beleuchtung, Verwendung von Linien und mehr enthält, ihre alten Informationen, aber Pixel gibt es schon lange, daher sind die Techniken immer noch sehr relevant.

Pixel Art Guide: 3 Wege zum Erstellen von Pixel Art mit Photoshop