Wie Sie Ihre eigene benutzerdefinierte Bokeh Wallpaper in Photoshop erstellen

Wir haben Ihnen beigebracht, was Bokeh ist und wie Sie es mit einer physischen Kamera erstellen können. Werfen wir nun einen Blick darauf, wie wir die wunderschöne Weichheit von Bokeh als ein schönes farbenfrohes und leicht gesprenkeltes Hintergrundbild für Ihren Computer und Ihre mobilen Geräte erzeugen können.

Warum möchte ich das tun?

Es gibt zwei große Take-Aways aus dem heutigen Fototutorial. Zuerst bekommst du die Möglichkeit, ein Bokeh-Wallpaper zu erstellen( ein wirklich lustiger und bunter Begleiter zu den analogen Bokeh-Fotos, die wir dir zuvor gezeigt haben.)

Zweitens lernst du auch die Grundlagen der Photoshop Brush Engine, die ein sehr mächtiges Werkzeug im Arsenal von Photoshop ist( und ein ziemlich wenig genutztes Programm).

Endlich ist es nur ein guter sauberer digitaler Bearbeitungsspaß.Anstatt Google Bilder oder andere Quellen für ein perfektes Bokeh-Stil-Hintergrundbild 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:

• Adobe Photoshop

Wir verwenden Adobe Photoshop CS6, aber die in diesem Tutorial beschriebenen Techniken sollten in älteren Editionen von Photoshop problemlos funktionieren.

Außer Photoshop sind keine zusätzlichen Tools oder Dateieingaben erforderlich. Wir werden das gesamte Bild in der Anwendung erstellen.

Welche Konzepte verwenden wir?

Für dieses Tutorial gibt es einige wichtige Designelemente, die wir im Auge behalten sollten. In einer echten Fotografie wird der Bokeh-Effekt durch Lichtpunkte außerhalb der Brennebene der Linse erzeugt, wobei das unfokussierte Licht der Lichter die Form der Öffnung der Linse annimmt.

Um diesen Effekt zu erzeugen, können wir nicht einfach eine Menge Kreise kreieren und uns mit dem Projekt fertig machen, wir wollen die Illusion der Tiefe, die ein tatsächliches Foto haben würde, neu erschaffen( da die Lichtpunkte an etwas anderen Punkten existieren würden)der Brennebene).Wir möchten auch die Variabilität der Lichtgröße, die Sie in der realen Welt finden würden, nachbilden. Mit anderen Worten, wir wollen kein flaches Bild mit einheitlicher Kreisgröße.

Um dies zu erreichen, werden wir zwei Dinge tun: Um die langweilige Hand zu reduzieren, die Hunderte von Kreisen variabler Größe zeichnet, 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 zu erstellen und dann unseren Faux-Bokeh-Pinsel zu erstellen. Erstellen Sie in Photoshop ein neues Bild mit der Größe des Hintergrunds, den 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 eine sehr dunkelgraue Vordergrundfarbe aus, ohne schwarz zu sein. Wir haben die RGB-Werte 30-30-30 verwendet:

Wenn Sie ein sehr dunkles Grau ausgewählt haben, wählen Sie die Form ausWerkzeug( U) und wechsle es zu Ellipsen. Halten Sie die Umschalttaste gedrückt, um das Seitenverhältnis der Form zu sperren, die Sie zeichnen möchten, und zeichnen Sie dann einen Kreis in der Mitte der Zeichenfläche. Es muss nicht besonders groß sein;Auf unserer Leinwand 1920 × 1080 haben wir einen Kreis von etwa 300 Pixeln gezeichnet. Der einzige kritische Teil ist, dass der Kreis groß genug ist, damit Sie ihn bequem betrachten und bearbeiten können. Die tatsächliche Größe des Kreises wird zu einem späteren Zeitpunkt im Tutorial angepasst.

An dieser Stelle haben Sie einen fast schwarzen Kreis in der Mitte der Leinwand. Doppelklicken Sie auf den Ebeneneintrag im Ebenenbedienfeld und nehmen Sie zwei Anpassungen vor. Passen Sie die Deckkraft zuerst auf 50% an( stellen Sie sicher, dass Sie die Deckkraft und nicht die Deckkraftklasse anpassen).Zweitens, fügen Sie eine reine schwarze Strich-Ebene mit 10 Pixeln Breite und 100% Opazität wie folgt hinzu:

