31Aug
Wenn Sie abstrakte lumineszierende Linien-Hintergründe lieben( und das tun wir auch), lesen Sie weiter, um zu sehen, wie Sie Ihr eigenes individuelles Hintergrundbild mit genau der Art von Linien, Farben und perfekter Leuchtkraft erstellen können, nach der Sie sich sehnen.
Warum möchte ich das tun?
Während unsere( und wahrscheinlich Ihre) Hauptmotivation darin besteht, ein cooles benutzerdefiniertes Hintergrundbild für unseren Desktop-Computer zu erstellen - und das ist Grund genug für sich - hat das Nacharbeiten neben dem Tutorial noch einen sekundären Vorteil. Das Stift-Werkzeug ist ein sehr praktisches und leistungsstarkes kleines Werkzeug in Photoshop, das für viele Menschen kaum benutzt wird. Wir werden es ausgiebig in einer Low-Stakes-Umgebung einsetzen, was eine perfekte Möglichkeit ist, Nuancen zu lernen.
Was brauche ich?
Das einzige, was Sie für dieses Tutorial benötigen, ist eine Kopie von Adobe Photoshop. Wir brauchen kein Basisbild, Referenzbild oder irgendetwas anderes als Photoshop selbst;Wir erstellen das gesamte Bild von Grund auf innerhalb der Anwendung.
Wir verwenden Adobe Photoshop CS6, aber die im Tutorial beschriebenen Techniken sollten in älteren Editionen von Photoshop gut funktionieren, da sie auf Tools basieren, die in der Anwendung für mehrere Generationen vorhanden sind.
Erstellen des Basis-Image
Lassen Sie uns ein Basis-Image erstellen. Entscheiden Sie sich zunächst für die gewünschte Größe - wir haben uns für eine Standardgröße von 1920 × 1080 entschieden. Verwende das Farbeimer-Werkzeug( G), um den Hintergrund schwarz zu malen. Sie können später mit verschiedenen Hintergrundfarben experimentieren, aber bei weitem ist die Farbe, die am besten von der lumineszierenden Linie abweicht, schwarz.
Neben der Bemaßung und Farbe des Basisbildes ist es sehr nützlich, temporäre Hilfslinien zu verwenden, um( zumindest) die Mitte des vertikalen und horizontalen Raums zu markieren. Schalten Sie die Lineale ein, wenn sie noch nicht aktiviert sind, indem Sie zu Ansicht - & gt;Lineale oder Drücken von STRG + R.Ziehen Sie eine Hilfslinie vom horizontalen und vertikalen Lineal zur Mitte des Bildes( 960 bzw. 540 Pixel, wenn Sie an einem 1920 × 1080-Bild arbeiten).
Erstellen der Pfade
Pfade sind eine kleine Funktion in Photoshop, mit der Sie Objekte erstellen können, die zunächst als Drahtmodell / Linienzeichnung aussehen. Bei den von Ihnen erstellten Pfaden handelt es sich um Literalpfade, denen das Werkzeug folgt, mit dem Sie Ihre visuellen Effekte erstellen.
Wir werden die Kraft des Stiftes nutzen, ein pfadbasiertes Werkzeug, um schön geschwungene Linien zu erzeugen, die wir dann mit dem Pinsel-Werkzeug bearbeiten werden. Bevor wir fortfahren, lassen Sie uns Sie davor warnen, dass, wenn Sie das Zeichenstift-Werkzeug vorher noch nie benutzt haben, es ein ziemlich frustrierendes Werkzeug sein kann, um den Dreh raus zu bekommen. Der beste Weg, um einen festen Griff zu bekommen, ist, einfach damit zu spielen. Haben Sie keine Angst, einen Pfad zu erstellen, spielen Sie damit herum und löschen Sie ihn dann, sobald Sie eine bessere Vorstellung davon haben, was Sie tun möchten.
Wählen Sie das Stift-Werkzeug( P) und überprüfen Sie, ob es auf Pfad eingestellt ist:
Um eine einfache gekrümmte Linie zu erstellen, die vollständig vom linken Rand des Bildes zum rechten Rand übergeht, klicken wir auf das Stift-Werkzeugauf der horizontalen Führungslinie direkt hinter der linken Grenze und ziehen Sie nach unten, um unseren ersten Punkt zu erstellen. Nachdem Sie diesen ersten Punkt erstellt haben( der nun wie eine vertikale Linie mit drei Punkten aussieht), gehen Sie zur rechten Seite des Bildes und wiederholen Sie den gleichen Schritt: Klicken Sie auf die horizontale Hilfslinie, ziehen Sie sie sanft herunter und lassen Sie sie losdie Maustaste.
Wir haben Pfeile über den folgenden Screenshot gezeichnet, um anzuzeigen, wo wir die Maus gezogen haben:
Dieser Vorgang erstellt eine einzige grazile S-Kurve über das gesamte Bild. Drücken Sie die ESC-Taste, um sich vom aktuellen Pfad zu lösen und einen neuen zu erstellen. Wiederholen Sie den gleichen Vorgang, aber variieren Sie Ihren Start- und Endpunkt leicht links und rechts. Während Sie die Wege für Ihre Lichtlinien beliebig gestalten können. Wir streben ein Bild an, das wie ein Bündel von ihnen aussieht, die in der Mitte leicht konvergieren, während sie durch den Rahmen gehen.
Nachdem Sie etwa ein Dutzend Pfade erstellt haben, sollte Ihr Bild ungefähr so aussehen:
Diese Pfadlinien dienen als Rahmen für die Pinselstriche, die wir im nächsten Schritt anwenden werden.
Anwenden der Pinselstriche
Die zuvor erstellten Pfade sehen ziemlich leer aus. Sie bekommen eine Ahnung davon, wie die Tapete aussehen wird, aber es fehlt an Fülle. Wir werden das jetzt korrigieren, indem wir das Pinsel-Werkzeug auf den Pfad anwenden.
Zuerst müssen wir unsere Pinselparameter einstellen. Wähle das Pinselwerkzeug aus( B).Die Größe des ausgewählten Pinselkopfs bestimmt die Größe der dem Pfad überlagerten Striche. Eine sehr kleine Pinselgröße( 1-5 Pixel) erzeugt sehr feine Spidery-Linien. Ab 15 Pixel werden dickere kabelähnliche Linien erzeugt. Wir haben uns für einen 10-Pixel-Bürstenkopf entschieden. Außerdem möchten Sie die Pinselfarbe auf reines Weiß setzen.
Erstellen Sie eine neue Ebene( STRG + UMSCHALT + N) und benennen Sie sie mit "Pinselstrich 1".Sobald Sie Ihre Pinselgröße ausgewählt und die Ebene erstellt haben, wählen Sie erneut das Stiftwerkzeug( P).
Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Zeichenfläche und wählen Sie "Strichpfad. ..". Wenn das Dialogfeld angezeigt wird, wechseln Sie die Werkzeugauswahl auf "Pinsel" und aktivieren Sie "Druck simulieren".OK klicken. Die dünnen Linien des Pfades werden nun wie folgt mit den Pinselstrichen ausgefüllt:
Um den Pinselstrichen ein leuchtenderes Aussehen zu geben, werden wir sie leicht verwischen. Wenn die Ebene "Pinselstrich 1" ausgewählt ist, navigieren Sie zu Filter - & gt;Unschärfe - & gt;Gaußscher Weichzeichner.
Sie können so wenig wie 1,0 Pixel und so viel wie 10,0 Pixel abhängig von der Größe Ihrer ursprünglichen Pinselstriche unschärfere Ergebnisse erzielen. Wir mögen nur einen Hauch von Unschärfe, also haben wir uns für 2.0 entschieden.
Sobald du die gewünschten Ergebnisse hast, wähle das Zauberstab-Werkzeug( W).Wähle eine deiner Linien( da sie sich schneiden und alle auf derselben Ebene liegen, du musst nur einen Punkt in der Mitte auswählen) mit dem Zauberstab-Werkzeug. Ihre Ergebnisse sollten so aussehen:
Um sicherzustellen, dass wir im nächsten Schritt keine gezackten und hässlichen Kanten haben, müssen wir unsere Auswahl ein wenig optimieren. Klicken Sie auf "Edge Edge" in der oberen Symbolleiste, nachdem Sie Ihre Zauberstab-Auswahl getroffen haben. Suchen Sie im Menü "Kantenverfeinerung" im Bereich "Kanten anpassen" nach "Feder":
Passen Sie den Federwert an, während Sie die Vorschau anzeigen. Sie möchten einen schönen, glatten, gut gemischten Rand zwischen Ihrer Auswahl und der Umgebung. Wir haben einen Wert von 4,0 für unser Image verwendet. OK klicken. Behalten Sie die Auswahl für die nächste Phase des Lernprogramms bei.
Ausmalen der Linien
Erstellen Sie eine neue Ebene namens "Color".Auf dieser Ebene können Sie jede beliebige gewünschte Farbe über Ihre Lichtlinien malen. Sie können verschiedene Abschnitte von Hand malen, Sie können einen Farbverlauf anwenden, oder Sie können beide kombinieren. Wir werden die Ebene stark modifizieren und anpassen, also mach dir keine Sorgen darüber, deine bisherige Arbeit komplett zu verdecken.
Anstatt unsere Farben manuell zu malen, setzen wir mit dem Farbverlaufswerkzeug einen Regenbogengradienten von einer Seite zur anderen:
Sobald die Farben wie gewünscht aussehen, wählen Sie die Ebene "Farbe" und passen die Deckkraft andie Schicht. Wir haben unsere 50% für den folgenden Effekt gewählt:
Das war's! An dieser Stelle können wir es speichern, weitere Zeilen hinzufügen, wenn wir es wünschen, die Farbe ausblenden oder das Bild auf andere Weise optimieren, aber die Ergebnisse, so wie sie jetzt sind, sind definitiv Desktop-fähig.
Haben Sie einen Tipp oder Trick, um dieses Tutorial hinzuzufügen? Willst du uns eine andere Art von Tapeten machen sehen? Ton aus in den Kommentaren unten.