Einführung

Hallo alle zusammen! Heute werde ich Ihnen beibringen, wie Sie Typografie erstellen, die an den Stil der 80er Jahre erinnert. Dieser Stil kann als Outrun, Synthwave oder Retrowave bezeichnet werden. Es zeichnet sich durch Chrombuchstaben, Neonfarben und lebendige Farbverläufe aus. Es gibt viele Dinge, die Sie tun können, um diesen Effekt zu erzielen, aber heute werde ich Ihnen beibringen, wie Sie Chrombuchstaben und Neoneffekte für die Typografie erstellen.

 

Dazu benötigen Sie einige fett gedruckte Typografien und einige handgeschriebene Typografien. Ich verwende Montserrat Black 900 für den fett gedruckten Typ und Mr Dafoe für den handschriftlichen Typ. Beide sind Open Source-Typen, die in Google Fonts zu finden sind.

 

 Okay, wenn das aus dem Weg ist, fangen wir an!

Chrombuchstaben:

[1] Lass uns zuerst das Chrom machen, weil es die schwierigsten sind. Für die Hauptfüllung:

[1.1] Schreiben Sie das gewünschte Wort in Fettdruck. Rasterisieren Sie es, indem Sie mit der rechten Maustaste auf die Ebenen klicken und [Rasterisieren] auswählen.

 

[1.2] Duplizieren Sie das Wort, in dem Sie den Effekt erzeugen möchten. In diesem Fall handelt es sich um das Wort „RETRO“. Wir werden jetzt an dem obersten Duplikat arbeiten.

[1.3] Erstellen Sie einen Farbverlauf mit zwei Teilen, schwarz, blau und weiß. und schwarz, lila und weiß (du kannst es mit anderen Farben machen!). Das erste Weiß und das zweite Schwarz sollten sehr nahe beieinander liegen und keinen Farbverlauf zwischen ihnen aufweisen.

[1.4] Geben Sie dem Wort bei gesperrter Transparenz den von Ihnen erstellten Farbverlauf. Stellen Sie sicher, dass sowohl die erste als auch die letzte Farbe sichtbar sind. Halten Sie den Farbverlauf gerade, indem Sie [Shift] auf Ihrer Tastatur drücken, während Sie ihn über die Buchstaben legen.

[2] Für die Grenzen:

[2.1] Klicken Sie im unteren Duplikat im Bereich [Ebeneneigenschaften] auf [Randeffekt]. Dadurch erhalten die Buchstaben einen Rand für die Dicke Ihrer Wahl.

[2.2] Wir werden an diesem Rand arbeiten, daher müssen wir die Ebene rastern, nachdem wir die gewünschte Breite erhalten haben.

[2.3] Da wir nur diesen Rand verwenden, können wir den Teil löschen, der die Füllung enthält, indem wir mit der rechten Maustaste auf die Füllebene klicken, [Auswahl aus Ebene]> [Auswahl erstellen] auswählen und diesen Bereich auf der Randebene löschen.

[2.4] Jetzt färben wir es mit einem Farbverlauf von zwei hellen Blautönen. Sperren Sie die Transparenz der Ebene. Unser Farbverlauf enthält mehrere Wiederholungen der Farben (6 bis 8 Wiederholungen sind in Ordnung). Wir können dies im Verlauf selbst oder mit der Option [Kantenvorgang]> [Umkehren] in der Farbpalette [Unterwerkzeug-Detailpalette] des Verlaufs (dem Schraubenschlüsselsymbol in der rechten unteren Ecke des Werkzeugeigenschaftsfensters) tun.

Probieren Sie verschiedene Winkel für den Verlauf aus, bis ein Effekt entsteht, mit dem Sie zufrieden sind.

 

[3] Lassen Sie diese Grenze metallisch aussehen:

[3.1] Erstellen Sie eine neue Ebene über den Rändern. Diese Ebene wird auf [Farbbrand] gesetzt.

[3.2] Erstellen Sie eine Auswahl der Randebene und gehen Sie zu unserer neuen Ebene.

[3.3] Wenn Sie das Auswahlwerkzeug [Polylinienauswahl] auf [Aus Auswahl entfernen] eingestellt haben, deaktivieren Sie die Auswahl verschiedener Teile jedes Buchstabens. Wenn Sie dies ordentlich tun, möchten Sie die Illusion erzeugen, dass jeder Bereich ein reflektierendes Gesicht der Grenze ist, als solches:

