Connect with us

Wie man

So erstellen Sie Ihr eigenes benutzerdefiniertes Bokeh-Hintergrundbild in Photoshop

So erstellen Sie Ihr eigenes benutzerdefiniertes Bokeh-Hintergrundbild in Photoshop

Wir haben Ihnen beigebracht, was Bokeh ist und wie Sie es mit einer physischen Kamera erstellen. Schauen wir uns nun an, wie wir die herrliche Weichheit von Bokeh als schönes, farbenfrohes und hell getupftes Hintergrundbild für Ihren Computer und Ihre Mobilgeräte erstellen können.

Warum möchte ich das tun?

Aus dem heutigen Foto-Tutorial gibt es zwei große Take-Aways. 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).

Zweitens lernen Sie auch die Grundlagen der Photoshop Brush Engine kennen, die ein sehr leistungsfähiges Werkzeug im Photoshop-Arsenal ist (und noch dazu ein wenig genutztes).

Schließlich macht es einfach Spaß, sauber digital zu bearbeiten. Anstatt Google Bilder oder andere Quellen nach einem perfekten Hintergrundbild im Bokeh-Stil für Ihr Telefon oder Ihren Computer zu durchsuchen, können Sie es selbst mit genau den gewünschten Farben und Kompositionen erstellen.

Was brauche ich?

Für dieses Tutorial benötigen Sie nur eines:

Wir verwenden Adobe Photoshop CS6, aber die im Lernprogramm beschriebenen Techniken sollten in älteren Photoshop-Editionen problemlos funktionieren.

Über Photoshop hinaus sind keine zusätzlichen Tools oder Dateieingaben erforderlich. Wir werden das gesamte Bild in der Anwendung erstellen.

Welche Konzepte verwenden wir?

2013-06-10_125113

In diesem Tutorial 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 der Linse erzeugt, wobei das nicht fokussierte Licht der Lichter die Form der Apertur der Linse annimmt.

Um diesen Effekt zu erzielen, können wir nicht einfach eine Reihe von Kreisen erstellen und uns mit dem Projekt fertig erklären. Wir möchten die Illusion der Tiefe wiederherstellen, die ein tatsächliches Foto haben würde (da die Lichtpunkte an leicht unterschiedlichen Punkten von existieren würden die Fokusebene). Wir möchten auch die Variabilität der Lichtgröße nachbilden, die Sie in der realen Welt finden würden. Mit anderen Worten, wir wollen kein flaches Bild mit einheitlicher Kreisgröße.

Um dies zu erreichen, werden wir zwei Dinge tun: Um die Mühe zu verringern, Hunderte von Kreisen mit variabler Größe von Hand zu zeichnen, erstellen wir einen benutzerdefinierten Pinsel nur für diese Aufgabe. Wir werden dann mehrere Schichten dieser unterschiedlich großen Kreise kombinieren, um die Illusion von Tiefe zu erzeugen.

Einrichten und Erstellen Ihres Bokeh-Pinsels

Die erste Aufgabe besteht darin, unseren Arbeitsbereich und dann unseren Faux-Bokeh-Pinsel zu erstellen. Erstellen Sie in Photoshop ein neues Bild, das der Größe des Hintergrundbilds entspricht, das Sie erstellen möchten. Wir arbeiten mit der Standard-Bildschirmauflösung von 1920 × 1080 Pixel. Stellen Sie Ihren Hintergrund auf transparent ein.

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 die RGB-Werte 30-30-30 verwendet: 2013-06-10_115255

Wenn Sie ein sehr dunkles Grau ausgewählt haben, wählen Sie das Formwerkzeug (U) und wechseln Sie zu Ellipsen. Halten Sie die Umschalttaste gedrückt, um das Seitenverhältnis der zu zeichnenden Form zu speichern, und zeichnen Sie dann einen Kreis in der Mitte Ihrer Leinwand. Es muss nicht besonders groß sein; Auf unserer Leinwand von 1920 × 1080 haben wir einen ungefähr 300 Pixel breiten Kreis gezeichnet. Der einzige wichtige Teil ist, dass der Kreis groß genug ist, damit Sie ihn bequem anzeigen und bearbeiten können. Die tatsächliche Größe des Kreises wird zu einem späteren Zeitpunkt im Lernprogramm im laufenden Betrieb angepasst.

Zu diesem Zeitpunkt befindet sich in der Mitte der Leinwand ein fast schwarzer Kreis. Doppelklicken Sie auf den Ebeneneintrag im Seitenbereich Ebenen und nehmen Sie zwei Anpassungen vor. Passen Sie zunächst die Füllopazität auf 50% an (stellen Sie sicher, dass Sie die Füllopazität und nicht die breitere Deckkraftkategorie anpassen). Zweitens fügen Sie eine rein schwarze Strichebene mit einer Breite von 10 Pixel und einer Deckkraft von 100% hinzu:

