Wie kann ich ein Bild pixelig aussehen lassen, wie Arcade-Grafiken der alten Schule?

20

Ich möchte ein bisschen Stock Art (kann jede Größe haben) nehmen und es pixelig aussehen lassen, ähnlich wie bei alten Mario Brothers-Videospielen um die 80er. Ein Teil der Bildbearbeitung würde eine Verkleinerung erfordern.

Mario Brothers Videospiele

Damit fange ich an.

Bildbeschreibung hier eingeben

Gibt es einen Filter oder einige Photoshop-Schritte, mit denen ich diesen Effekt erzielen kann?

Ich habe versucht, im Wesentlichen den Filter "Pixelate" zu verwenden, der jedoch Übergänge zwischen den Farbkanten erzeugt. Ich habe auch nur versucht, das Bild auf 40 x 35 Pixel zu verkleinern, und das sehe ich.

Bildbeschreibung hier eingeben

Wie bekomme ich die gestochen scharfen Vollfarbpixel wie bei den Mario Brothers-Symbolen?

milesmeow
quelle
12
Ich denke, ein Teil des Problems ist, dass Videospiele die Einschränkungen des Mediums im Voraus kannten . Alle oben genannten Symbole wurden in einem Pixelraster von 100 x 100 oder wie auch immer erstellt. Wenn Sie möchten, dass Ihr Warenkorb ein 8-Bit-Symbol ist, sollten Sie ihn wahrscheinlich mit Illustrator in einem Raster von 100 x 100 Pixel von Grund auf neu gestalten.
maxwell
Oder es gibt eine Funktion, auf die unten jemand antwortet, bei der Sie alle Pixel in einem Farbbereich nehmen und erzwingen, dass sie die helle Version dieser Farbe werden.
Maxwell
Ich habe das Gefühl, dass ich das hier schon einmal gesehen habe, aber ich kann es nicht finden. Ich werde weiter suchen.
Manly
Ich würde empfehlen, den Computer neu zu starten. Versuchen Sie jedoch, das gesamte Bild in einem Raster von 8

Antworten:

28

Hier ist eine einfache Methode, um Bilder in voller Größe in Pixelgrafiken umzuwandeln.

Startbild

Bild in voller Größe

Gehen Sie zunächst zu Bild -> Bildgröße. Ändern Sie die Resample-Methode in Nearest Neighbor , damit die harten Kanten erhalten bleiben. Sie können in die Vorschau auf der linken Seite zoomen, um eine gute Vorstellung davon zu bekommen, wie Ihr Endergebnis aussehen wird. Sie können sehen, dass ich in diesem Beispiel bei 500% bin. Stellen Sie dann die Breite / Höhe auf Ihre bevorzugte Größe ein und klicken Sie auf OK.

Verkleinern

Dieser nächste Schritt ist optional

Gehen Sie zurück zur Bildgröße und vergrößern Sie das Bild auf die gewünschten Werte. Achten Sie darauf, den nächsten Nachbarn eingeschaltet zu lassen. Drücken Sie OK, wenn Sie fertig sind.

Upsize

So sieht Ihr Endergebnis aus (abhängig davon, um wie viel Sie das Original verkleinert haben.)

Verpixelt

Tim Troiano
quelle
2
ProTip: Es gibt einige spezialisierte Pixel-Grafik-Skalierungs- Tools (obwohl Wikipedia meistens von Upscaling spricht, gibt es auch bessere Downscaling-Tools), die einen besseren Job machen als der nächste Nachbar.
Joojaa
4
Ein anderer nützlicher Ansatz, wenn man z. B. um einen Faktor vier skaliert, besteht darin, das Bild zunächst viermal in jeder Richtung mit einem Abstand zu kacheln, der um eins größer als ein Vielfaches von vier ist. Dies führt zu 16 leicht verkleinerten Bildern. In vielen Fällen werden die Funktionen der Originalgrafik in einigen verkleinerten Versionen möglicherweise viel besser wiedergegeben als in anderen. Wenn Sie also Funktionen aus 16 verschiedenen Versionen erfassen können, ist möglicherweise weniger zusätzliches Hand-Tweaking erforderlich.
Supercat
1
Sie können auch die Farbpalette reduzieren - eine weitere Einschränkung früherer Spielsysteme -, indem Sie sie in indizierte Farben ändern und die Anzahl der verfügbaren Farben auf 16, 8 oder 4 reduzieren.
Rob Craig,
27

Wenn Sie mit so wenigen Pixeln arbeiten, müssen Sie dafür sorgen, dass alle Pixel zählen. Ich bezweifle, dass ein automatisierter Scaler dies mit zufriedenstellender Qualität erreichen wird.

