Share
Folgen Sie diesem kurzen Tipp und erfahren Sie, wie Sie mithilfe von Typografie einen 3D-Texteffekt erstellen. Es mag kompliziert erscheinen, erfordert jedoch nur wenige Schriftarten, die 3D-Optionen und einige zusätzliche Anpassungen am Ende. Lasst uns beginnen!
Öffnen Sie zunächst ein neues Webdokument. Nehmen Sie das Textwerkzeug (T) und geben Sie "Vector" oder ein anderes Wort ein. Die Schriftart, die ich verwendet habe, heißt Becker Black NF und kann hier gefunden werden. Gehen Sie zum Objekt-Menü und wählen Sie Erweitern und dann Gruppierung aufheben. Wir werden diese Buchstaben nur als Referenz verwenden, um alle Wörter darin zu ordnen.
Bevor wir mit dem Aufbau der neuen Buchstaben beginnen, lassen Sie mich erklären, auf welche Weise dies geschieht und welche Werkzeuge Sie benötigen. Im Bild unten sehen Sie fünf Beispiele. Wie im ersten Beispiel gezeigt, nehmen Sie einfach das Textwerkzeug (T) und beginnen Sie, ein beliebiges Wort einzugeben. Dasselbe gilt für das Vertical Type Tool (Beispiel 2). Beispiel 3: Geben Sie das Wort mit dem Vertical Type-Werkzeug ein und drehen Sie es um 90 Grad. Dasselbe tat ich in Beispiel 4 nur, wenn ich das Wort um minus 20 Grad gedreht habe oder so oft, bis es mit der Kante des Buchstabens übereinstimmt. Beispiel 5: Zeichnen Sie einen Pfad mit dem Stiftwerkzeug (P), wechseln Sie dann zu Typ auf einem Pfadwerkzeug, klicken Sie auf den Pfad und beginnen Sie mit der Eingabe. Alle anderen Wörter wurden auf eine dieser fünf Arten geschrieben.
Im Zeichenbereich (Menü Fenster> Typ> Zeichen) ist neben dem Schrifttyp und der verwendeten Größe auch die Zeichenfolge wichtig Legen Sie die Verfolgung für die ausgewählten Zeichen fest Möglichkeit. Wählen Sie einen positiven Wert, wenn Sie den Abstand zwischen den Buchstaben oder einen negativen Wert erhöhen möchten. Andernfalls, je nachdem, wie Sie die Wörter so anordnen, dass sie alle übereinstimmen.
Nun können Sie den Buchstaben "V" mit verschiedenen Wörtern füllen. Ich empfehle, mit den größeren Wörtern zu beginnen und die kleineren am Ende zu belassen.
Um Ihnen zu helfen, habe ich in den Bildern alle Schriftarten, Größen und Nachlaufwerte aufgelistet, die ich für den Buchstaben "V" verwendet habe. Ich habe nicht alle anderen aufgelistet, um das Tutorial nicht zu langweilig zu machen, aber im Grunde wiederholen sie sich alle.
Zu den in den Bildern gezeigten Schriften gehören Indochine NF und Anja Eliane von hier aus. Der Rest sollte in der Liste der Zeichensätze des Illustrator enthalten sein.
Weiter mit dem Buchstaben "E"
Hier sind die nächsten zwei Buchstaben,
und die letzten zwei.
Wenn Sie fertig sind, gehen Sie zum Menü Objekt und wählen Sie Aussehen erweitern und dann Erweitern. Jetzt müssen Sie alle Wörter wie für den Buchstaben "V" anordnen, denn wenn Sie sie nach dem Anwenden des 3D-Effekts in zufälliger Reihenfolge lassen, wird alles falsch aussehen. Machen Sie dasselbe für andere Buchstaben.
Wählen Sie aus jedem Buchstaben drei Wörter aus und füllen Sie sie mit den drei Rosatönen oder anderen Farben. Wenn Sie fertig sind, ändern Sie die Füllfarbe aller anderen Farben in Grau. Wenn Sie den Vorgang schneller abschließen möchten, wählen Sie nur einen der schwarzen Buchstaben aus, und wählen Sie dann Menü Auswählen> Gleich> Füllfarbe. Als Ergebnis dieser Aktion werden alle schwarzen Buchstaben ausgewählt, und Sie können sie auf einmal mit Grau füllen.
Nachdem alle Buchstaben fertig sind, wählen Sie sie alle aus und wählen Sie im Menü Objekt die Option Gruppieren. Gehen Sie dann zu Effektmenü> 3D und wenden Sie den Extrudieren- und Abschrägungs-Effekt mit den angezeigten Einstellungen an. Klicken Sie auf die Schaltfläche Weitere Optionen, um das gesamte Dialogfeld zu öffnen, und verschieben Sie das Licht wie angegeben. Wählen Sie aus dem Menü Objekt die Option Darstellung erweitern, wenn Sie fertig sind.
Früher haben wir drei Rosatöne verwendet. Wählen Sie mit dem Direktauswahl-Werkzeug (A) nur einen der Buchstaben (die Vorderseite) aus, die Sie mit dem helleren Rosa gefüllt haben, und wählen Sie dann Menü> Gleiche> Füllfarbe. Als Ergebnis dieser Aktion werden alle Wörter ausgewählt, die mit dieser Farbe gefüllt wurden, und Sie können die Füllfarbe durch den für alle angezeigten Farbverlauf ersetzen. Stellen Sie den Winkelwert auf minus 10 Grad.
Wiederholen Sie diesen Schritt für die Wörter, die mit den anderen beiden Rosatönen gefüllt wurden, und verwenden Sie die angegebenen Farbverläufe.
Wählen Sie anschließend mit dem Direktauswahl-Werkzeug (A) die Vorderseite eines der grauen Buchstaben aus, wählen Sie im Menü Auswählen> Gleich> Füllfarbe aus und verwenden Sie den angezeigten Verlauf, um die Füllfarbe für alle auf einmal zu ersetzen. Stellen Sie sicher, dass keine grauen Buchstaben deaktiviert sind, bevor Sie fortfahren.
Wählen Sie nun mit dem Direktauswahl-Werkzeug (A) einen der Buchstaben aus, die Sie im vorherigen Schritt ausgefüllt haben, und wählen Sie dann Menü> Gleiche> Füllfarbe. Wenn Sie alle ausgewählt haben, kopieren Sie sie und fügen Sie sie ein. Gehen Sie dann zu Objekt> Zusammengesetzter Pfad> Erstellen. Sie erhalten den blauen Pfad, der unten gezeigt wird.
Wählen Sie nun eine der Vorderseiten eines Buchstabens aus, der mit dem ersten in Schritt 8 gezeigten Farbverlauf gefüllt ist, und wiederholen Sie diesen Vorgang. Sie erhalten den grünen Pfad, der unten angezeigt wird. Fahren Sie mit den Wörtern fort, die mit den beiden anderen Farbverläufen gefüllt sind, und erstellen Sie die anderen beiden zusammengesetzten Pfade.
Hinweis: Sie können sie nicht an der Vorderseite einfügen (obwohl das einfacher gewesen wäre), da jeder Buchstabe zu einer anderen Gruppe gehört und Sie eine Warnmeldung erhalten, wenn Sie versuchen, den zusammengesetzten Pfad zu erstellen.
Sobald Sie die vier zusammengesetzten Pfade haben, ordnen Sie sie wieder über dem 3D-Text an. Wählen Sie alle vier aus und klicken Sie im Pathfinder-Fenster auf Zu Formbereich hinzufügen> Erweitern. Als Ergebnis erhalten Sie einen einzigen zusammengesetzten Pfad als schwarzen Pfad im nächsten Bild.
Füllen Sie diesen schwarzen zusammengesetzten Pfad mit dem angezeigten Verlauf und ändern Sie den Winkelwert auf minus 70 Grad. Sie wird als Neutral 7 bezeichnet und ist im Menü "Farbfeld-Bibliotheken" unter "Farbverläufe> Neutral" zu finden. Ändern Sie auch den Mischmodus in "Hartes Licht" und reduzieren Sie die Deckkraft auf 50%..
Kopieren und Einfügen vor dem zusammengesetzten Pfad, mit dem Sie im vorherigen Schritt gearbeitet haben, und löschen Sie alle vorhandenen Erscheinungsbilder. Wählen Sie Grün als Füllfarbe oder eine andere. Kopieren und fügen Sie es noch einmal vor und ändern Sie die Füllfarbe in Schwarz, damit Sie eine Farbe von der anderen unterscheiden können. Bevor Sie fortfahren, wählen Sie Bearbeiten> Voreinstellungen> Allgemein und setzen Sie das Tastaturinkrement auf 0,2 px. Bewegen Sie den schwarzen zusammengesetzten Pfad jetzt ein wenig, indem Sie einmal auf die rechte und die untere Pfeiltaste Ihrer Tastatur klicken. Wählen Sie die grünen und schwarzen Pfade aus und klicken Sie im Pathfinder-Bedienfeld auf „Subtrahieren“. Füllen Sie dann den resultierenden zusammengesetzten Pfad mit Weiß. Ändern Sie den Mischmodus in weiches Licht.
Um den Hintergrund zu erstellen, zeichnen Sie ein Rechteck mit dem Rechteckwerkzeug (M) hinter dem 3D-Text. Füllen Sie es mit Grau, öffnen Sie dann das Flyout-Menü im Darstellungsbereich und wählen Sie "Neue Füllung hinzufügen". Behalten Sie die gleiche Füllfarbe bei, und wechseln Sie zu Effekt> Textur und wenden Sie den Grain-Effekt an. Ändern Sie den Mischmodus in "Weiches Licht", jedoch nur für diese zweite Füllung.
Nehmen Sie das Ellipse-Werkzeug (L) und zeichnen Sie drei ovale Formen wie unten gezeigt vor der Hintergrundform, aber hinter dem Text. Füllen Sie sie mit Schwarz und gehen Sie zu Effekt-Menü> Weichzeichnen, und wenden Sie eine 15 px Gaußsche Weichzeichnung an. Stellen Sie sie auf weiches Licht ein und verringern Sie die Opazitäten zwischen 50 und 80%..
Kopieren Sie vor dem Hintergrundrechteck Kopieren und Einfügen, und löschen Sie zunächst die vorhandenen Erscheinungsbilder. Wählen Sie diese Form und auch die drei Ellipsen aus und gehen Sie zu Objekt> Schnittmaske> Erstellen.
Fügen wir etwas Schatten hinzu und wir sind fertig. Wählen Sie die Gruppe der 3D-Wörter aus (nicht die beiden zusammengesetzten Pfade oben) und wählen Sie das Menü Effekt> Stilisieren> Schlagschatten. Stellen Sie die Werte wie gezeigt ein und der Texteffekt ist fertig.
Hier ist das endgültige Bild. Neben der Auswahl der Schriftarttypen und deren Anordnung, was einige Zeit und Energie erfordert, ist dieser Effekt ziemlich einfach zu machen. Ich hoffe du magst es.
Accentsconagua