2013-06-10_120032

Das Ergebnis sollte dem obigen Bild ziemlich ähnlich sein: ein perfekter Kreis mit einem schwarzen Rand und einer rauchigen Mitte, die wie eine Art Kameraobjektivfilter aussieht.

Dieser noch nicht so aufregende Kreis wird als Keim für unseren Pinsel dienen. Hier geschieht die wahre Magie im heutigen Tutorial. Wenn Sie den einfachen getönten Kreis oben erstellt haben, navigieren Sie zu Bearbeiten -> Pinselvoreinstellung definieren. Nennen Sie Ihre neue Pinselvoreinstellung. Wir haben unseren „Bokeh Brush 1“ genannt.

Nachdem Sie Ihren neuen Pinsel benannt haben, werden Sie feststellen, dass das Bedienfeld „Pinsel / Pinselvoreinstellungen“ jetzt auf der rechten Seite des Bildschirms geöffnet ist. Wählen Sie zunächst das Pinselwerkzeug aus, indem Sie B auf der Tastatur drücken oder es manuell aus der Werkzeugpalette auswählen. Klicken Sie dann auf die Registerkarte Pinselvoreinstellungen. Suchen Sie Ihren neuen Pinsel und wählen Sie ihn aus:

2013-06-10_120450

Klicken Sie nach Auswahl auf die Registerkarte Pinsel, um die Eigenschaften des Pinsels anzuzeigen und zu ändern. Unten finden Sie unter allen Pinselvariablen ein Beispiel dafür, wie ein Pinselstrich von Ihrem Pinsel aussieht. Mit den Standardeinstellungen sieht es so aus:

2013-06-10_120708

Weißt du, wie das nicht aussieht? Sanftes, natürliches und gesprenkeltes Bokeh. Wir werden das gleich ändern. Im Eintrag Pinselspitzenform im Pinselbedienfeld. Ändern Sie am unteren Rand des Bedienfelds den Abstand von 25% auf 100%. Beachten Sie die Änderung im Pinselvorschaufenster: 2013-06-10_121016

Als nächstes müssen wir eine zufällige Platzierung der Kreise erstellen, indem wir 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 Jitter auf 1% ein. (Nachdem wir unseren ersten Pinsel erstellt haben, können Sie mit diesen Werten mit Bokeh Brush 2 spielen. Wenn Sie die Werte hier und in den folgenden Variablen ändern, erhalten Sie ordentliche Effekte.) Ihr Pinselmusterfenster sollte jetzt so aussehen:

2013-06-10_121429

Jetzt kommen wir irgendwohin; Diese Probe sieht aus wie die zufälligen und überlappenden Lichtpunkte, die wir von einem bokehreichen Foto erwarten würden.

Lassen Sie uns etwas gegen die Einheitlichkeit der Größe tun, indem wir zum Eintrag „Formdynamik“ navigieren. Ändern Sie dort die Voreinstellungen in Größe Jitter 100%, Steuerung: Stiftdruck, Mindestdurchmesser 50%, und lassen Sie den Rest bei 0% und deaktivieren / deaktivieren Sie ihn wie folgt:

2013-06-10_121743

Noch besser ist, dass durch das Hinzufügen des Size Jitter wirklich einige schöne Variationen eingeführt wurden. Der letzte Schliff auf unserem Pinsel besteht darin, die Deckkraft und den Flussjitter in der Kategorie Übertragung anzupassen. Klicken Sie auf Übertragen und stellen Sie den Deckkraft-Jitter auf 50% und den Flow-Jitter auf 50% ein. Ändern Sie die Steuerung am Flow Jitter auf Stiftdruck. Lassen Sie alles andere weg oder bei 0% wie folgt:

2013-06-10_122017

Das ist eine schöne Vorschau. Schauen Sie es sich an – Sie können das Hintergrundbild praktisch in der kleinen Vorschau sehen.

Wenn unser Pinsel definiert ist, ist es Zeit, mit dem Erstellen des eigentlichen Hintergrundbilds fortzufahren.

Erstellen der Hintergrundverlaufs- und Bokeh-Ebenen

Erstellen Sie eine neue Ebene in Ihrem Arbeitsbereich (und deaktivieren oder löschen Sie auf Wunsch die Ebene, die Sie zum Erstellen des ellipsenbasierten Pinsels verwendet haben). Beschriften Sie diese Ebene mit „Hintergrund“. Sie können dieser neuen Ebene eine Volltonfarbe oder einen Farbverlauf in den Hintergrund Ihres Hintergrundbilds einfügen, aber Farbverläufe sind im fertigen Produkt viel schöner.

