Erstellen Sie coole Typografie mithilfe von Pfaden in Photoshop

In diesem Tutorial zeigen wir Ihnen, wie Sie eine "coole" benutzerdefinierte Typografie erstellen können. Lass uns anfangen!


Tutorial Assets

Die folgenden Bilder wurden bei der Erstellung dieses Tutorials verwendet.

  • weiße Blume
  • Gelbe Blume

Mit Pfaden arbeiten

Wir werden den Kreispfad und Teile davon verwenden und sie mit dem Pinsel streichen. Wählen Sie das Ellipse-Werkzeug (U) und wählen Sie im Eigenschaftenfenster die Option Pfad. Auf diese Weise erstellen Sie einen Kreispfad und nicht die Form. Halten Sie die Umschalttaste und erstellen Sie einen perfekten Kreis.

Wähle das Pinselwerkzeug aus (B). Verwenden Sie große Bürsten mit harten Kanten. Drücken Sie die Taste F5, um die Anzeige für die Pinseleigenschaften aufzurufen. Setzen Sie den Abstand auf 10% und deaktivieren Sie die Option Shape Dynamics.

Erstellen Sie eine neue Ebene und drücken Sie bei Auswahl des Pinselwerkzeugs Alt + Eingabe. Dadurch wird der Pfad mit den Eigenschaften des Pinsels gestrichen.

Wähle das Direktauswahl-Werkzeug (A). Beachten Sie, dass keiner der Ankerpunkte ausgewählt ist. Klicken Sie auf den Pfad zwischen den beiden Ankerpunkten und klicken Sie auf Löschen. Erstellen Sie eine neue Ebene, wählen Sie das Pinselwerkzeug (B), wählen Sie eine dunklere Farbe und drücken Sie Alt + Eingabetaste, um den soeben erstellten Pfad zu markieren.

Wähle das Stiftwerkzeug (P) und füge dem Pfad Ankerpunkte hinzu (siehe unten).

Mit dem Direktauswahl-Werkzeug (A) die äußersten Ankerpunkte des Pfads auswählen und löschen.

Wählen Sie das Pinselwerkzeug (B), wählen Sie eine dunklere Farbe, erstellen Sie eine neue Ebene und drücken Sie Alt + Eingabe, um den Pfad zu markieren.

Wie Sie sehen, schneiden wir nur Teile des ursprünglichen Kreispfads, indem Sie Ankerpunkte löschen. So können wir schöne, saubere Formen erstellen und interessante Effekte erzielen. Dies ist die Basistechnik des Tutorials. Stellen Sie sicher, dass Sie auf der neuen Ebene immer eine neue Form erstellen. Noch ein Hinweis: Nachdem Sie einen Ankerpunkt gelöscht haben, werden alle anderen Punkte automatisch ausgewählt. Wenn Sie einen anderen einzelnen Ankerpunkt auswählen möchten, sollten Sie auf einen Punkt außerhalb des Pfads klicken, um die Auswahl aller Punkte aufzuheben..


Schritt 1

Erstellen Sie ein neues Dokument mit einer Breite von 1600 Pixel und einer Höhe von 1200 Pixel und einer Auflösung von 72 dpi. Füllen Sie die Ebene "Background" mit Schwarz und einem dunkelvioletten Farbverlauf # 392354 - # 593b70.

Wähle das Ellipse-Werkzeug (U) aus und wähle die Option Pfad im Eigenschaftenfenster. Halten Sie die Umschalttaste und erstellen Sie einen Kreis. Wechseln Sie zum Bedienfeld „Pfade“, duplizieren Sie den Arbeitspfad, nennen Sie ihn „Basis“ und duplizieren Sie ihn erneut. Behalten Sie die Form "Basis" bei und arbeiten Sie mit Kopie.

Jetzt erstellen wir den Buchstaben "C", fügen mit dem Stiftwerkzeug (P) zwei Ankerpunkte hinzu und löschen dann den Ankerpunkt zwischen ihnen.

Wählen Sie das Pinselwerkzeug (B), Größe 80 px. Erstellen Sie eine neue Ebene und drücken Sie die Tastenkombination Alt + Eingabetaste, um den Pfad zu markieren. Stellen Sie sicher, dass Sie diesen Pfad nicht löschen, wir werden ihn später brauchen.