Das Ergebnis sollte dem obigen Bild ziemlich ähnlich sein: ein perfekter Kreis mit einem schwarzen Rand und einem rauchigen Zentrum, das wie ein Kamera-Objektiv-Filter aussieht.

Dieser nicht gerade aufregende Kreis wird als Keim für unseren Pinsel dienen. Dies ist, wo die wahre Magie im heutigen Tutorial passiert. Sobald Sie den einfachen getönten Kreis oben erstellt haben, navigieren Sie zu Bearbeiten - & gt;Definieren Sie die Pinselvoreinstellung. Benennen Sie Ihr neues Pinsel-Preset. Wir haben unseren "Bokeh Brush 1" genannt.

Nachdem Sie Ihren neuen Pinsel benannt haben, werden Sie feststellen, dass das Bedienfeld "Pinsel / Pinsel-Vorgaben" 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 in der Werkzeugpalette auswählen. Klicken Sie dann auf die Registerkarte "Pinselvoreinstellungen".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, ist ein Beispiel dafür, wie ein Pinselstrich von Ihrem Pinsel aussieht. Mit den Standardeinstellungen sieht es so aus:

Sie wissen, wie das nicht aussieht? Sanftes, natürliches und gesprenkeltes Bokeh. Wir werden das ändern. Im Bereich "Pinselspitzenform" im Bereich "Pinsel".Ändern Sie an der Unterseite des Bedienfelds den Abstand von 25% auf 100%.Beachten Sie die Änderung im Vorschaufenster der Pinsel:

Als nächstes müssen wir eine zufällige Platzierung der Kreise erstellen, indem wir die Streuvariable erhöhen. Klicken Sie auf den Scattering-Eintrag und passen Sie den Scatter auf 10.000%, den Count auf 5 und den Count Jitter auf 1% an.(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 schöne Effekte).Ihr Pinsel-Beispielfenster sollte jetzt so aussehen:

Jetzt kommen wir irgendwohin;Diese Probe wird so aussehen 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ößenänderung tun, indem Sie zum Eintrag Shape Dynamics navigieren.Ändern Sie die Presets dort auf Size Jitter 100%, Control: Pen Pressure, Mindestdurchmesser 50%, und lassen Sie den Rest dann bei 0% und aus / unchecked so:

Noch besser, der Zusatz des Size Jitter hat wirklich etwas Schönes eingebrachtVariation. Der letzte Schliff auf unserem Pinsel ist die Opazität und der Flow Jitter in der Kategorie Transfer. Klicken Sie auf Transfer und stellen Sie den Opazitäts-Jitter auf 50% und den Flow-Jitter auf 50% ein.Ändern Sie die Steuerung des Flow Jitters auf Stiftdruck. Lass alles andere aus oder bei 0% so:

Das ist jetzt eine schöne Vorschau;Schau es dir einfach an - du kannst die Tapete förmlich sehen, wenn du sie nur in der kleinen Vorschau-Box siehst.

Nachdem wir unseren Pinsel definiert haben, ist es an der Zeit, sich auf den eigentlichen Hintergrund zu konzentrieren.

Erstellen des Hintergrundgradienten und der Bokeh-Ebenen

Gehen Sie voran und erstellen Sie in Ihrem Arbeitsbereich eine neue Ebene( und deaktivieren Sie auf Wunsch die Ebene, die Sie zum Erstellen des ellipsenbasierten Pinsels verwendet haben).Beschrifte diese Ebene "Hintergrund".Sie können eine feste Farbe oder einen Farbverlauf im Hintergrund Ihrer Tapete auf dieser neuen Ebene einfügen, aber Farbverläufe sind im fertigen Produkt so viel schöner.

Wählen Sie das Verlaufswerkzeug( G) und wählen Sie einen der voreingestellten Farbverläufe oder erstellen Sie einen eigenen. Die Presets hatten nicht die Art von Hyper-Bright Rainbow-Effekt, den wir suchten, also haben wir einen neuen Gradienten erstellt, indem wir die Seed-Werte für die Gradientenpositionen 0%, 50% und 100% von 255-0-252, 0-252-255 bzw. 240-255-0:

