Share
Ein paar Mal pro Monat besuchen wir einige der Lieblingsbeiträge unserer Leser aus der gesamten Geschichte von Vectortuts +. Dieses Tutorial von Jonathan wurde erstmals am 24. Februar 2009 veröffentlicht.
Dieses Tutorial ist ideal für fortgeschrittene Anfänger, die ihre Fähigkeiten auf die nächste Stufe bringen möchten. Wir werden untersuchen, wie man 3D-Text erstellt und Tiefenschärfe verwendet, um ein Design zu verbessern.
Möchten Sie auf die vollständigen Vector Source-Dateien und herunterladbaren Kopien jedes Tutorials zugreifen, einschließlich dieses Tutorials? Nehmen Sie an VECTORTUTS PLUS für nur 9 / Monat teil.
Beginnen Sie, indem Sie jeden Buchstaben getrennt eingeben, um den Winkel und die 3D-Qualität jedes Buchstaben anzupassen. Ich verwende eine Schriftart namens Futura Bold. Ich würde empfehlen, eine Schrift zu verwenden, die nicht dünn und filigran ist. Je mehr Gewicht die Schrift hat, desto besser.
Verwenden Sie eine graue oder helle Farbe, damit Sie im nächsten Schritt sehen können, wie Ihr 3D-Text aussieht.
Gehen Sie zu Effekt> 3D> Extrudieren und Abschrägen. Geben Sie Variablen ein, bei denen ich unten hervorgehoben bin, um das angegebene Aussehen zu erzielen.
Selbst nachdem Sie 3D-Effekte angewendet haben, die Sie mit Ihrem Buchstaben haben möchten, können Sie den Buchstaben auch weiterhin in den gewünschten Winkel drehen, wie ich es unten beschrieben habe. Verwenden Sie einfach das Auswahlwerkzeug (V), um den Buchstaben zu drehen.
Klicken Sie auf eine Farbe und die Schattierung wird automatisch auf die verschiedenen Seiten des Buchstabens angewendet.
Verwenden Sie die gleiche Technik für die anderen Buchstaben. Verwenden Sie die Farbfelder-Palette, um schnell einen Bereich lebhafter Farben auszuwählen und auf jeden Buchstaben anzuwenden.
Erstellen Sie eine Tiefenschärfe (das Aussehen von Objekten, die näher und weiter entfernt sind), indem Sie auf Effekt> Unschärfe> Gaußsche Unschärfe gehen. Geben Sie die Variable unten ein und klicken Sie auf OK.
Hinweis: Stellen Sie sicher, dass Ihr Brief nach dem Anwenden der Unschärfe nicht größer oder kleiner skaliert werden muss, da Unschärfeeffekte unabhängig von den in Adobe Illustrator festgelegten Voreinstellungen nicht skaliert werden.
Um einen noch größeren Fokusbereich zu erstellen, können Sie verschiedenen Buchstaben einen eindeutigen Unschärfebetrag geben.
Beobachten Sie, wie der Winkel, die Skalierung, die Unschärfe und die Farbe die Wahrnehmung des gesamten Wortes beeinflussen. Jeder Brief hat eine zufällige Qualität. Die Skala wird variiert, um die Entfernung anzuzeigen. Wieder verstärkt die Unschärfe die Tiefe und die Farben sind alle hell und wiederholen sich nicht nebeneinander.
Geben Sie den Rest der Phrase ein. Die Schriftart, die ich verwende, ist Bickham Script. Wie Sie sehen, unterscheidet sich die Schriftart sehr von der Schriftart, in der das Wort "Playful" geschrieben ist. Dies erzeugt einen schönen Abstand und Kontrast zwischen den beiden. Machen Sie dasselbe für Ihr Layout.
Mit dem Werkzeug "Abgerundetes Rechteck" zeichnen Sie ein Rechteck wie unten gezeigt.
Hinweis: Sie können die Krümmung der Ecken anpassen, indem Sie beim Zeichnen der Form den Aufwärts- oder Abwärtspfeil gedrückt halten.
Füllen Sie das Rechteck mit einem 3-Punkt-Verlauf. Die ganz rechte grüne Farbe hilft dabei, ein etwas dunkleres Grün zu erzeugen, das das Rechteck noch mehr einrahmt.
Bewegen Sie den Text über den Hintergrund. Um einen Farbverlauf auf den Text anzuwenden, müssen Sie ihn zunächst in Konturen umwandeln. Gehen Sie zu Typ> Konturen erstellen. Wählen Sie nun den Text aus und geben Sie ihm einen leichten Grau-Weiß-Verlauf.
Um den Text noch dreidimensionaler erscheinen zu lassen, fügen Sie Inner Glow hinzu, indem Sie auf Effect> Stylize> Inner Glow klicken. Wählen Sie im Dropdown-Menü Modus die Option Bildschirm. Geben Sie für Deckkraft etwa 75 ein und stellen Sie die Unschärfe nach Ihren Wünschen ein.
Nun, da der Brief etwas rund aussieht, gehen wir noch einen Schritt weiter und fügen einen Schatten hinzu. Gehen Sie zu Effekt> Stilisieren> Schlagschatten? Stellen Sie den Modus auf Multiplizieren (damit der Schatten gut mit dem Hintergrund verschmilzt). Stellen Sie Ihre Deckkraft auf etwa 20 ein und verwischen Sie Ihre Wahl.
So sollte Ihr Design jetzt aussehen.
Wir geben bestimmten Gesichtern jedes Buchstabens ein verbessertes Aussehen, indem wir ihnen Farbverläufe geben. Machen Sie zuerst eine Kopie des Briefes. Wählen Sie die Kopie aus und gehen Sie zu Objekt> Darstellung erweitern. Gehen Sie jetzt zu Objekt> Gruppierung aufheben. Fahren Sie mit Aufheben der Gruppierung des Objekts fort, bis Sie das Gesicht des Objekts auswählen können.
Wählen Sie das Gesicht des Buchstabens aus und weisen Sie ihm einen moderaten roten bis dunkelroten Verlauf zu.
Sie können jetzt die verbleibenden Teile des Buchstabens löschen, auf die Sie keinen Verlauf angewendet haben. Legen Sie den Brief mit den 3D-Effekten über den Buchstaben.
Verwenden Sie dieselbe Technik, um Tiefe für alle anderen Buchstaben zu erzeugen, die diese benötigen. In Fällen, in denen die Buchstaben verschwommen sind, wenden Sie einfach die gleiche Unschärfe auf die Vorderseite dieses Buchstabens an. Um zu sehen, wie viel Unschärfe ein Buchstabe enthält, doppelklicken Sie auf diesen Effekt in der Erscheinungspalette.
Als Nächstes geben wir dem Hintergrund ein zufälliges Kreismuster. Zeichne einen Kreis mit dem Ellipse-Werkzeug (L). Für die Zwecke dieses Tutorials habe ich einen schwarzen Kreis verwendet, der Kreis sollte jedoch weiß sein oder die Farbe, die das Muster haben soll. Ziehen Sie den Kreis in die Pinselpalette. Der Dialog im nächsten Schritt wird geöffnet?
Wählen Sie New Scatter Brush aus und klicken Sie auf OK?
Wählen Sie Zufall für Größe, Abstand und Streuung. Ziehen Sie anschließend die kleinen Dreiecke für beide Optionen auf beide Seiten des Schiebereglers. Dadurch wird sichergestellt, dass das Kreismuster variiert und nicht zu häufig wiederholt wird. OK klicken.
Wählen Sie in der Pinselpalette den Kreispinsel aus, den Sie gerade erstellt haben. Wähle das Pinsel-Werkzeug (B) und zeichne eine beliebige Linie. Ihre Linie wird durch ein Kreismuster ähnlich dem unten stehenden ersetzt. Wenn Ihre Kreise nicht beliebig sind, doppelklicken Sie einfach auf den Kreis in der Pinselpalette, um die Parameter zu ändern.
Platziere die Kreise auf einer eigenen Ebene hinter den Buchstaben. Fühlen Sie sich frei, um weitere Linien zu zeichnen oder kopieren Sie das andere Kreismuster, um eine Masse von Kreisen zu erstellen.
Zeichnen Sie mit dem Ellipse-Werkzeug einen Kreis und geben Sie ihm eine radiale Füllung mit einem 3-Punkt-Verlauf. Wenn Sie 3 Punkte verwenden, können Sie dem Kreis eine zusätzliche Hervorhebung geben, die seinen Realismus erhöht. Kopieren Sie diese Form und fügen Sie sie ein paar Mal im Layout ein.
Sie können andere Pinsel mit verschiedenen Formen wie Quadraten, Dreiecken und umrissenen Versionen jeder Form erstellen, um die Dinge interessanter zu gestalten.
Verwenden Sie das Stiftwerkzeug (N), um einige unregelmäßige Formen zu zeichnen, die als Moos oder allgemeines Grün auf den Buchstaben wirken.
Beim Zeichnen mit dem Stiftwerkzeug ist es manchmal schwierig, die Form zu schließen. Am einfachsten schließen Sie eine Form, indem Sie die Wahltaste gedrückt halten, wenn Sie sich dem Startpunkt der Form nähern. Dadurch wird die Form automatisch geschlossen.
Fügen Sie andere sortierte Formen hinzu und geben Sie ihnen einen grünen bis dunkelgrünen Verlauf.
Um Ranken herzustellen, habe ich einfach eines der alternativen Zeichen verwendet, die in der Schriftart Bickham Script enthalten waren. Wenn Ihre Schriftart keine alternativen Zeichen enthält, können Sie versuchen, Teile anderer Buchstaben, z. B. einen Buchstaben, zu verwenden S zum Beispiel. Ansonsten müssen Sie auf die altmodische Weise einige geschweifte Formen zeichnen? Verwenden eines Wacom Tablets und des Stiftwerkzeugs.
Erstellen Sie eine Blattform auf die gleiche Weise wie bei den Moosformen. Je mehr Sie üben, desto besser werden Sie beim Zeichnen von Formen.
Um das Aussehen des Blattes zu verstärken, geben Sie ihm einen inneren Glanz, indem Sie auf Effekt> Stilisieren> Innerer Glanz gehen?
So sollte Ihr Layout jetzt aussehen.
Wir geben dem Hintergrund ein wenig Bewegung, indem Sie mit dem Stiftwerkzeug (P) eine Form ähnlich der unten stehenden zeichnen.
Duplizieren Sie die Form ein paar Mal und passen Sie die Deckkraft an, um das Erscheinungsbild der Form zu verringern. Geben Sie einigen Formen eine zarte Unschärfe, um wieder die Illusion zu erzeugen, dass einige der Swooshes weiter entfernt sind.
Zeichnen Sie mit dem Rechteckwerkzeug ein Rechteck und geben Sie ihm einen 4-Punkt-Verlauf, wobei Weiß an beiden Enden steht.
Legen Sie den Farbverlauf über den Hintergrund und verwischen Sie ihn. Setzen Sie in der Transparenzpalette die Form auf Multiplizieren, damit sie gut mit dem Hintergrund verschmilzt. Fühlen Sie sich frei, wenn nötig, auch die Deckkraft anzupassen.
Hier ist das endgültige Bild. Sie haben gerade gelernt, wie Sie ein Vektor-3D-Briefdesign erstellen. Prost!
Abonnieren Sie den VECTORTUTS RSS-Feed, um mit den neuesten Vektor-Tutorials und -Artikeln auf dem Laufenden zu bleiben.
Accentsconagua