Mein Rat wäre, auf die normale Größe zu verkleinern (oder möglicherweise eine Option für den nächsten Nachbarn zu verwenden), dann zu zoomen, das Raster einzuschalten und Pixel für Pixel über Ihr Bild zu gehen, um es zu bereinigen. Um den Retro-Look zu verbessern, sollten Sie auch mit einer begrenzten Palette kräftiger Farben arbeiten.

Peter Green
quelle
2
Dies ist ein besserer Weg, um es zu tun. Erstellen Sie Grafiken von Anfang an mit Blick auf Pixelkunst und das begrenzte Medium und die Abmessungen.
Sam Weaver
2
Das Einschränken der Farbpalette ist ein wichtiger Punkt.
Eneko Alonso
1

Sehen Sie sich zunächst die Originalgrafiken an, die Sie emulieren möchten. Sie werden sehen, dass die Farbbereiche flach und hell sind, weil die Formen selbst - ob Sie es glauben oder nicht! - sind gerade Kantenbereiche. Der Pixeleffekt tritt nur auf, wenn die Linien leicht schief und abfallend sind.

Sie benötigen also ein Programm, das dies von Anfang an emuliert. Ich habe dies gerade getan, damit ich weiß, dass es funktioniert. Sie verwenden Paint. Das ist richtig, das vergessene Werbegeschenk, das mit Windows kommt. Es ist in Zubehör auf XP, keine Ahnung, wo es in anderen Versionen ist, aber es ist wahrscheinlich. da irgendwo. Auch wenn dies bedeutet, dass Sie eine Bildschirmkopie erstellen und anschließend den Korb ausschneiden müssen.

Dann schau dir das Bild an. Sie werden sehen, wo der Korb leicht pixelig ist. Hier möchten Sie den Effekt betonen. Sie können dies tun, indem Sie groß zoomen (STRG-Bild abwärts oder Ansicht / Zoom aus dem Menü verwenden) und das Radiergummi-Werkzeug im Modus "Kleinstes Quadrat" verwenden (es gibt eine Liste von Quadraten auf der linken Seite des Bildschirms), um sie einfach herauszunehmen ein zusätzliches Pixel hier und da, wo die Linien bereits vage pixelig sind. Sie müssen keine Pixel herausnehmen, bei denen die Linien vertikal oder horizontal verlaufen, da bei der Betrachtung keine Pixel in den geraden Linien der Originale fehlen. Sie müssen einen Pixel von jeder Ecke der quadratischen Vorderseite des Korbs einschneiden. Das ist Methode 1.

Methode 2 startet dasselbe (mit Paint, Einfügen von Bildern), speichert das Bild jedoch nur in einem wirklich schlechten Format. Das Plobrem mit Methode 2 sieht ALLES verschwommen und pixelig aus. Vergiss nicht, warum Mario arbeitet, liegt daran, dass die Pfosten und Farben flach und gut sind, es sind nur nicht gerade Linien und Ecken. Wenn ich es tun würde, würde ich mit Methode eins gehen. Weil ich es gerade getan habe und es funktioniert hat! Ich sende Ihnen sogar gerne meine Version, wenn mir jemand eine Möglichkeit dazu vorschlägt.

Chris.

ulrichburke
quelle
Willkommen bei GD.SE. Während dies den Fragentitel beantwortet, geht es nicht um die Tatsache, dass OP eine automatische Methode finden möchte , keine manuelle.
Luciano
-1

Ich würde imagemagick verwenden , ein kostenloses Open-Source-Befehlszeilentool, das für MacOS, Windows und natürlich Linux verfügbar ist. Laden Sie einfach die Befehlszeile in ein Terminal herunter, installieren Sie sie und verwenden Sie sie.

convert -scale 10% -scale 1000% parrot.jpg parrot-pixel.jpg

Papagei original Ursprüngliches Papageienbild

papagei pixelig Pixeliges Papageienbild

Mit ein wenig Experimentieren können Sie die Pixelgrößen variieren. Natürlich, wie bei allen anderen Antworten, variiert Ihre Laufleistung mit der Kunst und es ist eine gute Idee, sie von Hand zu reparieren.

Zu Ihrer Information, ohne die Zeit zum Herunterladen und Installieren von imagemagick, konnte ich die Pixelung in weniger als 5 Sekunden ausführen.

Ein einfaches Bash-Skript könnte dann einen ganzen Ordner durchlaufen und dies als Stapel ohne den ganzen Albtraum von spitzen Klicks tun.

Nothingismagick
quelle