[3.4] Decken Sie die Auswahl mit einem Schwarz-Weiß-Farbverlauf ab, der auf [Kantenprozess]> [Umkehren] eingestellt ist. Probieren Sie es aus, bis Sie zufrieden sind.

[3.5] Nur ein Teil der Grenze hat diesen Effekt. Den Rest erledigen wir. Erstellen Sie erneut eine Auswahl aus der Randebene. Gehen Sie zur neuen Metallebene und löschen Sie ihren Bereich aus der Auswahl, indem Sie mit der rechten Maustaste auf die Ebene klicken und zu [Auswahl aus Ebene]> [Auswahl löschen] gehen. Dadurch erhalten Sie den Bereich, den Sie zuvor nicht ausgewählt haben.

[3.6] Wiederholen Sie Schritt [3.4]. Sie können dies in derselben oder einer neuen Ebene tun. Dies hat keine Auswirkungen auf den vorherigen Bereich. Wenn Sie dies in zwei Abzeichen tun, haben Sie unterschiedliche Winkel für jedes Teil.

[4] Beenden Sie den Chrome-Effekt, indem Sie mit dem Dekorationspinsel Sparkle A einige glänzende Flecken hinzufügen:

[4.1] Ich habe dafür gesorgt, dass es einen einzigen Glanz verleiht, indem ich zur [Detailpalette des Unterwerkzeugs]> [Strich]> [Wiederholungsmethode]> [Ein zufälliger Zyklus] gegangen bin.

[4.2] Ich habe auch den Winkel im Eigenschaftenfenster des Werkzeugs geändert.

[4.3] Funkle deine Briefe nach dem Zufallsprinzip!

Okay, wir sind mit dem Chromeffekt fertig! Es sollte ungefähr so aussehen:

Gruppieren Sie alle diese Ebenen, wir werden in Schritt [7] etwas damit tun. Lassen Sie uns jetzt die Neonbuchstaben machen.

Neonbuchstaben:

[5] Lassen Sie uns zunächst die Buchstaben wie Neonröhren aussehen:

[5.1] Öffnen Sie bei ausgewähltem Text im Bedienfeld [Textbearbeitung] die Detailpalette [Hilfswerkzeug]> [Schriftart]> [Gesicht öffnen]> [Gesicht fett öffnen]. Dies gibt Ihnen einige dünne Ränder.

[5.2] Wir geben ihm einen Randeffekt, um die Grenzen zu erweitern. Befolgen Sie Schritt [2.1]. Sie können die Ebene jetzt rastern.

• Leuchtreklamen bestehen aus Röhren, die mit einem Gas gefüllt sind, das bei Elektrifizierung eine Farbe ausstrahlt. Das Gas und der Strom verbinden sich am Ende / Anfang der Röhre (zitiere mich nicht dazu, ich habe es gerade in einem Dokumentarfilm gesehen, je, je). Um diesen Effekt zu erzielen, habe ich einige Bereiche der „Röhre“ gelöscht. Sie können dies tun, wenn Sie es wünschen.

   

[5.3] Dupliziere die Ebene. Die oberste Schicht ist hellrosa und die unterste Schicht ist pink.

• Es gibt viele Möglichkeiten, die Farbe einer Ebene zu ändern. Wählen Sie die gewünschte Farbe aus: (1) Gehen Sie zu [Bearbeiten]> [In Zeichnungsfarbe konvertieren]; oder (2) Sperren der Ebenentransparenz> Klicken Sie auf das Bucket-Symbol in der [Befehlsleiste]. Eine fortgeschrittenere Methode könnte die Verwendung der Tonwertkorrektur sein: Gehen Sie zu [Bearbeiten]> [Tonwertkorrektur]> [Farbton / Sättigung / Leuchtkraft] oder] Verlaufskarte] oder] Pegelkorrektur] und vielen anderen, die ich Ihnen empfehle Machen Sie sich mit diesem Menü vertraut.

 

[5.4] Gehen Sie in der unteren Ebene zu [Filter]> [Weichzeichnen]> [Gaußscher Weichzeichner], um einen Glüheffekt zu erzielen. Dupliziere es und füge die Duplikate zusammen, um die Farbe zu intensivieren.

[5.5] Stelle den Mischmodus dieser Ebene auf Hinzufügen (Leuchten).

 

 

Das ist alles! Wirklich einfach, oder? Machen wir die pinkfarbenen Buchstaben und gehen wir dann in den Hintergrund:

