Digitaler Pixel-Effekt mit Photoshop

In diesem Photoshop-Effekt-Tutorial lernen wir, wie man einen „digitalen Pixel“-Effekt erstellt, der oft in Anzeigen verwendet wird, die irgendetwas mit Digitaltechnik verkaufen. Wir verpixeln zunächst unser gesamtes Bild mit einem sehr einfachen Filter und experimentieren dann mit einer Ebenenmaske, der Deckkraft und einigen Ebenenmischmodi, um verschiedene Variationen unseres Effekts zu erzeugen. Am Ende des Tutorials werden wir sogar sehen, wie etwas so Einfaches wie das Ändern des Mischmodus einer Ebene einen völlig neuen Effekt erzeugen kann!

Hier ist das Originalbild, mit dem ich beginnen werde:

Wie ich schon sagte, werden wir uns einige verschiedene Variationen des Effekts ansehen. Hier ist die erste, auf die wir hinarbeiten werden:

Hier ist die zweite:

Und nur als Beispiel dafür, wie einfach wir einen scheinbar völlig anderen Effekt erzeugen können, indem wir einfach den Mischmodus einer Ebene ändern, schließen wir mit diesem ab:

Dieses Tutorial stammt aus unserer Reihe Fotoeffekte. Fangen wir an!

Schritt 1: Dupliziere die Hintergrundebene

Das erste, was ich für diesen Effekt tun muss, ist, meine Hintergrundebene zu duplizieren. Wenn ich mein Bild in Photoshop geöffnet habe, sehe ich in der Ebenenpalette, dass ich derzeit nur eine Ebene habe, die Hintergrundebene, die mein Bild enthält:

Ich dupliziere diese Ebene mit dem Tastaturkürzel Strg+J (Win) / Befehl+J (Mac), und jetzt sehe ich in der Ebenenpalette, dass ich zwei Ebenen habe, wobei die Kopie der Hintergrundebene über dem Original liegt. Photoshop hat ihr den Namen „Ebene 1“ gegeben:

Schritt 2: Die duplizierte Ebene verpixeln

Als Nächstes müssen wir die neue Ebene verpixeln, und das können wir tun, indem wir das Filtermenü am oberen Rand des Bildschirms aufrufen, „Verpixeln“ und dann „Mosaik“ auswählen. Daraufhin wird das Dialogfeld des Filters „Mosaik“ angezeigt. Ziehen Sie den Schieberegler am unteren Rand, um die Option „Zellengröße“ zu ändern, mit der die Anzahl und Größe der Pixel, die aus dem Bild erstellt werden, erhöht oder verringert wird. Wenn Sie den Schieberegler nach rechts ziehen, werden weniger, aber größere Pixel erstellt, während Sie durch Ziehen nach links mehr, aber kleinere Pixel erhalten. Ich stelle meine Zellgröße auf etwa 18:

Klicken Sie auf OK, um das Dialogfeld zu verlassen. Hier ist mein Bild nach der Anwendung des Mosaik-Filters:

Nun, da wir das Bild verpixelt haben, gibt es ein paar verschiedene Dinge, die wir damit tun können, und wir werden sie als nächstes betrachten.

Schritt 3: Eine Ebenenmaske hinzufügen

Ich werde der verpixelten Ebene an dieser Stelle eine Ebenenmaske hinzufügen. Dazu klicke ich bei ausgewählter „Ebene 1“ auf das Symbol „Ebenenmaske“ am unteren Rand der Ebenenpalette:

Damit wird der „Ebene 1“ eine Ebenenmaske hinzugefügt, und wenn wir in der Ebenenpalette nachsehen, können wir sehen, dass auch eine Ebenenmasken-Miniaturansicht rechts neben der Miniaturansicht des Ebeneninhalts hinzugefügt wird:

Dass die Ebenenmaske und nicht der Inhalt der Ebene ausgewählt ist, erkennt man auch daran, dass um die Miniaturansicht der Ebenenmaske ein weißer Rand erscheint.

Schritt 4: Wählen Sie das Verlaufswerkzeug