Der Gradient, der in einem Winkel von etwa 35 Grad von der unteren linken Ecke zur oberen rechten Ecke der Leinwand angewendet wird, sieht folgendermaßen aus:

Wenn die Leinwand gemalt ist, ist es Zeit fürBeginne mit der ersten Bokeh-Schicht. Erstelle eine neue Ebene namens "Bokeh Background".Wähle das Pinselwerkzeug aus( B).Ändern Sie die Pinselfarbe in reines Weiß.Wählen Sie eine Pinselgröße von etwa einem Drittel bis zur Hälfte der vertikalen Größe Ihrer Leinwand( im Fall unserer 1920 x 1080-Leinwand bedeutet das eine Pinselgröße von etwa 300-500 Pixel).Wir spielen es heute groß, also 500 Pixel.

Der nächste Schritt( und seine nachfolgenden Wiederholungen) ist ausschließlich eine Frage des Geschmacks. Gehen Sie zuerst mit dem Pinsel und dann etwas schwerer, wenn Sie es wünschen. Denken Sie daran, dass dies nicht wie bei einem Standardpinsel ist, bei dem Sie auf Spot X klicken können und sofort eine Rückmeldung erhalten. Wir haben einen Pinsel erstellt, der effektiv einen sehr breiten und sehr variablen Strich erzeugt.

Beginne mit einem Pinselstrich von einer Seite der Leinwand zur anderen und tippe dann hier oder dort, um weitere Kreise hinzuzufügen. Wir haben festgestellt, dass zwei feste Durchgänge von links nach rechts und dann von rechts nach links eine gute Arbeit leisten. Hier sehen Sie, wie Ihre Leinwand aussehen soll, geben oder nehmen Sie ein paar Kreise:

Da dies die Hintergrundebene ist, müssen wir sie verschwimmen lassen, um diese Tiefenwirkung zu erzeugen. Während du noch im Bokeh-Hintergrund bist, navigiere zu Filter - & gt;Unschärfe - & gt;Gaußscher Weichzeichner. Ein Wert von 20-30 ergibt eine schöne Hintergrundunschärfe:

Jetzt müssen wir den Prozess mit ein paar kleinen Verbesserungen wiederholen. Erstelle eine neue Ebene namens "Bokeh Midground".Verringern Sie die Größe des Pinsels auf einen kleineren Wert( wir haben ihn von 500 auf 300 Pixel reduziert).Übergeben Sie die Leinwand erneut mit dem Pinsel-Werkzeug, bis Sie mit der Anzahl der Kreise zufrieden sind. Wenden Sie den Gaußschen Weichzeichner erneut an, aber stellen Sie die Weichzeichnung diesmal auf 5-10 Pixel ein:

Wir können sehen, wie die Tapete mit der zweiten Ebene wirklich Gestalt annimmt. Jetzt ist es Zeit für eine weitere Schicht. Erstelle eine neue Ebene namens "Bokeh Foreground".Ändern Sie die Pinselgröße auf einen noch kleineren Wert( wir haben sie von 300 auf 150 Pixel reduziert).Wiederholen Sie den Durchgang des Pinsels über die Leinwand. Wiederholen Sie den Gaußschen Weichzeichner, aber verringern 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:

Der Spaß am Workflow ist, dass es nach dem Weggehen extrem einfach istEinmal durch sie hindurch zu peitschen, um neue Tapeten mit wirklich dichten( oder spärlichen) Kreisen, hellen oder dunklen Farbverläufen und anderen Variationen zu schaffen.

Tatsächlich, ohne den gesamten Prozess zu wiederholen, können Sie eine neue Ebene über Ihrer alten Hintergrundebene erstellen, eine neue Ebene nach unten klappen und ein Hintergrundbild mit einer ganz neuen Atmosphäre erzeugen:

Mit solchen Projekten wird die Variabilität und Zufälligkeit vonDas Endergebnis ist Teil des Spaßes. Fühlen Sie sich frei, mit Pinselgrößen, Einstellungen und anderen Variablen zu experimentieren, um lustige und einzigartige Ergebnisse zu erzielen - noch besser, teilen Sie sie in den Kommentaren mit Ihren Leserkollegen.