Startseite » Photoshop » Erstellen des The Avengers-Texteffekts mit Illustrator & Photoshop

    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.