In diesem Photoshop-Tutorial erfahren Sie, wie Sie ein Foto mit einem der Filter von Photoshop, einer Ebenenmaske und einem einfachen Wiederholungsmuster, das Sie von Grund auf neu erstellen, in ein Muster aus farbigen Punkten umwandeln. Ich werde hier Photoshop CS5 verwenden, aber jede neuere Version wird funktionieren. Benutzer von Photoshop CS6 und CC (Creative Cloud) sollten jedoch das vollständig aktualisierte Tutorial „Aus einem Foto ein Muster aus farbigen Punkten machen“ lesen.
Hier ist das Bild, mit dem ich anfangen werde:
Das Originalfoto.
Und so wird es aussehen, wenn wir fertig sind:
Das Endergebnis.
So erstellen Sie ein farbiges Punktmuster aus einem Foto
Schritt 1: Duplizieren Sie die Hintergrundebene
Wenn Sie das in Photoshop neu geöffnete Foto im Ebenenbedienfeld betrachten, sehen Sie, dass derzeit eine Ebene vorhanden ist - die Hintergrundebene - auf der sich unser Bild befindet:
Das Originalbild befindet sich auf der Hintergrundebene im Ebenenbedienfeld.
Klicken Sie auf die Hintergrundebene und ziehen Sie die Ebene mit gedrückter Maustaste nach unten auf das Symbol Neue Ebene am unteren Rand des Ebenenbedienfelds (das Symbol befindet sich direkt links neben dem Papierkorb):
Klicken Sie auf die Hintergrundebene und ziehen Sie sie auf das Symbol Neue Ebene.
Lassen Sie die Maustaste los, wenn sich der Handcursor über dem Symbol Neue Ebene befindet. Dadurch wird eine Kopie der Hintergrundebene erstellt, die Photoshop über dem Original platziert:
Eine Kopie der Hintergrundebene wird über dem Original angezeigt.
Schritt 2: Fügen Sie eine neue leere Ebene zwischen den beiden vorhandenen Ebenen hinzu
Halten Sie die Strg- Taste (Windows) bzw. die Befehlstaste (Mac) gedrückt und klicken Sie unten im Ebenenbedienfeld auf das Symbol „ Neue Ebene“ (dasselbe Symbol, das wir im vorherigen Schritt verwendet haben):
Halten Sie Strg (Win) / Befehl (Mac) gedrückt und klicken Sie auf das Symbol Neue Ebene.
Dadurch wird dem Dokument eine neue leere Ebene hinzugefügt. Normalerweise platziert Photoshop neue Ebenen über der aktuell ausgewählten Ebene (in unserem Fall der Ebene für Hintergrundkopien). Wenn Sie jedoch die Strg- (Win) / Befehlstaste (Mac) gedrückt halten, während Sie auf das Symbol "Neue Ebene" klicken, teilen Sie Photoshop dies mit platziere stattdessen die neue Ebene darunter . Im Ebenenbedienfeld sehen Sie, dass jetzt eine neue leere Ebene mit dem Namen "Ebene 1" zwischen den Ebenen "Hintergrund" und "Hintergrundkopie" angezeigt wird:
Die neue Ebene wird zwischen den beiden vorherigen Ebenen angezeigt.
Schritt 3: Fülle die neue Ebene mit Schwarz
Füllen wir die neue Ebene mit Schwarz, das die Hintergrundfarbe für den Effekt wird. Gehen Sie zum Menü Bearbeiten in der Menüleiste am oberen Bildschirmrand und wählen Sie Ausfüllen :
Gehen Sie zu Bearbeiten> Ausfüllen.
Dadurch wird das Dialogfeld „Füllen“ von Photoshop geöffnet. Ändern Sie die Option " Verwenden" oben im Dialogfeld in " Schwarz" :
Ändern Sie die Option Verwenden in Schwarz.
Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld zu schließen. Im Dokumentfenster ist anscheinend nichts passiert, da das Bild auf der Ebene Hintergrundkopie derzeit die Ansicht von Ebene 1 blockiert. In der Vorschauminiatur der Ebene 1 im Ebenenbedienfeld sehen Sie jedoch, dass die Ebene mit durchgehendem Schwarz gefüllt ist:
Das Vorschaubild von Ebene 1 zeigt, dass die Ebene jetzt schwarz gefüllt ist.
Schritt 4: Wählen Sie die Hintergrundkopieebene aus
Klicken Sie im Ebenenbedienfeld auf die Ebene Hintergrundkopie, um sie auszuwählen und zur aktiven Ebene zu machen:
Wählen Sie die Ebene Hintergrundkopie.
Schritt 5: Wenden Sie den Mosaikfilter an
Gehen Sie zum Menü Filter oben auf dem Bildschirm, wählen Sie Pixelate und dann Mosaic :
Gehen Sie zu Filter> Pixelate> Mosaic.
Der Mosaikfilter pixeliert ein Bild, indem er es in eine Reihe von einfarbigen Quadraten umwandelt. Wir können die Größe der Quadrate mithilfe der Option Zellengröße unten im Dialogfeld des Filters festlegen. Größere Werte erzeugen größere Quadrate. Kleinere Werte, kleinere Quadrate. Diese Quadrate werden irgendwann zu unseren farbigen Punkten. Daher sollten Sie den Wert für die Zellengröße auf der Grundlage der Anzahl und Größe der farbigen Punkte festlegen, die Sie für den endgültigen Effekt benötigen. Dies kann ein wenig Versuch und Irrtum erfordern, um die Dinge richtig zu machen. Ich werde meinen Wert für die Zellengröße auf 20 setzen . Stellen Sie sicher, dass Sie sich den genauen Wert merken, den Sie verwendet haben, da wir ihn gleich wieder benötigen:
Merken Sie sich den Wert, den Sie für die Option "Zellengröße" eingegeben haben.
Klicken Sie auf OK, um das Dialogfeld zu schließen. Ihr Bild sollte jetzt pixelig aussehen:
Das Bild nach dem Anwenden des Mosaikfilters.
Schritt 6: Erstellen Sie ein neues Dokument
Lassen Sie uns unser Bild für einen Moment beiseite legen und unser sich wiederholendes Punktmuster erstellen. Dafür benötigen wir ein neues Photoshop-Dokument. Gehen Sie also zum Menü Datei oben auf dem Bildschirm und wählen Sie Neu :
Gehen Sie zu Datei> Neu.
Dies öffnet das Dialogfeld Neues Dokument. Stellen Sie sowohl die Breite als auch die Höhe des Dokuments auf den gleichen Wert ein, den Sie im Dialogfeld des Mosaikfilters für die Option "Zellengröße" eingegeben haben. In meinem Fall setze ich meine Zellengröße auf 20, also setze ich meine Optionen für Breite und Höhe auf jeweils 20 Pixel. Dadurch wird ein neues Dokument erstellt, das genau so groß ist wie die Quadrate in unserem Bild. Sorgen Sie sich nicht um die Auflösung, sondern stellen Sie sicher, dass Hintergrundinhalt auf Weiß eingestellt ist :
Stellen Sie Ihre Breite und Höhe auf den gleichen Wert ein, den Sie für die Zellengröße eingegeben haben. Stellen Sie sicher, dass der Messtyp auf Pixel eingestellt ist.
Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld zu schließen. Ihr neues Dokument wird auf Ihrem Bildschirm angezeigt. Da Ihr Dokument höchstwahrscheinlich sehr klein ist, halten Sie Strg + Leertaste (Win) / Befehlstaste + Leertaste (Mac) gedrückt, um vorübergehend zum Zoom-Werkzeug von Photoshop zu wechseln (der Mauszeiger verwandelt sich in eine Lupe mit einem Pluszeichen im Klicken Sie dann einige Male in das Dokument, um es zu vergrößern. Hier habe ich auf 1600% vergrößert:
Vergrößern Sie Ihr neues Dokument, um die nächsten Schritte zu vereinfachen.
Schritt 7: Wählen Sie das Auswahlrechteck
Wählen Sie im Bedienfeld „ Werkzeuge“ das Auswahlrechteck aus. Standardmäßig versteckt es sich hinter dem Auswahlrechteck. Klicken Sie also auf das Auswahlrechteck und halten Sie die Maustaste ein oder zwei Sekunden lang gedrückt, bis ein Ausklappmenü angezeigt wird. Wählen Sie dann das Auswahlrechteck aus der Liste aus:
Klicken Sie auf das Auswahlrechteck und halten Sie die Maustaste gedrückt. Wählen Sie dann das Auswahlrechteck aus dem Ausklappmenü aus.
Schritt 8: Zeichnen Sie eine kreisförmige Auswahl
Halten Sie mit dem Laufschrift-Werkzeug in der Hand die Umschalttaste gedrückt, klicken Sie in die linke obere Ecke des Dokuments und ziehen Sie mit gedrückter Maustaste diagonal in die rechte untere Ecke des Dokuments, um einen kreisförmigen Auswahlumriss zu zeichnen . Wenn Sie beim Ziehen die Umschalttaste gedrückt halten, wird der Auswahlrahmen zu einem perfekten Kreis. Wenn Sie die Auswahlkontur beim Zeichnen neu positionieren müssen, halten Sie die Leertaste gedrückt, ziehen Sie die Kontur mit der Maus an die gewünschte Position, lassen Sie die Leertaste los und fahren Sie fort. Wenn Sie fertig sind, sollten die Ränder der Auswahlkontur die Ränder des Dokuments berühren, damit sie die gleiche Breite und Höhe wie das Dokument selbst haben:
Ziehen Sie eine kreisförmige Auswahl in das Dokument.
Schritt 9: Füllen Sie die Auswahl mit Schwarz
Kehren Sie zum Menü Bearbeiten oben auf dem Bildschirm zurück und wählen Sie erneut Füllen, wie bereits in Schritt 3 beschrieben. Die Option Verwenden sollte bereits auf Schwarz gesetzt sein, da dies das letzte Mal geändert wurde. Klicken Sie also einfach auf Klicken Sie auf OK, um das Dialogfeld Füllen zu schließen. Photoshop füllt die Auswahlkontur im Dokument mit Schwarz. Drücken Sie Strg + D (Win) / Befehl + D (Mac) auf Ihrer Tastatur, um die Auswahl schnell aufzuheben und die Auswahlkontur zu entfernen.
Wenn Sie Photoshop CS4 oder CS5 verwenden und Ihr Dokument wie bisher stark vergrößert haben, wird durch den schwarzen Kreis eine Rasterumrandung (das sogenannte Pixelraster ) angezeigt. Das Pixelraster ist eine neue Funktion ab CS4 und stellt lediglich eine visuelle Hilfe dar, wenn Sie in Ihr Dokument hineingezoomt haben. Es ist nicht Teil des Bildes selbst und verschwindet, wenn das Bild in seiner tatsächlichen Größe angezeigt wird. Ignorieren Sie es einfach. Das Raster wird nicht angezeigt, wenn Sie Photoshop CS3 oder eine frühere Version verwenden:
Das Dokument (immer noch auf 1600% vergrößert), nachdem die Auswahlkontur mit Schwarz gefüllt wurde.
Schritt 10: Invertieren Sie die Farben im Dokument
Gehen Sie zum Menü " Bild" oben auf dem Bildschirm, wählen Sie " Anpassungen" und dann " Umkehren" :
Gehen Sie zu Bild> Anpassungen> Umkehren.
Dies kehrt die Farben im Dokument um und macht die schwarzen Bereiche weiß und die weißen Bereiche schwarz:
Der Kreis selbst ist jetzt weiß, während die Eckbereiche schwarz werden.
Schritt 11: Definieren Sie den Kreis als Muster
Gehen Sie zum Menü Bearbeiten am oberen Bildschirmrand und wählen Sie Muster definieren :
Gehen Sie zu Bearbeiten> Muster definieren.
In Photoshop wird ein Dialogfeld geöffnet, in dem Sie aufgefordert werden, das neue Muster zu benennen. Geben Sie dem Muster einen aussagekräftigen Namen. Ich werde meinen "Kreis 20x20" nennen, da die Größe meines Dokuments 20 x 20 Pixel beträgt. Möglicherweise erstellen Sie mehr Kreismuster in unterschiedlichen Größen. Daher empfiehlt es sich, die Größe des Dokuments in den Namen aufzunehmen:
Geben Sie dem Muster einen Namen.
Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld zu schließen. Anscheinend ist nichts passiert, aber Photoshop hat das Dokument jetzt als Muster gespeichert. Sie können Ihr Kreisdokument an dieser Stelle schließen, da wir es nicht mehr benötigen. Sie müssen es nicht speichern. Wählen Sie daher „Nicht speichern“, wenn Photoshop Sie fragt, ob Sie das Dokument speichern möchten, bevor Sie es schließen.
Schritt 12: Fügen Sie der Hintergrundkopieebene eine Ebenenmaske hinzu
Wechseln Sie wieder zu Ihrem Hauptdokument und vergewissern Sie sich, dass im Ebenenbedienfeld die Ebene Hintergrundkopie ausgewählt ist. Klicken Sie unten im Ebenenbedienfeld auf das Symbol Ebenenmaske hinzufügen:
Klicken Sie bei ausgewählter Ebene Hintergrundkopie auf das Symbol Ebenenmaske hinzufügen.
Auch hier scheint im Dokument nichts passiert zu sein, aber im Ebenenbedienfeld wird auf der Hintergrundkopieebene eine weiß gefüllte Ebenenmaskenminiatur angezeigt, die uns mitteilt, dass wir die Ebenenmaske hinzugefügt haben. Beachten Sie, dass die Miniaturansicht einen dünnen Markierungsrahmen hat. Dies sagt uns, dass die Ebenenmaske selbst ausgewählt ist:
Auf der Ebene Hintergrundkopie wird eine Ebenenmasken-Miniaturansicht angezeigt.
Schritt 13: Füllen Sie die Ebenenmaske mit dem Kreismuster
Gehen Sie erneut zum Menü Bearbeiten am oberen Bildschirmrand und wählen Sie Ausfüllen . Ändern Sie diesmal die Option " Verwenden " von "Schwarz" in " Muster" :
Ändern Sie die Option Verwenden in Muster.
Klicken Sie auf die Vorschau des benutzerdefinierten Musters, um das gewünschte Muster auszuwählen:
Klicken Sie auf die Miniaturansicht des benutzerdefinierten Musters.
Dies öffnet die Musterauswahl . Wählen Sie das soeben erstellte Kreismuster aus, indem Sie auf die Miniaturansicht klicken. Es sollte das letzte Vorschaubild in der Liste sein. Wenn in den Voreinstellungen von Photoshop QuickInfos aktiviert sind, wird der Name des Musters angezeigt, wenn Sie den Mauszeiger über die Miniaturansicht bewegen:
Klicken Sie auf das Miniaturbild des Kreismuster, um es auszuwählen.
Klicken Sie auf OK, wenn Sie Ihr Muster ausgewählt haben, um das Dialogfeld Füllen zu schließen. Photoshop füllt die Ebenenmaske mit dem Kreismuster und unser Bild besteht nun aus einem Muster aus farbigen Punkten:
Das Bild nach dem Füllen der Ebenenmaske mit dem sich wiederholenden Kreismuster.
Ich zoome näher an das Bild heran, damit wir den Effekt leichter sehen können. Dank des zuvor angewendeten Mosaikfilters besteht jeder Punkt im Bild aus einer einzelnen Farbe. Der schwarze Bereich, der die Kreise umgibt, stammt aus Ebene 1 unter dem Bild (das wir in Schritt 3 wieder mit Schwarz gefüllt haben):
Ein genauerer Blick auf den Effekt.
Schritt 14: Hinzufügen einer Farbton- / Sättigungsanpassungsebene (optional)
Als optionaler letzter Schritt können wir den Effekt ein wenig verbessern, indem wir die Farbsättigung im Bild erhöhen. Klicken Sie unten im Ebenenbedienfeld auf das Symbol „ Neue Einstellungsebene“ :
Klicken Sie auf das Symbol Neue Einstellungsebene.
Wählen Sie eine Einstellungsebene für Farbton / Sättigung aus der angezeigten Liste aus:
Wählen Sie Farbton / Sättigung aus der Liste der Einstellungsebenen.
Wenn Sie Photoshop CS3 oder eine frühere Version verwenden, wird ein Dialogfeld mit Farbton / Sättigung auf dem Bildschirm angezeigt. Für Benutzer von Photoshop CS4 und CS5 werden die Steuerelemente für die Einstellungsebene „Farbton / Sättigung“ im Bedienfeld „Anpassungen“ angezeigt. Erhöhen Sie in beiden Fällen die Farbsättigung im Bild, indem Sie auf den Sättigungsregler klicken und ihn nach rechts ziehen. Je weiter Sie nach rechts ziehen, desto satter werden die Farben. Ich werde meine Sättigung auf +20 erhöhen:
Ziehen Sie den Sättigungsregler nach rechts, um die Farbsättigung im Bild zu erhöhen.
Klicken Sie in Photoshop CS3 und früheren Versionen auf OK, um das Dialogfeld „Farbton / Sättigung“ zu schließen. Benutzer von Photoshop CS4 und CS5 können das Bedienfeld „Anpassungen“ geöffnet lassen. Und damit sind wir fertig! Hier ist, nachdem ich die Farbsättigung erhöht habe, mein letztes "Foto zu farbigen Punkten" -Ergebnis:
Das Endergebnis.