In diesem Tutorial zu Photoshop-Effekten erfahren Sie, wie Sie einen "digitalen Pixel" -Effekt erstellen, der häufig in Anzeigen verwendet wird, die alles verkaufen, was mit Digital zu tun hat. Wir werden zuerst unser gesamtes Bild mit einem sehr einfachen Filter pixelig machen und dann mit einer Ebenenmaske, der Opazitätseinstellung und einigen Ebenenüberblendungsmodi experimentieren, um verschiedene Variationen unseres Effekts zu erzeugen. Am Ende des Tutorials werden wir sogar sehen, wie durch einfaches Ändern des Mischmodus einer Ebene ein völlig neuer Effekt erzielt werden kann!
Hier ist das Originalbild, mit dem ich anfangen werde:
Das Originalbild.
Wie gesagt, wir werden uns einige verschiedene Variationen des Effekts ansehen. Hier ist der erste, auf den wir hinarbeiten werden:
Einer der Effekte, die wir in diesem Tutorial erstellen werden.
Hier ist der zweite:
Eine Variation des gleichen Effekts.
Und nur als Beispiel dafür, wie einfach wir einen völlig anderen Effekt erzeugen können, indem wir den Mischmodus einer Ebene ändern, wollen wir mit diesem abschließen:
Die endgültige Variation des Effekts.
Dieses Tutorial stammt aus unserer Photo Effects-Serie. Lass uns anfangen!
Schritt 1: Duplizieren Sie die Hintergrundebene
Als erstes muss ich für diesen Effekt meine Hintergrundebene duplizieren. Wenn mein Bild in Photoshop geöffnet ist, kann ich in meiner Ebenen-Palette sehen, dass ich derzeit nur eine Ebene habe, die Hintergrundebene, die mein Bild enthält:
Die Ebenen-Palette von Photoshop mit der Hintergrundebene.
Ich dupliziere diese Ebene mit der Tastenkombination Strg + J (Win) / Befehl + J (Mac) und sehe jetzt in meiner Ebenen-Palette, dass ich zwei Ebenen habe, wobei die Kopie der Hintergrundebene über der Original. Photoshop hat es "Layer 1" genannt:
Drücken Sie "Strg + J" (Win) / "Befehl + J" (Mac), um die Hintergrundebene zu duplizieren.
Schritt 2: Pixele die doppelte Ebene
Als nächstes müssen wir die neue Ebene pixelig gestalten. Gehen Sie dazu zum Menü Filter oben auf dem Bildschirm, wählen Sie Pixelate und dann Mosaic . Daraufhin wird das Dialogfeld des Filters "Mosaik" geöffnet. Ziehen Sie den Schieberegler unten, um die Option "Zellengröße" zu ändern, mit der die Anzahl und Größe der aus dem Bild erstellten Pixel erhöht oder verringert wird. Wenn Sie nach rechts ziehen, werden weniger, aber größere Pixel erstellt. Wenn Sie nach links ziehen, erhalten Sie mehr, aber kleinere Pixel. Ich werde meine Zellengröße auf ungefähr 18 einstellen:
Der Filter "Mosaik" in Photoshop. Ziehen Sie den Schieberegler unten, um die Anzahl und Größe der Pixel zu erhöhen oder zu verringern.
Klicken Sie auf OK, um das Dialogfeld zu schließen. Hier ist mein Bild nach dem Anwenden des Mosaikfilters:
Das Bild nach der Pixelung mit dem Mosaikfilter.
Nachdem wir das Bild verpixelt haben, können wir ein paar verschiedene Dinge damit tun, und wir werden sie uns als nächstes ansehen.
Schritt 3: Fügen Sie eine Ebenenmaske hinzu
An dieser Stelle werde ich der pixelierten Ebene eine Ebenenmaske hinzufügen. Dazu klicke ich bei Auswahl von "Ebene 1" auf das Ebenenmasken- Symbol unten in der Ebenen-Palette:
Klicken Sie auf das Symbol "Ebenenmaske".
Dadurch wird "Ebene 1" eine Ebenenmaske hinzugefügt. Wenn Sie in der Ebenen-Palette nachsehen, sehen Sie, dass rechts neben der Ebeneninhaltsminiatur auch eine Ebenenmaskenminiatur eingefügt wird:
Eine Ebenenmaske und eine Ebenenmaskenminiatur wurden zu "Ebene 1" hinzugefügt.
Wir können auch feststellen, dass die Ebenenmaske und nicht der Inhalt der Ebene derzeit durch den weißen Markierungsrahmen ausgewählt ist, der um die Miniaturansicht der Ebenenmaske angezeigt wird.
Schritt 4: Wählen Sie das Verlaufswerkzeug aus
Wir werden unsere Ebenenmaske verwenden, um das Originalbild auf der Hintergrundebene und das pixelige Bild auf "Ebene 1" zu mischen. Dazu benötigen wir das Verlaufswerkzeug. Wählen Sie es also entweder in der Werkzeugpalette aus oder drücken Sie G auf Ihre Tastatur:
Wählen Sie das Verlaufswerkzeug.
Schritt 5: Setzen Sie bei Bedarf die Vorder- und Hintergrundfarben zurück
Wir wollen Schwarz als Vordergrundfarbe und Weiß als Hintergrundfarbe. Normalerweise sind dies die Standardfarben für Vordergrund und Hintergrund in Photoshop, es sei denn, wir haben eine Ebenenmaske ausgewählt. Immer wenn wir eine Ebenenmaske ausgewählt haben, werden die Standardfarben vertauscht, wobei Weiß die Standardfarbe für den Vordergrund und Schwarz die Standardfarbe für den Hintergrund ist. Um unsere Vordergrund- und Hintergrundfarben schnell auf Schwarz und Weiß einzustellen (wobei zu beachten ist, dass wir eine Ebenenmaske ausgewählt haben), drücken Sie D auf Ihrer Tastatur, um sie auf ihre Standardeinstellungen zurückzusetzen, und drücken Sie dann X, um sie auszutauschen. In der Tools-Palette sehen Sie, dass das Farbfeld für die Vordergrundfarbe jetzt Schwarz und das Farbfeld für die Hintergrundfarbe jetzt Weiß anzeigt:
Drücken Sie "D" und dann "X" auf Ihrer Tastatur, um Schwarz als Vordergrundfarbe und Weiß als Hintergrundfarbe festzulegen.
Schritt 6: Wählen Sie den Farbverlauf "Vordergrund zu Hintergrund"
Wenn Sie das Verlaufswerkzeug ausgewählt und die Farben für Vordergrund und Hintergrund auf Schwarzweiß eingestellt haben, sehen Sie in der Optionsleiste oben auf dem Bildschirm nach, welchen Verlauf Sie gerade ausgewählt haben. Wenn der Verlaufsvorschaubereich einen Schwarz-Weiß-Verlauf anzeigt, sind Sie fertig:
Der Verlaufsvorschaubereich zeigt einen Schwarz-Weiß-Verlauf an.
Wenn ein anderer Farbverlauf angezeigt wird, klicken Sie auf den kleinen nach unten zeigenden Pfeil rechts neben dem Farbverlaufsvorschaubereich. Die Verlaufsauswahl wird darunter angezeigt. Wählen Sie den Verlauf "Von Vordergrund zu Hintergrund" in der oberen linken Ecke aus und klicken Sie dann auf eine beliebige Stelle außerhalb der Verlaufsauswahl, um sie zu schließen:
Klicken Sie auf den nach unten zeigenden Pfeil rechts neben dem Verlaufsvorschaubereich und wählen Sie den Verlauf in der oberen linken Ecke der Verlaufsauswahl aus.
Schritt 7: Ziehen Sie einen Schwarz-Weiß-Verlauf auf die Ebenenmaske
Jetzt, da wir den Schwarz-Weiß-Verlauf haben, können wir ihn verwenden, um die Hintergrundebene und die pixelige Ebene miteinander zu verschmelzen und so unsere erste Variation des Effekts zu erstellen. Ich möchte, dass der Übergangsbereich meiner Mischung auf dem Gesicht des Typen angezeigt wird, sodass die Hälfte seines Gesichts (und auch die Hälfte des Bildes) pixelig ist und die andere Hälfte nicht. Um dies zu erreichen, klicke ich unter sein rechtes Auge und halte dann die Umschalttaste gedrückt, um sicherzustellen, dass ich in einer horizontalen Linie ziehe. Dann ziehe ich meine Maus ganz nach links Gesicht:
Ziehen Sie einen Farbverlauf durch den Bereich, in dem die Überblendung zwischen den beiden Ebenen angezeigt werden soll.
Der Bereich zwischen Beginn und Ende des Verlaufs wird zum Übergangsbereich zwischen dem Pixelbild auf "Ebene 1" und dem Originalbild auf der Hintergrundebene. Wenn ich meine Maustaste loslasse, erhalte ich meinen Übergangseffekt:
Der erste Effekt.
Schritt 8: Füllen Sie die Ebenenmaske mit Weiß
Schauen wir uns eine weitere Variante unseres "Digital Pixel" -Effekts an. Zuerst müssen wir den Farbverlauf entfernen, den wir vor kurzem zur Ebenenmaske hinzugefügt haben. Wir könnten einfach Strg + Z (Win) / Befehl + Z (Mac) drücken, um es rückgängig zu machen, aber wir füllen die Ebenenmaske stattdessen wieder mit Weiß. Verwenden Sie dazu die Tastenkombination Strg + Rücktaste (Windows) / Befehlstaste + Entf (Mac), um die Ebenenmaske mit der Hintergrundfarbe (Weiß) zu füllen ). Das Miniaturbild der Ebenenmaske wird wieder durchgehend weiß und das Bild wird jetzt wieder vollständig pixelig angezeigt:
Drücken Sie "Alt + Rücktaste" (Windows) / "Wahltaste + Entf" (Mac), um die Ebenenmaske mit Weiß zu füllen und die gesamte pixelige Ebene erneut im Dokumentfenster anzuzeigen.
Schritt 9: Wählen Sie das Pinselwerkzeug
Wählen Sie das Pinselwerkzeug in der Werkzeugpalette aus oder drücken Sie B für die Tastenkombination:
Wählen Sie das Pinselwerkzeug
Schritt 10: Malen mit Schwarz, um Teile des Bildes freizulegen
Mit einem Pinsel mit weichen Kanten und Schwarz als Vordergrundfarbe decke ich den Hauptteil seines Gesichts auf, indem ich ihn einfach mit meinem Pinsel-Werkzeug übermale. Da ich auf der Ebenenmaske und nicht auf dem Bild selbst male, wird die pixelige Ebene an jeder Stelle, an der ich mit Schwarz male, ausgeblendet und die darunter liegende Hintergrundebene wird angezeigt. Ich kann die Größe meines Pinsels im Handumdrehen mithilfe der linken und rechten Klammertaste auf meiner Tastatur ändern, und ich kann meinen Pinsel auf eine weiche Kante einstellen, indem ich die Umschalttaste gedrückt halte und die linke Klammertaste ein paar Mal drücke :
Verwenden Sie einen Pinsel mit weichen Kanten, um Teile der pixeligen Ebene zu entfernen und das Originalbild darunter freizulegen.
Hier ist mein Bild, nachdem ich die Hauptbereiche seines Gesichts freigelegt habe, indem ich sie mit Schwarz übermalt habe, um den Eindruck zu erwecken, dass er irgendwie durch die Pixel schaut:
Die Hauptteile seines Gesichts erscheinen jetzt wie auf dem Originalfoto, während der Rest des Fotos pixelig bleibt.
Schritt 11: Verringern Sie die Deckkraft der pixeligen Ebene
Ich lasse das Originalbild teilweise durch das pixelige Bild erscheinen und gehe dazu einfach zur Option „Deckkraft“ in der oberen rechten Ecke der Ebenen-Palette und verringere den Deckkraftwert. Ich werde es auf ungefähr 75% senken:
Verringern Sie die Deckkraft der pixeligen Ebene, damit das Originalbild teilweise durchscheint.
Hier ist mein Bild nach dem Verringern der Deckkraft der pixeligen Ebene, wodurch unsere zweite Variation des Effekts entsteht:
Die zweite Variante des "Digital Pixel" -Effekts.
Schritt 12: Experimentieren Sie mit verschiedenen Mischmodi für die pixelige Ebene, um unterschiedliche Ergebnisse zu erzielen
Um noch mehr Variationen des Effekts zu erzielen, experimentieren Sie mit verschiedenen Mischmodi für die pixelige Ebene, indem Sie die Optionen für den Mischmodus in der oberen linken Ecke der Ebenen-Palette aufrufen und verschiedene aus der Liste auswählen. Zuerst setze ich die Deckkraft meiner pixeligen Ebene auf volle 100% zurück. Dann ändere ich den Mischmodus der Ebene von "Normal" auf "Abdunkeln":
Stellen Sie die Deckkraft der pixelierten Ebene wieder auf 100% und ändern Sie den Mischmodus der pixelierten Ebene auf "Abdunkeln".
Hier ist der Effekt, den ich erhalte, wenn die pixelige Ebene auf "Abdunkeln" eingestellt ist:
Das Bild nach dem Ändern des Mischmodus auf "Abdunkeln".
Probieren Sie den Aufhellen- Mischmodus erneut aus, indem Sie ihn in der oberen linken Ecke der Ebenen-Palette ändern:
Ändere den Mischmodus auf "Aufhellen".
Hier ist der Effekt, den ich mit dem Mischmodus "Aufhellen" erhalte:
Das Bild nach dem Ändern des Mischmodus auf "Aufhellen".
Um Ihnen zu zeigen, wie unterschiedlich ein Effekt aussehen kann, indem Sie einfach die Ebenenüberblendungsmodi ändern, versuchen wir es mit einem weiteren. Ich werde diesmal meinen Mischmodus auf Hard Mix ändern:
Ändern Sie den Mischmodus auf "Hart mischen".
Sie werden mir zustimmen, dass der Effekt jetzt völlig anders aussieht, obwohl wir nur den Mischmodus geändert haben:
Nachdem Sie den Mischmodus auf "Hard Mix" geändert haben, erhalten Sie einen völlig anderen Effekt.
Und da haben wir es! Das ist unser Blick auf das Erstellen eines einfachen "digitalen Pixel" -Effekts und ein Beispiel dafür, wie wir durch Experimentieren mit Ebenenmasken und Mischmodi in Photoshop verschiedene Variationen desselben Effekts und sogar völlig neue Effekte erstellen können.
Weitere Tutorials zu Photoshop-Effekten finden Sie in unserem Abschnitt zu Fotoeffekten.