Wir werden unsere Ebenenmaske verwenden, um das Originalbild auf der Hintergrundebene und das verpixelte Bild auf „Ebene 1“ miteinander zu verschmelzen, und dafür brauchen wir das Verlaufswerkzeug, also wählen Sie es entweder aus der Palette „Werkzeuge“ aus oder drücken Sie G auf Ihrer Tastatur:

Schritt 5: Setzen Sie bei Bedarf Ihre Vorder- und Hintergrundfarben zurück

Wir wollen Schwarz als unsere Vordergrundfarbe und Weiß als unsere Hintergrundfarbe. Normalerweise sind dies die Standardfarben von Photoshop für Vorder- und Hintergrund, außer wenn eine Ebenenmaske ausgewählt ist, was derzeit der Fall ist. Wenn eine Ebenenmaske ausgewählt ist, werden die Standardfarben vertauscht: Weiß wird zur Standardvordergrundfarbe und Schwarz wird zur Standardhintergrundfarbe. Um unsere Vorder- und Hintergrundfarben schnell auf Schwarz bzw. Weiß zu setzen (und dabei nicht zu vergessen, dass wir eine Ebenenmaske ausgewählt haben), drücken Sie D auf Ihrer Tastatur, um sie auf die Standardwerte zurückzusetzen, und drücken Sie dann X, um sie zu vertauschen. In der Palette „Werkzeuge“ sehen Sie, dass das Farbfeld „Vordergrund“ jetzt Schwarz und das Farbfeld „Hintergrund“ jetzt Weiß anzeigt:

Schritt 6: Wählen Sie den Farbverlauf „Vordergrund zu Hintergrund“ aus

Wenn Sie das Farbverlaufswerkzeug ausgewählt haben und unsere Vordergrund- und Hintergrundfarben auf Schwarz und Weiß eingestellt sind, sehen Sie in der Optionsleiste oben auf dem Bildschirm nach, welchen Farbverlauf Sie gerade ausgewählt haben. Wenn der Vorschaubereich für den Farbverlauf einen Schwarz-Weiß-Farbverlauf anzeigt, sind Sie bereit:

Wenn er einen anderen Farbverlauf anzeigt, klicken Sie auf den kleinen, nach unten zeigenden Pfeil rechts neben dem Vorschaubereich für den Farbverlauf. Darunter wird der Farbverlaufspicker angezeigt. Wählen Sie den Farbverlauf „Vordergrund zu Hintergrund“ in der oberen linken Ecke aus und klicken Sie dann auf eine beliebige Stelle außerhalb der Farbverlaufsauswahl, um sie zu schließen:

Schritt 7: Ziehen Sie einen Schwarz-Weiß-Farbverlauf auf die Ebenenmaske

Nun, da wir unseren Schwarz-Weiß-Farbverlauf haben, können wir ihn verwenden, um die Hintergrundebene und die verpixelte Ebene miteinander zu vermischen und unsere erste Variation des Effekts zu erstellen. Ich möchte, dass der Übergangsbereich meiner Überblendung über dem Gesicht des Mannes erscheint, so dass die Hälfte seines Gesichts (und auch die Hälfte des Bildes) verpixelt ist und die andere Hälfte nicht. Um das zu erreichen, klicke ich unter sein rechtes Auge und ziehe dann bei gedrückter Umschalttaste, um sicherzustellen, dass ich in einer horizontalen Linie ziehe, meine Maus bis zum linken Rand seines Gesichts:

Der Bereich zwischen dem Anfangs- und dem Endpunkt meines Farbverlaufs wird der Übergangsbereich zwischen dem verpixelten Bild auf „Ebene 1“ und dem Originalbild auf der Hintergrundebene sein. Wenn ich die Maustaste loslasse, erhalte ich meinen Übergangseffekt:

Schritt 8: Füllen Sie die Ebenenmaske mit Weiß

