So erstellen Sie einen schmutzigen, vertieften Typ in Illustrator

Erfahren Sie, wie Sie vertiefte Grafiken erstellen und verwenden, um mit diesem fortgeschrittenen Tutorial für Adobe Illustrator-Künstler ein Gefühl der Tiefe zu vermitteln.

Sie finden die Quelldateien im Verzeichnis "source", das in den heruntergeladenen Dateien enthalten ist. Vielleicht möchten Sie sie kurz durchsehen, bevor wir beginnen.


Schritt 1

Wählen Sie eine Schrift aus, die nicht zu viele abgerundete Ecken oder Kanten hat. Dies erleichtert die Arbeit, wenn der zurückgesetzte Effekt hinzugefügt wird. Im Folgenden habe ich Futura verwendet (was auch die Schriftart ist, die Envato in seinem Netzwerk verwendet!)

Wählen Sie eine dick gewichtete Schrift, die eine bessere Sicht in den vertieften Bereich ermöglicht.



Schritt 2

Wählen Sie den Typ aus und gehen Sie zu 3D> Extrudieren und Abschrägen. Geben Sie die unten hervorgehobenen Rotationen ein. Stellen Sie für die Extrude-Tiefe sicher, dass Ihre Anzahl relativ groß ist, sodass die Tiefe der Buchstaben dramatisch ist.

Geben Sie 1 für Mischschritte ein. Auf diese Weise können Sie die Flächen einfach auswählen, sobald Sie den Effekt anwenden. Stellen Sie die Lichtquelle auf der Kugel so ein, dass jede Seite der Buchstaben unterschiedlich leuchtet. So können Sie leichter sehen, welchen Bereich Sie auswählen.

Aktivieren Sie zum Schluss das Kontrollkästchen Ausgeblendete Gesichter zeichnen, wodurch im Wesentlichen der Effekt des vertieften Typs erstellt wird.



Schritt 3

Wählen Sie den Typ aus und gehen Sie zu Objekt> Darstellung erweitern. Danach gruppieren Sie das Objekt auf, bis Sie es nicht mehr auflösen können (dies dauert in der Regel etwa 4 Ungruppierungen)..



Schritt 4

Wählen Sie die Vorderseite der Buchstaben aus und platzieren Sie sie auf einer neuen Ebene. Deaktivieren Sie diese Ebene für jetzt.

Hinweis: Bewegen Sie die Buchstaben nicht nach oben. Ich habe das nur getan, um Ihnen zu zeigen, was Sie auswählen sollten. Wie Sie sehen, sind die Innenseiten des Briefes mit allen Gesichtern gezeichnet, sobald Sie sehen können, was sich darunter befindet.



Schritt 5

Es kann vorkommen, dass ein Teil eines Briefs nicht automatisch gerendert wird. Dies ist hier der Fall, wo ich hinter dem "C" eine rote Form gezeichnet habe, um diese Instanz hervorzuheben. Passen Sie in diesem Fall einfach die Beleuchtung an (wie in Schritt 2), wenn Sie den 3D-Effekt auf die Buchstaben anwenden. Dies erfordert natürlich ein wenig Arbeit, aber es sollte ziemlich einfach sein. Wenn alle Innenflächen der Buchstaben richtig dargestellt wurden, fahren Sie mit dem nächsten Schritt fort.



Schritt 6

Ich habe zwei Innenflächen des "R" ausgewählt, die ich im Pathfinder zusammenfügen möchte. Alle inneren Seiten der Buchstaben, die voneinander getrennt sind, müssen zusammengefügt werden. Dies geschieht im Allgemeinen nur dann, wenn ein Brief eine gekrümmte Kante hat.

Um die beiden Formen zusammenzuführen, wählen Sie sie aus und klicken Sie im Pathfinder auf Zu Formbereich hinzufügen. Klicken Sie anschließend auf Erweitern.



Schritt 7

Beobachten Sie, wie beide Innenflächen des abgerundeten Teils von "R" jetzt eine Form haben. Wiederholen Sie diesen Vorgang für alle anderen Bereiche oder Buchstaben, in denen dies der Fall ist.



Schritt 8

Die Theke (Innenbereich) des "R" erfordert dieselbe Behandlung.



Schritt 9

Das "R" ist fertig. Fühlen Sie sich frei, welche Farbe Sie verwenden möchten, um eine Trennung zwischen den vielen Buchstabenoberflächen zu schaffen. Wir werden ihnen sowieso in einem anderen Schritt eine braune Steigung geben.



Schritt 10

So sehen alle Buchstaben aus, wenn sie alle inneren Gesichter zusammengefügt haben. Es sollte nicht zu viel Arbeit sein, um diese Phase abzuschließen, solange das von Ihnen eingegebene Wort (oder die von Ihnen gewählte Schriftart) nicht viele gebogene Formen aufweist.



Schritt 11

Schalten Sie die andere Ebene ein, auf der sich die obere Seite des Wortes befindet. Zeichnen Sie auf dieser Ebene mit dem Rechteckwerkzeug (M) ein Rechteck. Setzen Sie das Rechteck hinter das Wort. Wählen Sie nur alle Buchstaben aus und fügen Sie sie mit dem Pathfinder zu einer Form zusammen. Wählen Sie anschließend die Buchstabenform und das Rechteck aus, und klicken Sie im Pathfinder auf Von Formbereich abziehen. Klicken Sie anschließend auf Erweitern, wie unten markiert.



Schritt 12

Sie erhalten ein graues Rechteck mit der Form der Buchstaben, die von der Mitte entfernt werden. Der vertiefte Effekt ist jetzt sehr offensichtlich.



Schritt 13

