Erstellen des The Avengers-Texteffekts mit Illustrator & Photoshop
Im heutigen Tutorial werden wir den im Comic verwendeten Texteffekt (auch einen bevorstehenden Film) neu erstellen - The Avengers, damit wir uns wie ein Held fühlen, zumindest ein Illustrator / Photoshop-Held :)
Wir erstellen den Text manuell in Adobe Illustrator, importieren ihn dann in Adobe Photoshop und wenden einige Effekte und Texturen an. Anstatt “Rächer”, wir werden verwenden “Hongkiat” als Text, oder Sie können jeden beliebigen Text verwenden.
Lass uns anfangen.
Fertig machen
Um diesem Tutorial zu folgen, benötigen Sie folgende Ressource:
- Konkrete Beschaffenheit von VandelayPremier
- Kostenlose Alternative: Kostenlose konkrete Texturen von Texture King
- Die Rächer von Owen Dawson
- Die mächtigen Rächer von Owen Dawson
Rächer-Text-Effekt
Schritt 1: Holen Sie sich die Schrift
Beginnen wir mit der Arbeit an den Charakteren. Unsere erste Option ist die Verwendung einer kostenlosen Schriftart. Nachdem ich mit dem Stichwort "free fonts Avengers" in Google gesucht hatte, fand ich zwei Schriftarten mit Avengers-Design, The Avengers und The Mighty Avengers. Beide werden von Owen Dawson hergestellt. Leider haben beide nicht das vollständige Alphabet für unser Projekt.
Der erste Font hat kein K und O. Wir brauchen diese beiden Zeichen in "Hongkiat". Wir können auch das A-Zeichen nicht verwenden, da es nicht geeignet ist, wenn es zwischen Buchstaben verwendet wird, wie in "Hongkiat"..
Die zweite Schrift scheint aus dem Original-Comic von The Avengers zu stammen. Es hat runde Kanten anstelle von scharfen Kanten. Dieser Schriftstil unterscheidet sich von seinem Filmposter.
Daher ist es die beste Option, die Zeichen manuell zu zeichnen. Wir werden diese Schriftarten nicht verwenden, sie werden jedoch als Referenz für die Erstellung der Zeichen dienen.
Schritt 2: Referenz
Sie sollten nach The Avengers googeln. Dies ist, was ich als Referenz verwende. Speichern Sie die Bilddatei, erstellen Sie eine neue Datei in Adobe Illustrator und fügen Sie die Datei ein. Klicken Sie auf Objekt> Sperren> Auswahl, um das Bild zu sperren und zu verhindern, dass es versehentlich bearbeitet wird.
Schritt 3: Charaktere erstellen
Im aktuellen "AVENGERS" -Text finden wir N und G, die in "HONGKIAT" verwendet werden. Neue Ebene erstellen und Zeichenstift N und G mit dem Stiftwerkzeug nachverfolgen.
Schritt 4
Für andere Zeichen (H, O, K, I, A und T) stützen wir uns auf andere verfügbare Zeichen. Für I verwenden wir das verfügbare N-Zeichen und entfernen die Hälfte davon.
Bei O ändern wir E, indem wir es schließen und in seine Mitte ein Loch einfügen.
Bei K können wir R einfach durch Schneiden des oberen Teils modifizieren.
Wir verwenden R auch als Basiszeichen für A.
Für T verwenden wir ein Zeichen, das wir zuvor erstellt haben.
Schritt 5
Setze alle diese Charaktere in ihre Position. Derzeit haben wir "ONGKIAT".
Schritt 6: Zeichnen Sie das erste Zeichen "H"
Wie im Referenzbild ist der erste Buchstabe im Vergleich zu den anderen sehr groß. Für das H können wir die Referenz aus der Vorschauschrift The Avengers verwenden.
Schritt 7
Zeichne zwei Kreise vom selben Ursprung. Wählen Sie beide Kreise aus, öffnen Sie das Pathfinder-Fenster und wählen Sie Subtrahieren, um eine Ringform zu erstellen.
Schritt 8
Platziere die Ringform auf den Buchstaben H und O. Hinweis: Damit wir besser sehen können, entferne ich nicht verwendete Pfade aus dem Blickfeld.
Schritt 9
Wählen Sie "Ho" -Zeichen aus und klicken Sie auf Objekt> Pfad> Versatzpfad.
Schritt 10
Klicken Sie mit der rechten Maustaste auf H und wählen Sie Gruppierung aufheben, um den Versatzpfad vom Hauptpfad zu trennen. Wiederholen Sie diesen Vorgang bei O.
Schritt 11
Platzieren Sie das große H auf der Ringform, indem Sie auf Objekt> Anordnen> Nach vorne bringen klicken. Wählen Sie ein großes H und einen großen Ring, und wählen Sie dann im Pathfinder-Feld die Option Subtrahieren aus.
Das ist das Ergebnis.
Schritt 12
Klicken Sie mit der rechten Maustaste auf die Ringform und wählen Sie Gruppierung aufheben.
Schritt 13
Platzieren Sie das große O auf der Ringform, indem Sie auf Objekt> Anordnen> Nach vorne bringen klicken. Wählen Sie großes O und die Ringform darunter. Wählen Sie im Pathfinder-Feld die Option Subtrahieren aus.
Unten ist das Ergebnis.
Schritt 14
Löschen Sie verbleibende Teile des Rings, die nicht verwendet werden.
Schritt 15
Dies ist die komplette Vorschau auf unserem aktuellen Pfad.
Schritt 16
Zeichnen Sie zwei Rechtecke und drehen Sie sie um 45 ° und -45 °. Positionieren Sie beide Formen, bis wir eine Pfeilform erhalten.
Schritt 17
Wählen Sie beide Formen aus und wählen Sie in den Pathfinder-Fenstern die Option Unite aus.
Schritt 18
Platziere den Pfeil auf dem H-Zeichen. Siehe Abbildung unten für die Platzierung. Wählen Sie beide Formen aus und wählen Sie Subtrahieren.
Jetzt haben wir einen Pfeil im Zeichen H versteckt. Dieser Text kann jetzt verwendet werden.
Schritt 19: Beginnen Sie mit der Arbeit in Photoshop
Öffnen Sie Photoshop. Erstellen Sie eine neue Datei mit der Größe: 2000 px × 900 px. Hintergrund mit Farbe füllen: # 070707.
Schritt 20: Zeichenpfad importieren
Rückkehr zu Illustrator Wählen Sie alle Zeichenpfade aus und drücken Sie Strg + C, um sie in die Zwischenablage zu kopieren.
Schritt 21
Drücken Sie in Photoshop Strg + V. Einfügen von Text als Pfad.
Text aus Illustrator wird als neuer Pfad eingefügt. Sie finden es im Pfadbedienfeld.
Schritt 22
Wählen Sie den Pfad in O und A aus. Setzen Sie in der Optionsleiste den Modus auf Subtrahieren. In diesem Modus werden beide Pfade Löcher in ihrem Hauptpfad erzeugen.
Schritt 23: Pfad in Form konvertieren
Klicken Sie im Ebenenbedienfeld auf den schwarzen und weißen Kreis. Wählen Sie Volltonfarbe und setzen Sie die Farbe auf # 070c12. Jetzt haben wir eine neue Form basierend auf den importierten Pfaden.
Doppelklicken Sie auf die Ebene, um das Dialogfeld Ebenenstil zu öffnen. Abschrägung und Relief hinzufügen. Wählen Sie Technik: Meißel hart, um harte Kanten zu erhalten.
Dies ist unser aktuelles Ergebnis.
Schritt 24
Fügen Sie konkrete Textur hinzu und platzieren Sie sie auf den Text. Stellen Sie den Mischmodus auf "Bildschirm" und reduzieren Sie die Deckkraft auf 47%..
Schritt 25
Ebenenmaske hinzufügen. Zeichnen Sie einen linearen Farbverlauf von Weiß nach Schwarz.
Schritt 26
Drücken Sie Strg + Alt + G, um die Textur in eine Schnittmaske zu konvertieren. Die Textur geht jetzt in den Text.
Schritt 27
Die Textur wird momentan im unteren Teil des Textes eingeblendet. Lassen Sie uns einige davon enthüllen, indem Sie diese Fläche mit einem Pinsel mit Weiß mit Deckkraft von 30% bemalen. Unten können Sie die Ebenenmaske sehen, nachdem Sie diese Bereiche gemalt haben.
Das ist das Ergebnis. Sie können sehen, dass sich jetzt im unteren Teil des Textes eine subtile Textur befindet.
Schritt 28: Fügen Sie dem Text einen geprägten Stricheffekt hinzu
Duplizieren Sie Text und fügen Sie ihn hinter der ursprünglichen Textebene ein. Ebenenstil hinzufügen: Strich.
Unten sehen Sie, dass das Ergebnis nur eine flache Farbstrichlinie ist.
Schritt 29
Fügen Sie nun Abschrägung und Relief hinzu und setzen Sie den Stil auf Strichprägung. Auf diese Weise wird der Effekt auch auf den gerade hinzugefügten Strich angewendet.
Nun hat der Strich das Erscheinungsbild von Emboss.
Schritt 30
Fügen Sie Äußeres Glühen hinzu, um hinter jedem Zeichen einen subtilen Schatten hinzuzufügen. Momentan können wir den Effekt nicht sehen, da der Hintergrund noch zu dunkel ist.
Schritt 31
Neue Ebene über dem Text mit Stricheffekt erstellen. Drücken Sie die Strg-Taste und klicken Sie auf die Textebene. Klicken Sie auf Auswählen> Ändern> Erweitern. Legen Sie "Ausdehnen" um 3 Pixel fest. Beachten Sie, dass wir die Auswahl um 3 Pixel erweitert haben, damit sie der Strichgröße entspricht.
Füllen Sie die Auswahl mit einem linearen Verlauf von Weiß zu Schwarz zu Weiß.
Setzen Sie den Mischmodus auf Überlagerung. Opazität auf 30% reduzieren.
Schritt 32: Lichter im Hintergrund hinzufügen
Neue Ebene unter dem Text erstellen. Aktivieren Sie das Pinselwerkzeug und setzen Sie die Deckkraft auf 100%. Zeichne eine weiße Linie hinter dem Text.
Schritt 33
Reduzieren Sie die Deckkraft des Pinsels und zeichnen Sie eine größere Linie für die erste Linie.
Schritt 34
Malen Sie einen zufälligen Lichtwurf an den Kanten der Linie.
Schritt 35
Drücken Sie die Strg-Taste und klicken Sie auf die Textebene, um eine neue Auswahl basierend auf der Textform zu erstellen. Erstellen Sie eine neue Ebene und platzieren Sie sie auf dem Haupttext.
Aktivieren Sie das Pinsel-Werkzeug und stellen Sie die Deckkraft auf 10% ein. Malen Sie etwas Weiß auf die Mitte des Textes, als ob der Lichtwurf von hinten kommt.
Unten sehen Sie das Ergebnis vor und nach dem Hinzufügen von Lichtstich.
Schritt 36
Erstelle erneut eine neue Ebene. Legen Sie es auf den Text. Klicken Sie mit der rechten Maustaste und wählen Sie Strich.
Wählen Sie weiße Farbe, Breite: 1 px.
Schritt 37
Drücken Sie Strg + D, um die Auswahl zu entfernen. Wenden Sie Gaußsche Unschärfe an, um die Konturlinie zu mildern.
Schritt 38
Löschen Sie einige der Strichlinien. Diese Linien werden in der Textform hervorgehoben.
Schritt 39
Zeichnen Sie erneut eine Strichlinie auf einer neuen Ebene. Löschen Sie etwas davon als schärferes Highlight.
Schritt 40
Erstellen Sie eine neue Ebene und füllen Sie sie mit einem linearen Farbverlauf von Weiß nach Schwarz. Drücken Sie die Strg-Taste und klicken Sie auf die Textebene.
Schritt 41
Fügen Sie Ebenenmaske hinzu, indem Sie im Ebenenbedienfeld auf das Symbol "Ebenenmaske hinzufügen" klicken. Stellen Sie den Mischmodus auf Überlagern und reduzieren Sie die Deckkraft auf 55%..
Schritt 42: Farbe hinzufügen
Drücken Sie erneut Strg und klicken Sie auf die Textebene.
Fügen Sie die Einstellungsebene Farbton / Sättigung hinzu. Verwenden Sie die Einstellung unten und stellen Sie sicher, dass Sie die Option "Einfärben" aktivieren.
Hier ist das Ergebnis zum Text.
Schritt 43: Textkontrast erhöhen
Neue Ebene erstellen. Drücken Sie die Strg-Taste, klicken Sie auf die Textebene und füllen Sie die Auswahl mit einem radialen Verlauf von Schwarz nach Weiß.
Setzen Sie den Überblendungsmodus auf Überlagerung, und reduzieren Sie die Deckkraft auf 40%..
Schritt 44: Hinzufügen eines Untertitels
Zeichnen Sie ein dünnes Rechteck mit Farbe in den Text: # 3b568. Fügen Sie Ebenenmaske hinzu und bemalen Sie dann beide Enden mit Schwarz. Fügen Sie über dem Rechteck Untertitel hinzu.
Endergebnis
Wir sind fertig! Nachfolgend finden Sie das Ergebnis unseres Tutorials. Klicken Sie auf das Bild, um es in voller Größe zu sehen. Ich hoffe, Ihnen gefällt dieses Tutorial und Sie haben einige neue Techniken gelernt. Wenn Sie Fragen haben, können Sie gerne fragen.
Laden Sie final .PSD herunter.