Lassen Sie uns eine andere Variante unseres „digitalen Pixel“-Effekts betrachten. Zunächst müssen wir den Farbverlauf entfernen, den wir soeben der Ebenenmaske hinzugefügt haben. Wir könnten einfach Strg+Z (Win) / Befehl+Z (Mac) drücken, um das rückgängig zu machen, aber stattdessen füllen wir die Ebenenmaske wieder mit Weiß auf. Dazu wählen Sie die Miniaturansicht der Ebenenmaske in der Ebenenpalette aus und geben als Hintergrundfarbe Weiß ein. Mit dem Tastaturkürzel Strg+Rücktaste (Windows) bzw. Befehl+Entf (Mac) füllen Sie die Ebenenmaske mit der Hintergrundfarbe (Weiß). Die Miniaturansicht der Ebenenmaske erscheint wieder durchgehend weiß, und das Bild erscheint nun wieder vollständig verpixelt:

Schritt 9: Wählen Sie das Pinselwerkzeug

Wählen Sie das Pinselwerkzeug aus der Werkzeugpalette aus oder drücken Sie B für das Tastaturkürzel:

Schritt 10: Mit Schwarz malen, um Teile des Bildes freizulegen

Mit einem Pinsel mit weichen Kanten und Schwarz als Vordergrundfarbe werde ich den Hauptteil des Gesichts freilegen, indem ich einfach mit dem Pinselwerkzeug darüber male. Da ich auf der Ebenenmaske und nicht auf dem Bild selbst male, wird überall dort, wo ich mit Schwarz male, die verpixelte Ebene ausgeblendet und die darunter liegende Hintergrundebene sichtbar gemacht. Ich kann die Größe meines Pinsels mit der linken und rechten Klammertaste auf meiner Tastatur ändern und meinen Pinsel auf eine weiche Kante einstellen, indem ich die Umschalttaste gedrückt halte und die linke Klammertaste ein paar Mal drücke:

Hier ist mein Bild, nachdem ich die Hauptbereiche seines Gesichts durch Übermalen mit Schwarz freigelegt habe, so dass der Eindruck entsteht, dass er irgendwie durch die Pixel hindurchschaut:

Schritt 11: Verringern Sie die Deckkraft der verpixelten Ebene

Ich werde das Originalbild teilweise durch das verpixelte Bild durchscheinen lassen, und das kann ich ganz einfach tun, indem ich die Option Deckkraft in der oberen rechten Ecke der Ebenenpalette aufrufe und den Deckkraftwert verringere. Ich werde ihn auf etwa 75 % senken:

Hier ist mein Bild nach dem Senken der Deckkraft der verpixelten Ebene, wodurch unsere zweite Variation des Effekts entsteht:

Schritt 12: Experimentieren Sie mit verschiedenen Mischmodi für die verpixelte Ebene, um unterschiedliche Ergebnisse zu erzielen

Um noch mehr Variationen des Effekts zu erzielen, experimentieren Sie mit verschiedenen Mischmodi für die verpixelte Ebene, indem Sie zu den Mischmodusoptionen in der oberen linken Ecke der Ebenenpalette gehen und verschiedene aus der Liste auswählen. Zunächst stelle ich die Deckkraft meiner Pixelebene wieder auf 100 %. Dann ändere ich den Mischmodus der Ebene von „Normal“ auf „Abdunkeln“:

Hier ist der Effekt, den ich mit der auf „Abdunkeln“ gesetzten Pixelebene erhalte:

Lassen Sie uns den Mischmodus „Aufhellen“ ausprobieren, indem Sie ihn in der oberen linken Ecke der Ebenenpalette ändern:

Hier ist der Effekt, den ich mit dem Mischmodus „Aufhellen“ erhalte:

Um Ihnen zu zeigen, wie unterschiedlich ein Effekt aussehen kann, wenn Sie einfach nur den Mischmodus der Ebene ändern, probieren wir noch einen aus. Ich ändere meinen Mischmodus diesmal in „Hart mischen“:

Ich denke, Sie werden mir zustimmen, dass der Effekt jetzt völlig anders aussieht, obwohl wir nur den Mischmodus geändert haben:

Und da haben wir es! Das ist unser Blick auf die Erstellung eines einfachen „digitalen Pixel“-Effekts und ein Beispiel dafür, wie wir verschiedene Variationen desselben Effekts und sogar völlig neue Effekte erstellen können, indem wir mit Ebenenmasken und Mischmodi in Photoshop experimentieren.

In unserer Rubrik Fotoeffekte finden Sie weitere Photoshop-Effekt-Tutorials!