Rosa Buchstaben:

[6] Geben wir ihnen etwas Farbe:

[6.1] Gib ihnen einen Farbverlauf mit zwei Rosa, eines dunkler als das andere. Ich habe das dunklere Rosa unten platziert. Dupliziere die Ebene.

[6.2] Gehen Sie im oberen Duplikat zu [Filter]> [Weichzeichnen]> [Gaußscher Weichzeichner], um einen Glüheffekt zu erzielen. Stellen Sie es auf Hinzufügen (Leuchten) und verringern Sie die Deckkraft.

[6.3] Gehen Sie im unteren Duplikat zu [Filter]> [Weichzeichnen]> [Starke Unschärfe], um die Ränder zu mildern.

 

So sollte alles aussehen:

[7] Wir sind fast fertig! Wir lassen das Leuchten der rosa und neonfarbenen Buchstaben in den Chrombuchstaben reflektieren, um die Illusion zu erzeugen, dass sie sich im selben Raum befinden.

[7.1] Erstelle eine neue Ebene über der Gruppe, die die Neonbuchstaben enthält. Clip es an der Gruppe.

[7.2] Nehmen Sie mit der [weichen] Airbrush die Farbe der rosa Buchstaben und sparsam durch den oberen Bereich der „RETRO“ -Buchstaben. Machen Sie dasselbe für den Boden mit den Neonbuchstaben. Vermeiden Sie es, sie vollständig abzudecken. Der Effekt sollte subtil sein. Stellen Sie sich vor, es ist ein Shinny-Gesang auf einem metallischen.

[7.3] Stellen Sie die Ebene auf [Farbe] und verringern Sie die Deckkraft.

Hintergrund:

[8] Okay, wir sind mit den Briefen fertig. Lassen Sie uns nun den Hintergrund ein wenig aufpeppen:

[8.1] Nimm in einer neuen Ebene unter allem die weiche Airbrush und nimm die Hauptfarben aus den Wörtern auf. Für mich war es wieder pink, blau und pink.

[8.2] Malen Sie den Bereich unter den Buchstaben und um die Leinwand, um eine Umgebung und ein sanftes Leuchten zu erzeugen.

[8.3] Setze diese Ebene auf "Hinzufügen" (Leuchten) und reduziere die Deckkraft.

 

• Sie können dies in mehreren Ebenen für variable Effekte tun.

[8.4] Um einen gewissen Kontrast zu erzeugen und das Design besser lesbar zu machen, habe ich dem Hintergrund ein Dreieck hinzugefügt. Zeichnen Sie einfach mit dem Polylinienwerkzeug ein unregelmäßiges Dreieck, geben Sie ihm einen Verlauf und fertig. Ich hatte das Gefühl, dass es das Ding ein bisschen zu sehr belastete, also war ich unentschlossen.

• In diesen Bildern können Sie Textur und Rauschen sehen. Normalerweise lasse ich diesen Schritt zum letzten Mal, aber ich habe mit neuen Texturen experimentiert und es vorzeitig getan, je, je. Wenn Sie Rauschen möchten, erstellen Sie eine Ebene über allem, füllen Sie sie mit Grau, gehen Sie zu [Filter]> [Rendern]> [Gefahrenrauschen] und spielen Sie mit den Optionen. Eine kleine Skala und Amplitude geben mir immer das gewünschte Ergebnis. Wenn Sie fertig sind, stellen Sie "Überlagern" ein und verringern Sie die Deckkraft.

Die Synthwave-Ästhetik wurde stark von Videospielen inspiriert. Daher ist es üblich, Elemente davon in den Kompositionen zu sehen. Wireframe-Terrains sind sehr beliebt. Sie lassen es so aussehen, als würden Sie ein unvollständiges Spiel spielen. Ich werde Ihnen zeigen, wie ich zwei Versionen mache.

 

 

[9] Für ein Drahtmodell wie das in der Miniaturansicht:

[9.1] Zeichnen Sie mit dem Figurenwerkzeug ein Quadrat. Stellen Sie sicher, dass das Anti-Aliasing des Tools auf "Keine" eingestellt ist. Wenn Sie dies nicht tun, bleibt beim Kacheln ein Leerzeichen zwischen den Quadraten.

[9.2] Konvertieren Sie die Ebene in ein Bildmaterial, indem Sie mit der rechten Maustaste auf die Ebene klicken und [Ebene konvertieren]> [Typ]> [Ebene Bildmaterial] auswählen.