Wählen Sie das Verlaufswerkzeug (G) und dann einen der voreingestellten Verläufe oder erstellen Sie einen eigenen. Die Voreinstellungen hatten nicht den von uns gesuchten hyperhellen Regenbogeneffekt. Daher haben wir einen neuen Verlauf mit den Startwerten für die Verlaufspositionen 0%, 50% und 100% von 255-0-252, 0- erstellt. 252-255 bzw. 240-255-0:

2013-06-10_122701

Bei einem Winkel von ungefähr 35 Grad von der unteren linken Ecke zur oberen rechten Ecke der Leinwand sieht der Farbverlauf folgendermaßen aus:

2013-06-10_122906

Wenn die Leinwand bemalt ist, ist es Zeit, mit der ersten Bokeh-Schicht zu beginnen. Erstellen Sie eine neue Ebene mit dem Namen „Bokeh-Hintergrund“. Wähle das Pinselwerkzeug aus (B). Ändern Sie die Pinselfarbe in reines Weiß. Wählen Sie eine Pinselgröße, die ungefähr ein Drittel bis die Hälfte der vertikalen Größe Ihrer Leinwand beträgt (im Fall unserer Leinwand von 1920 x 1080 bedeutet dies, dass ein Pinsel ungefähr 300-500 Pixel groß ist). Wir spielen es heute groß, also sind es 500 Pixel.

Der nächste Schritt (und seine nachfolgenden Wiederholungen) ist ganz Geschmackssache. Gehen Sie zuerst mit der Bürste leicht und dann etwas schwerer, wenn Sie möchten. Denken Sie daran, dass dies nicht mit einem Standardpinsel vergleichbar ist, bei dem Sie auf Punkt X klicken und sofort Feedback zu diesem Punkt erhalten können. Wir haben einen Pinsel erstellt, der effektiv einen sehr breiten und sehr variablen Strich erzeugt.

Beginnen Sie mit einem Pinsel von einer Seite der Leinwand zur anderen und tippen Sie dann hier oder da, um weitere Kreise hinzuzufügen. Wir haben festgestellt, dass zwei solide Pässe von links nach rechts und dann von rechts nach links einen guten Job machen. So sollte Ihre Leinwand aussehen, ein paar Kreise geben oder nehmen:

2013-06-10_123523

Da dies die Hintergrundebene ist, müssen wir sie verwischen, um dieses Gefühl von Tiefe aufzubauen. Navigieren Sie in der Bokeh-Hintergrundebene zu Filter -> Weichzeichnen -> Gaußscher Weichzeichner. Ein Wert von 20-30 ergibt eine schöne angenehme Hintergrundunschärfe:

2013-06-10_123808

Jetzt müssen wir den Vorgang mit ein paar kleinen Änderungen wiederholen. Erstellen Sie eine neue Ebene mit dem Namen „Bokeh Midground“. Verringern Sie die Größe des Pinsels auf einen kleineren Wert (wir haben ihn von 500 Pixel auf 300 Pixel reduziert). Führen Sie erneut einen Pinsel über die Leinwand mit dem Pinselwerkzeug, bis Sie mit der Anzahl der Kreise zufrieden sind. Wenden Sie die Gaußsche Unschärfe erneut an, aber stellen Sie diesmal die Unschärfe auf 5 bis 10 Pixel ein: 2013-06-10_124155

Wir können sehen, dass die Tapete mit der zweiten Schicht wirklich Gestalt annimmt. Jetzt ist es Zeit für eine weitere Schicht. Erstellen Sie eine neue Ebene mit dem Namen „Bokeh Foreground“. Ändern Sie die Pinselgröße auf einen noch kleineren Wert (wir haben ihn von 300 Pixel auf 150 Pixel reduziert). Wiederholen Sie den Pinsel über die Leinwand. Wiederholen Sie die Gaußsche Unschärfe, aber senken Sie den Wert auf 1-5 Pixel.

Dies ist der letzte Schritt des Tutorials. Sobald Sie die Ebene „Bokeh Foreground“ verwischt haben, werden Sie mit dem Endprodukt belohnt:

2013-06-10_124822

Das Schöne am Workflow ist, dass es extrem einfach ist, nach einmaligem Durchlaufen immer wieder neue Hintergrundbilder mit wirklich dichten (oder spärlichen) Kreisen, hellen oder dunklen Verläufen und anderen Variationen zu erstellen.

In der Tat können Sie, ohne den gesamten Vorgang zu wiederholen, eine neue Ebene über Ihrer alten Hintergrundebene erstellen, einen neuen Farbverlauf nach unten legen und ein Hintergrundbild mit einer ganz neuen Atmosphäre erstellen: 2013-06-10_125741

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 unterhaltsame und einzigartige Ergebnisse zu erzielen. Noch besser ist es, wenn Sie diese in den Kommentaren unten mit Ihren Mitlesern teilen.

Continue Reading
Click to comment

Leave a Reply

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Tendencia