Gehen Sie zum Pfadfenster, wählen Sie den Pfad "Basis" aus, kopieren Sie ihn und verschieben Sie den Kopierpfad nach rechts. Der Buchstabe "O" wird angezeigt. Um den Pfad zu verschieben, verwenden Sie das Path Selection Tool (A)..

Pinsel (B)> Neue Ebene> Alt + Eingabetaste.

Dupliziere das "O".

Erstellen Sie nun das "L". Platzieren Sie Lineale, um die Pfadhöhe "Basis" zu markieren. Wähle das Stiftwerkzeug (P) und halte die Umschalttaste gedrückt, um einen Pfad zu erstellen.

Pinsel (B)> Neue Ebene> Alt + Eingabe.

Machen Sie dasselbe, um den zweiten Teil von "L" zu erstellen..

Ordnen Sie nun die Ebenen wie unten gezeigt an, wobei jeder Buchstabe in einem separaten Ordner liegt.


Schritt 2

Jetzt haben wir alle Buchstaben, und wir fangen an, in jedem Buchstaben geschichtete Formen zu erstellen. Verwenden Sie für jede neue Ebene eine Schnittmaske. Wählen Sie im Pfadbedienfeld den Pfad "C" aus, duplizieren Sie ihn und beginnen Sie mit dem Ausschneiden und Strich. Verwenden Sie jetzt Graustufen, wir fügen dann Farben hinzu.

Lass uns ein paar Farben spritzen! Wählen Sie die Ebene "C" und fügen Sie den Verlaufsstil für die Verlaufsüberlagerungsebene hinzu. Deaktivieren Sie in den Überblendungsoptionen die Option "Beschnittene Ebenen als Gruppe mischen" und aktivieren Sie "Inneneffekte als Gruppe mischen". Farbverlauf # ff0096 - # c20049.

Wenden Sie die Verlaufsüberlagerung für jede Form wie unten gezeigt an. Achten Sie auf die Winkel der Gradienten.

1. # ffd200 - # e900ba

2. # 4a6d00 - # b1d603

3. # 4a6d00 - # eaf900

4. # 00dbef - # c8db00

Nehmen Sie einen großen Pinsel mit weichem Rand und stellen Sie die Deckkraft auf 50% ein. Erstellen Sie unter jeder Form eine neue Ebene und zeichnen Sie Schatten mit schwarzer Farbe.