[9.3] Wählen Sie das Bedienwerkzeug. Aktivieren Sie unten im Eigenschaftenfenster des Werkzeugs die Option Kacheln. Dies sollte Ihnen ein Raster geben.

[9.4] Bearbeiten Sie das Hauptquadrat, bis Sie die richtige Größe gefunden haben. Wenn Sie dies tun, rastern Sie die Ebene. Ich empfehle Ihnen, es vor dem Rastern zu duplizieren, da Schritt [9.5] etwas schwierig werden kann.

[9.5] Gehen Sie zu [Bearbeiten]> [Transformieren]> [Freie Transformation] und verschieben Sie die Ecken der Box, bis Sie eine Trapezform haben, die der abgebildeten ähnelt. Die Quadrate sollten jetzt wie ein perspektivisches Gitter aussehen. Die Boxen scheinen zu klein oder zu groß zu sein. Fahren Sie mit Schritt [9.4] fort und vergrößern oder verkleinern Sie das Quadrat. Zeichnen Sie es möglicherweise erneut (Schritt [9.1]), indem Sie das Figurenwerkzeug auf eine dünnere Pinselgröße einstellen. Versuchen Sie es, bis Sie zufrieden sind.

[9.6] Zeichne eine gerade Linie auf eine andere Ebene und platziere sie dort, wo der Horizont sein sollte.

[9.7] Dupliziere beide Ebenen und gib den oberen Duplikaten jede gewünschte Farbe. Wir werden einen Neoneffekt erzeugen, wie wir es zuvor getan haben.

[9.8] Geben Sie den oberen Duplikaten eine Gaußsche Unschärfe (Schritte [5.4] und [6.2]). Stellen Sie sie auf [Hinzufügen (Leuchten)]. Sie können die unscharfen Versionen duplizieren, wenn Sie möchten, dass das Leuchten stärker wird, wie ich es bei der Unschärfe der Horizontlinie getan habe.

[10] Ich befürchtete, dass dieser Effekt mit meinen Neon-Untertiteln konkurrieren würde, und beschloss, sie anders zu gestalten.

[10.1] Befolgen Sie die Schritte [9.1] bis [9.5] genau.

[10.2] Transparenz sperren. Wählen Sie das Verlaufswerkzeug> Verlauf löschen und löschen Sie die Horizontlinie. Auf diese Weise sieht es so aus, als würde es für immer weitergehen.

[10.3] Gehen Sie zu [Bearbeiten]> [Transformieren]> [Netztransformation] und verschieben Sie mehrere Punkte im Raster, damit es wie unregelmäßiges Gelände aussieht. Es liegt an Ihnen, wie subtil oder ausgesprochen es ist. Unten finden Sie zwei Beispiele, eines subtil und eines sehr ausgeprägt.

[10.4] Ändere es in die gewünschte Farbe, reduziere die Deckkraft und fertig!

 

Sie können dem ersten Rasterbeispiel auch Unregelmäßigkeiten hinzufügen. Experimentieren und Spaß haben.

Das ist es! Wir sind fertig!

Gedanken schließen

Mein Design enthält verschiedene Elemente, weil ich Ihnen verschiedene Dinge zum Mischen und Anpassen geben wollte, wie Sie es wollten, aber es sah ein wenig geladen aus, je, je. Es schreit nicht im Stil der 80er Jahre, wenn es nicht lebendig und widerlich ist, oder?

 

Bei diesem und jedem anderen Design, das Sie in Zukunft erstellen möchten, empfehle ich immer, nach Referenzen zu suchen, die gewünschten auszuwählen und zu versuchen, die Art und Weise, wie der Designer sie erstellt hat, rückzuentwickeln. Warum haben sie diese Farben gewählt? Was kann ich anders machen? Wie bekomme ich diesen Effekt? Es führt Sie auf einen Weg der Entdeckung und des Experimentierens, den Sie während Ihrer gesamten Karriere als Künstler benötigen.

 

Ich hoffe, Ihnen gefällt dieses Tutorial. Wenn Sie Fragen haben, können Sie diese als Kommentar schreiben, dem ich gerne helfen würde. Und wenn es nützlich wäre, würde ich gerne sehen, was Sie getan haben! Sie können mich auf Instagram unter @ apey.art oder auf Twitter unter @apey_art markieren.