Geben Sie dem Rechteck einen grünen bis hellgrünen Verlauf, um Gras zu simulieren.



Schritt 14

Wählen Sie eine satte braune Farbe und verwenden Sie für die andere Farbe ganzes Schwarz. Beginnen Sie mit der Anwendung von Farbverläufen auf den inneren Flächen jedes Buchstabens. Wenn der Brief eine gekrümmte Fläche hat, sollten Sie einen radialen Verlauf anstelle eines linearen Verlaufs in Betracht ziehen.



Schritt 15

Sie sollten eine allgemeine Vorstellung davon haben, woher Ihre Lichtquelle kommen soll, damit das Innere der Buchstaben realistischer und konsistenter wirkt.



Schritt 16

Wenden Sie weiterhin Farbverläufe auf die restlichen Buchstaben an.



Schritt 17

So sollte Ihre Abbildung jetzt aussehen.



Schritt 18

Wir werden dem Design einige Steine ​​hinzufügen, um es attraktiver zu machen. Benutze das Bleistift-Werkzeug (N), um beliebige Steinformen zu zeichnen.

Tipp: Halten Sie die Wahltaste gedrückt, wenn Sie die Form während des Zeichnens schließen möchten, da es manchmal schwierig sein kann, eine mit dem Stiftwerkzeug gezeichnete Form zu schließen.



Schritt 19

Überlappen Sie eine andere zufällige Form, um einen schattierten Bereich auf dem Felsen zu erstellen. Verwenden Sie den Pathfinder, um die Form außerhalb des Felsens loszuwerden, die Sie nicht benötigen. Wählen Sie dazu beide Formen aus, klicken Sie im Pathfinder auf "Teilen" und heben Sie die Gruppierung der Formen auf.



Schritt 20

Verleihe den Gesteinsbereichen einen Farbverlauf, um ihr mehr Dimension zu verleihen.



Schritt 21

Erstellen Sie eine Reihe von Felsformen und -größen. Beachten Sie, dass die weiter entfernten Felsen immer kleiner werden. Versuchen Sie, ein angenehmes Muster oder Fluss von Steinen zu erstellen, anstatt ein oder zwei Steine ​​zufällig zu platzieren.



Schritt 22

Platziere andere Gruppen von Steinen an einigen weiteren Stellen. Sie können die Felsen drehen, um ihr Aussehen zu variieren.



Schritt 23

Verwenden Sie das Stiftwerkzeug, um eine grobe Form um jeden Steinhaufen zu zeichnen. Stellen Sie die Transparenz auf Multiplizieren ein und stellen Sie die Deckkraft auf ca. 25% ein..



Schritt 24

Gehen Sie zu Effekt> Weichzeichnen> Gaußscher Weichzeichner und geben Sie einen Wert ein, der für Sie gut aussieht.



Schritt 25

Wiederholen Sie diesen Vorgang für die anderen Gesteinsbereiche.



Schritt 26

Zeichnen Sie mit dem Stiftwerkzeug (P) einige elegante Rankenformen, die die Steifigkeit des vertieften Typs ergänzen.



Schritt 27

Es ist schwierig, die Formen reibungslos fließen zu lassen, aber mit genügend Übung werden Sie den Dreh raus haben!



Schritt 28

Erstellen Sie zufällige Formen neben der Illustration oder zeichnen Sie sie direkt dahin, wo sie letztendlich hinführen. Sie müssen nicht zu viele Formen zeichnen, um verschiedene Looks zu erhalten. Sie können die gleiche Form drehen und kürzen oder maskieren, um sie völlig anders aussehen zu lassen.



Schritt 29

Platzieren Sie die Weinreben auf interessante Weise über den verschiedenen Buchstaben. Geben Sie ihnen einen grünen bis schwarzen Farbverlauf, wobei sich der schwarze Bereich in Richtung der Buchstabenöffnung befindet.



Schritt 30

Variieren Sie die Skala der Reben, damit sie nicht dünn aussehen. Sie möchten, dass einige Reben hervorstechen, während andere nur dazu beitragen, das Design auszugleichen.

Achten Sie genau darauf, wie Sie die Reben am Rand der Buchstaben behandeln. Stellen Sie sicher, dass sie so aussehen, als ob sie in den Buchstaben eingehen würden, anstatt den Rand unachtsam zu überlappen.



Schritt 31

Verleihen Sie den Ranken Schatten, indem Sie ähnliche Rebenformen zeichnen und ihnen einen Schwarz-Weiß-Verlauf geben, dessen Transparenz auf Multiplizieren eingestellt ist und deren Deckkraft etwa 75% beträgt..



Schritt 32

Verwischen Sie den Schatten, indem Sie auf Effekt> Unschärfe> Gaußsche Unschärfe gehen.



Schritt 33

Zuletzt fügen wir einen einzigartigen Atmosphäre-Effekt hinzu, indem Sie eine zufällige wispy-Form verwenden (siehe unten). Legen Sie in der Transparenzpalette die Deckkraft auf etwa 40% fest..



Schritt 34

Geben Sie der Form einen radialen Farbverlauf von Schwarz zu Weiß, und stellen Sie den Modus Transparenz auf Bildschirm ein. Wenn Sie den Farbverlauf in die Form zeichnen, stellen Sie sicher, dass Ihr Mittelpunkt des Farbverlaufs liegt NICHT auf der Form, da dies einen sehr harten weißen Bereich erzeugen würde. Der Look, den wir suchen, ist viel subtiler. Fügen Sie ein paar weitere Bereiche hinzu und Sie sind fertig.



Endgültiges Bild

Hier ist das endgültige Bild. Sie haben gerade gelernt, wie Sie ein vertieftes Schriftdesign erstellen!