So erstellen Sie Ihr eigenes benutzerdefiniertes Bokeh-Hintergrundbild in Photoshop
Wir haben Ihnen gezeigt, was Bokeh ist und wie Sie es mit einer physischen Kamera erstellen können. Lassen Sie uns nun einen Blick darauf werfen, wie wir die herrliche Weichheit von Bokeh als schöne bunte und leicht dapplierte Tapete für Ihren Computer und Ihre mobilen Geräte erstellen können.
Warum möchte ich das tun??
Das heutige Foto-Tutorial enthält zwei große Einstiegsmöglichkeiten. Zunächst haben Sie die Möglichkeit, ein Bokeh-Hintergrundbild zu erstellen (ein wirklich lustiger und farbenfroher Begleiter zu den analogen Bokeh-Fotos, die wir Ihnen zuvor gezeigt haben, wie Sie erstellen.).
Zweitens lernen Sie auch die Grundlagen der Photoshop Brush Engine kennen. Dies ist ein sehr leistungsfähiges Werkzeug im Photoshop-Arsenal (und ein wenig zu wenig genutztes)..
Endlich macht es einfach Spaß beim sauberen digitalen Editieren. Anstatt Google Bilder oder andere Quellen nach einem perfekten Bokeh-Hintergrund für Ihr Telefon oder Ihren Computer zu durchsuchen, können Sie es selbst mit den gewünschten Farben und der gewünschten Komposition erstellen.
Was brauche ich?
Für dieses Tutorial benötigen Sie nur eine Sache:
- Adobe Photoshop
Wir verwenden Adobe Photoshop CS6, aber die im Tutorial beschriebenen Techniken sollten mit älteren Editionen von Photoshop problemlos funktionieren.
Neben Photoshop sind keine zusätzlichen Werkzeuge oder Dateieingaben erforderlich. Wir erstellen das gesamte Bild in der Anwendung.
Welche Konzepte verwenden wir??
Für dieses Lernprogramm gibt es einige wichtige Designelemente, die wir berücksichtigen möchten. In einer realen Fotografie wird der Bokeh-Effekt durch Lichtpunkte außerhalb der Brennebene des Objektivs erzeugt, wobei das nicht fokussierte Licht der Spitzlichter die Form der Öffnung des Objektivs annimmt.
Um diesen Effekt zu erzeugen, können wir nicht einfach eine Reihe von Kreisen erstellen und uns mit dem Projekt als erledigt bezeichnen. Wir möchten die Illusion der Tiefe wiedergeben, die eine tatsächliche Fotografie hätte (da die Lichtpunkte an etwas unterschiedlichen Punkten von existieren würden) die Brennebene). Wir möchten auch die Variabilität der Lichtgröße wiederherstellen, die Sie in der realen Welt finden würden. Mit anderen Worten, wir möchten kein flaches Bild mit einheitlicher Kreisgröße.
Um dies zu erreichen, werden wir zwei Dinge tun: Um die Langeweile der Hand, die Hunderte von Kreisen mit variabler Größe zeichnet, zu reduzieren, erstellen wir einen benutzerdefinierten Pinsel nur für diese Aufgabe. Wir kombinieren dann mehrere Schichten dieser Kreise mit variabler Größe, um die Illusion der Tiefe zu erzeugen.
Einrichten und Erstellen Ihres Bokeh-Pinsels
Die erste Aufgabe besteht darin, unseren Arbeitsraum zu erstellen und dann unseren Faux-Bokeh-Pinsel zu erstellen. Erstellen Sie in Photoshop ein neues Bild, das der Größe des zu erstellenden Hintergrundbilds entspricht. Wir arbeiten mit der Standard-Bildschirmauflösung von 1920 × 1080 Pixeln. Stellen Sie Ihren Hintergrund auf transparent.
Nachdem Sie Ihre neue Leinwand erstellt haben, klicken Sie auf die Palette und wählen Sie eine Vordergrundfarbe aus, die extrem dunkelgrau ist, ohne schwarz zu sein. Wir haben RGB-Werte 30-30-30 verwendet: 
Wenn Sie ein sehr dunkles Grau ausgewählt haben, wählen Sie das Formwerkzeug (U) aus und wechseln Sie zu Ellipsen. Halten Sie die Umschalttaste gedrückt, um das Seitenverhältnis der zu zeichnenden Form zu sperren, und zeichnen Sie dann einen Kreis in die Mitte der Leinwand. Es muss nicht besonders groß sein; Auf unserer Leinwand von 1920 × 1080 zeichneten wir einen etwa 300 Pixel breiten Kreis. Der einzige kritische Teil ist, dass der Kreis groß genug ist, um Sie bequem anzeigen und bearbeiten zu können. Die tatsächliche Größe des Kreises wird zu einem späteren Zeitpunkt im Lernprogramm angepasst.
Zu diesem Zeitpunkt befindet sich in der Mitte der Leinwand ein fast schwarzer Kreis. Doppelklicken Sie im Ebenenbereich auf den Ebeneneintrag und nehmen Sie zwei Anpassungen vor. Stellen Sie zunächst die Fülldeckkraft auf 50% herab (stellen Sie sicher, dass Sie die Fülldeckkraft und nicht die allgemeine Deckkraftkategorie anpassen). Zweitens fügen Sie eine reine schwarze Stroke-Ebene mit einer Breite von 10 Pixel und einer Deckkraft von 100% hinzu.
Das Ergebnis sollte dem obigen Bild sehr ähnlich sein: Ein perfekter Kreis mit schwarzem Rand und ein rauchiges Zentrum, das wie ein Filter für Kameraobjektive aussieht.
Dieser nicht so aufregende Kreis wird als Keim für unseren Pinsel dienen. Dies ist, wo die wahre Magie im heutigen Tutorial passiert. Nachdem Sie den einfachen gefärbten Kreis oben erstellt haben, navigieren Sie zu Bearbeiten -> Pinselvorgabe definieren. Benennen Sie Ihre neue Pinselvorgabe. wir nannten unsere "Bokeh Brush 1".
Nachdem Sie Ihren neuen Pinsel benannt haben, werden Sie feststellen, dass auf der rechten Seite des Bildschirms das Bedienfeld „Pinsel / Pinselvorgaben“ geöffnet ist. Wählen Sie zuerst das Pinselwerkzeug aus, indem Sie die Taste B auf der Tastatur drücken oder es manuell aus der Werkzeugpalette auswählen. Klicken Sie dann auf die Registerkarte Brush Presets. Suchen und wählen Sie Ihren neuen Pinsel:
Klicken Sie nach der Auswahl auf die Registerkarte Pinsel, um die Eigenschaften des Pinsels anzuzeigen und zu ändern. Unten, unter allen Pinselvariablen, sehen Sie ein Beispiel dafür, wie ein Pinselstrich aus Ihrem Pinsel aussieht. Mit den Standardeinstellungen sieht es so aus:
Wissen Sie, wie das nicht aussieht? Sanftes, natürliches und gesprenkeltes Bokeh. Das ändern wir gerade. Im Eintrag Pinselspitzenform im Pinselbedienfeld. Ändern Sie am unteren Rand des Bildschirms den Abstand von 25% auf 100%. Beachten Sie die Änderung im Pinselvorschaufenster: 
Als Nächstes müssen wir eine zufällige Platzierung der Kreise erstellen, indem Sie die Streuungsvariable erhöhen. Klicken Sie auf den Eintrag Streuung und stellen Sie die Streuung auf 10.000%, die Anzahl auf 5 und die Anzahl auf 1% ein. (Nachdem wir unseren ersten Pinsel erstellt haben, können Sie mit Bokeh Brush 2 mit diesen Werten spielen und die Werte hier und in den folgenden Variablen ändern, um ordentliche Effekte zu erzielen.) Ihr Pinselmusterfenster sollte jetzt so aussehen:
Jetzt kommen wir irgendwo hin. Diese Probe sieht aus wie die zufälligen und überlappenden Lichtpunkte, die wir von einem Bokeh-reichen Foto erwarten würden.
Lassen Sie uns etwas über die Einheitlichkeit der Größenbestimmung tun, indem Sie zum Eintrag Shape Dynamics navigieren. Ändern Sie die Voreinstellungen auf Size Jitter 100%, Control: Pen Pressure, Minimum Diameter 50%, und belassen Sie den Rest bei 0%, und deaktivieren Sie das Kontrollkästchen wie folgt:
Besser noch, der Zusatz von Size Jitter hat wirklich einige schöne Variationen eingebracht. Die letzte Berührung unseres Pinsels besteht darin, die Deckkraft und den Fließjitter in der Kategorie "Übertragen" anzupassen. Klicken Sie auf Übertragen und stellen Sie den Opazitätsjitter auf 50% und den Flussjitter auf 50% ein. Ändern Sie die Einstellung für den Flussjitter in Stiftdruck. Lassen Sie alles andere aus oder bei 0% wie folgt:
Das ist eine schöne Vorschau. schau es dir einfach an - du kannst praktisch sehen, wie die Tapete in der kleinen Vorschau-Box erscheint.
Wenn der Pinsel definiert ist, wird es Zeit, das eigentliche Hintergrundbild zu erstellen.
Erstellen der Hintergrundgradienten- und Bokeh-Ebenen
Erstellen Sie eine neue Ebene in Ihrem Arbeitsbereich (und deaktivieren Sie gegebenenfalls die Ebene, die Sie zum Erstellen des auf Ellipse basierenden Pinsels verwendet haben). Beschriften Sie diese Ebene mit "Hintergrund". Sie können auf dieser neuen Ebene eine einfarbige Farbe oder einen Verlauf in den Hintergrund Ihres Hintergrundbilds setzen, aber im fertigen Produkt sind Farbverläufe umso schöner.
Wähle das Verlaufswerkzeug (G) und wähle einen der voreingestellten Verläufe oder erstelle einen eigenen. Die Presets hatten nicht den Hyperhelligen Regenbogeneffekt, nach dem wir gesucht haben. Daher haben wir einen neuen Gradienten erstellt, der die Ausgangswerte für die Gradientenorte 0%, 50% und 100% von 255-0-252, 0- verwendet. 252-255 bzw. 240-255-0:
In einem Winkel von ungefähr 35 Grad von der unteren linken Ecke zur oberen rechten Ecke der Leinwand angewendet, sieht der Verlauf wie folgt aus:
Wenn die Leinwand gemalt ist, ist es Zeit, mit der ersten Bokeh-Schicht zu beginnen. Erstellen Sie eine neue Ebene mit dem Namen "Bokeh Background". Wähle das Pinselwerkzeug aus (B). Ändern Sie die Pinselfarbe in Reinweiß. Wählen Sie eine Pinselgröße aus, die ungefähr ein Drittel bis die Hälfte der vertikalen Größe Ihrer Leinwand beträgt (im Fall unserer Leinwand mit 1920 x 1080 bedeutet dies einen Pinsel mit einer Größe von ungefähr 300 bis 500 Pixeln). Wir spielen heute groß, also 500 Pixel.
Der nächste Schritt (und seine nachfolgenden Wiederholungen) ist ausschließlich Geschmackssache. Ziehen Sie zuerst mit der Bürste Licht an und dann etwas schwerer, wenn Sie möchten. Denken Sie daran, dies ist nicht wie bei einem Standardpinsel, bei dem Sie auf Punkt X klicken und sofort ein Feedback zu diesem Punkt erhalten können. Wir haben einen Pinsel entwickelt, der effektiv einen sehr breiten und sehr variablen Hub erzeugt.
Beginnen Sie mit einem Pinselstrich von einer Seite der Leinwand zur anderen und tippen Sie dann hier oder dort auf, um weitere Kreise hinzuzufügen. Wir haben festgestellt, dass zwei feste Pässe von links nach rechts und dann von rechts nach links gute Arbeit leisten. So sollte Ihre Leinwand aussehen, geben oder ein paar Kreise nehmen:
Da dies die Hintergrundebene ist, müssen wir sie verwischen, um dieses Tiefengefühl aufzubauen. Navigieren Sie in der Bokeh-Hintergrundebene zu Filter -> Unschärfe -> Gaußsche Unschärfe. Ein Wert von 20-30 ergibt eine schöne angenehme Hintergrundunschärfe:
Nun müssen wir den Vorgang mit ein paar kleinen Änderungen wiederholen. Erstellen Sie eine neue Ebene mit dem Namen "Bokeh Midground". Verkleinern Sie den Pinsel auf einen kleineren Wert (wir haben ihn von 500 Pixel auf 300 Pixel reduziert). Fahren Sie erneut mit dem Pinselwerkzeug über die Leinwand, bis Sie mit der Anzahl der Kreise zufrieden sind. Wenden Sie die Gaußsche Unschärfe erneut an, aber stellen Sie die Unschärfe dieses Mal auf 5-10 Pixel ein: 
Wir können sehen, dass die Tapete durch Hinzufügen der zweiten Schicht wirklich in Form kommt. Jetzt ist es Zeit für eine weitere Schicht. Erstellen Sie eine neue Ebene namens "Bokeh Foreground". Ändern Sie die Pinselgröße auf einen noch kleineren Wert (wir haben ihn von 300 auf 150 Pixel reduziert). Wiederholen Sie den Durchlauf des Pinsels über der Leinwand. Wiederholen Sie die Gaußsche Unschärfe, setzen Sie den Wert jedoch auf 1 bis 5 Pixel.
Dies ist der letzte Schritt des Tutorials. Sobald Sie die Ebene „Bokeh Foreground“ unscharf gemacht haben, werden Sie mit dem Endprodukt belohnt:
Der Spaß am Workflow besteht darin, dass es extrem einfach ist, ihn einmal durchzuarbeiten und erneut zu durchforsten, um neue Hintergrundbilder mit wirklich dichten (oder spärlichen) Kreisen, hellen oder dunklen Verläufen und anderen Variationen zu erstellen.
Tatsächlich können Sie, ohne den gesamten Vorgang zu wiederholen, eine neue Ebene über Ihrer alten Hintergrundebene erstellen, einen neuen Farbverlauf nach unten ziehen und ein Hintergrundbild mit einem völlig neuen Vibe erstellen: 
Bei solchen Projekten ist die Variabilität und Zufälligkeit des Endergebnisses Teil des Spaßes. Experimentieren Sie mit Pinselgrößen, -einstellungen und anderen Variablen, um Spaß und einzigartige Ergebnisse zu erzielen - noch besser, teilen Sie sie in den Kommentaren unten mit Ihren Mitlesern.