Wählen Sie den Pfad "C" erneut aus und verkleinern Sie ihn (Pfadauswahl-Werkzeug (A) und dann Befehl / Strg + T zum Transformieren). Verwenden Sie einen Pinsel der Größe 40, um ihn auf einer neuen Ebene zu streichen. Fügen Sie den Farbverlauf hinzu (# fb3a7e - # 442b5d) und legen Sie ihn unter die obere Form.

Wiederholen Sie dies, um eine weitere kleine Form zu erstellen. Farbverlauf # e80079 - # ff6481.

Bewegen Sie auch die erste kleine Form unter die zweite große Form, und fügen Sie für beide soeben erstellten kleinen Formen den Schattenstil hinzu.

Wir sind jetzt mit "C" fertig, nur noch drei Buchstaben!


Schritt 3

Wiederholen Sie nun ähnliche Schritte für alle anderen Buchstaben. Sie können mit Pfaden experimentieren und verschiedene Formen erstellen. Verwenden Sie dieselben Farbverläufe, die wir für "C" -Formen verwenden, um die Farbkomposition gleichförmig zu halten. Sie können natürlich auch meinen Schritten folgen.

Nachdem ich die "O" -Formen fertiggestellt hatte, bemerkte ich, dass ich die dunkle Form am unteren Ende nicht mochte und ich sie löschte.

Zweites "O." Wiederholen Sie den Vorgang

Das "L". Jetzt ist es ganz einfach.


Schritt 4

Jetzt haben wir alle 4 Buchstaben, lassen wir sie in eine schöne runde Komposition setzen. Verwenden Sie das Werkzeug "Frei umwandeln" (Befehl / Strg + T), um jeden Buchstaben zu drehen und zu platzieren.

Lassen Sie uns den Buchstaben etwas Glanz verleihen. Erstellen Sie einen kleinen Pfad, streichen Sie ihn mit einem harten Pinsel mit einer Größe von 15 px und malen Sie einen weißen Punkt durch einmaliges Klicken mit dem Pinsel.

Fügen Sie für alle Buchstaben weißen Glanz hinzu (siehe unten), und legen Sie für den Ebenenstil der Formen die Option Überlagerung und andere Deckkraft fest.


Schritt 5

Erstellen Sie einige Stücke um die Buchstaben. Färben Sie sie mit verschiedenen Farbverläufen, die wir für die Buchstaben verwendet haben. Einfache Methode: Klicken Sie mit der rechten Maustaste auf die Ebene> Ebenenstil kopieren, wählen Sie die neue Formebene aus und klicken Sie mit der rechten Maustaste auf> Ebenenstil einfügen.


Schritt 6

Wähle das Polygon-Werkzeug (U) und vergewissere dich, dass es sich um eine Form und nicht um einen Pfad handelt. Legen Sie Seiten auf 3 fest, und aktivieren Sie in den Polygonoptionen die Option Glatte Ecken.

Setzen Sie die Vordergrundfarbe auf # 754a9a und erstellen Sie einige Dreiecke mit unterschiedlichen Größen um die Buchstaben.

Wählen Sie das Ellipse-Werkzeug (U), setzen Sie die Vordergrundfarbe auf Weiß und erstellen Sie verschiedene Kreise um die Buchstaben.

Färben Sie sie mit verschiedenen Farbverläufen, die wir für die Buchstaben verwendet haben. Legen Sie einige der Kreise-Ebenenstile wie folgt fest: Verlaufsstrich und Ebenenfüllung auf 0% setzen, um nur den Kreisstrich zu sehen. Wählen Sie einige weitere Kreise aus, gehen Sie zu Filter> Weichzeichnen> Gaußscher Weichzeichner und stellen Sie den Radius auf etwa 2,6 Pixel ein.


Schritt 7

Kümmern wir uns um den Hintergrund. Zeichnen Sie mit einem weichen Pinsel auf die neue Ebene über der Hintergrundebene mit der Farbe # ff02ea.

Legen Sie den Ebenenstil auf Weiches Licht fest.

Mit kleinerer weicher Bürste zeichnen Sie einige Schatten mit Schwarz.

Legen Sie den Ebenenstil auf Weiches Licht fest.


Schritt 8

Erstellen Sie eine neue Ebene über allen anderen Ebenen. Drücken Sie D, um die Vordergrund- und Hintergrundfarbe auf Schwarzweiß zu setzen. Gehen Sie zu Filter> Render> Clouds.

Gehen Sie zu Filter> Noise> Add Noise. Überprüfen Sie Uniform und Monochromatik und setzen Sie die Menge auf etwa 26%..

Gehen Sie zu Filter> Unschärfe> Gaußsche Unschärfe. Setzen Sie den Radius auf 0,5 Pixel.

Setzen Sie den Ebenenstil auf Farbbrand und Deckkraft auf 20%..


Schritt 9

Wähle das Rechteckwerkzeug (U) und halte die Umschalttaste gedrückt, um ein schwarzes Quadrat zu erzeugen. Drehen Sie es um 45 Grad. Wählen Sie das Pfadauswahl-Werkzeug (A), halten Sie Alt + Umschalt gedrückt und bewegen Sie das Quadrat. Sie erstellen die Kopie der Form. Duplizieren Sie die Form so oft, bis Sie das Muster auf der gesamten Leinwand sehen.


Schritt 10

Fügen Sie jetzt einige Blumen hinzu. Ich habe diese auf Deviantart gefunden, sie sind transparente PNGs, also alles, was Sie tun müssen, ziehen Sie sie einfach auf die Leinwand. Fügen Sie zu jeder Blume die Drop Shadow-Ebene hinzu. Ich habe auch eine der Blumen verwischt.


Schritt 11

Die letzte Berührung. Erstellen Sie eine neue Ebene über allen Ebenen. Setzen Sie die Vordergrundfarbe auf Schwarz. Wählen Sie das Verlaufswerkzeug (G). Wählen Sie den Verlauf von Vordergrund zu Transparent aus. Wählen Sie im Bereich "Verlaufseigenschaften" die Option "Radialer Verlauf" und aktivieren Sie "Umkehren". Zeichnen Sie den Farbverlauf von der Mitte der Leinwand bis zum Rand. Legen Sie den Ebenenstil auf Weiches Licht fest.

Legen Sie den Ebenenstil auf Weiches Licht fest.


Endgültiges Bild