Advertisement
  1. Design & Illustration
  2. Text Effects

Bleiben Sie mit diesem glänzenden metallischen Text-Kunst-Effekt in Adobe Illustrator Golden

by
Difficulty:AdvancedLength:LongLanguages:

German (Deutsch) translation by Max Benjamin (you can also view the original English article)

Final product image
What You'll Be Creating

In diesem tutorial, Sie ziehen Sie Ihre eigenen Skript-schriftart (oder Arbeit aus-eine vorhandene) und machen es zu einem abgeschlossenen glänzenden, Goldenen design. Erstellen dimension von design durch die Verdoppelung bis auf den text, Linie, Kunst, einrichten, Dünn gestrichelte Wege auf einer Seite, und verwenden Sie golden Farbverläufe zu erstellen, vergoldet Schriftzug passen zu drucken.

In der folgenden Anleitung wird davon ausgegangen, dass Sie vertraut sind mit dem Zeichenstift-Werkzeug (P), Buntstift-Werkzeug (N), und Verlauf-Werkzeug (G), und betont, dass die Technik und der Stil über die genaue Replikation. Let ' s fire up Adobe Illustrator und get on with it!

1. Zeichnung der Buchstaben

Schritt 1

Wir beginnen mit der am besten beschreibende Wort in das endgültige design: golden.

  1. Mit dem Buntstift-Werkzeug (N) mit dem Schriftzug Satz 1 pt Gewicht in das Bedienfeld "Kontur", ich zog ein großes, verworrenes Buchstaben "G". Wenn es macht Sie fühlen sich wohler, können Sie als Basis für Ihr Skript Buchstaben auf einen bereits vorhandenen font und einfach verfolgen Sie die Buchstaben Formen.
  2. Für die "OL" für "Golden" ist, möchte ich sicherstellen, dass die Buchstaben-loop in jeder anderen, als ob mit einem einzigen Goldenen Draht. Zeichnen Sie zwei Drittel der ellipse, beginnend an der Unterseite.
  3. Im letzten Drittel von "O", Schleife unten nach Links und wieder zurück zur rechten Seite.
  4. Dann füllen Sie das "L" durch die Schaffung einer weiteren halben loop-Form.
Drawing letters

Schritt 2

Nicht alle Buchstaben sind miteinander verbunden. Das "D" einfach überlappt die anderen Buchstaben, während die "E" und "N" verbinden.

Writing out gold and golden

Schritt 3

Konzentrieren wir uns auf das Wort "Gold" für die meisten der rendering-Abschnitt dieser Anleitung. Gruppe (Strg-G) gemeinsam Ihre Zeile text. Kopieren (Ctrl-C) und Einfügen (Strg-V) den text, so dass die kopierte Gruppe wird versetzt von der ersten.

Gruppe zusammen die beiden Sätze von text und sperren die Gruppe in der Ebenen-panel. Ich fand es am einfachsten verwenden Sie das Zeichenstift-Werkzeug (P) auf die Spur, die ribbon-ähnliche Formen, gebildet durch Verdoppelung der Linie Kunst, die ich zog für meinen text. Alternativ, Sie können wählen, ein verworrenes Skript-schriftart, die Sie möchten, überspringen Sie diesen gesamten Abschnitt.

Was auch immer Sie wählen, zu tun, legen Sie die Füllfarbe auf #ddbb4f, weil es ist eine wunderbare weiche goldene Farbe, die die Bühne für unsere endgültige design perfekt.

doubling up letters gives it dimension
Verdoppeln Sie die Linie in der Kunst der Buchstaben gibt die design-dimension und Gewicht.

2. Die Rendering-G

Schritt 1

Wenn Sie sich entschieden, überspringen Sie den vorherigen Abschnitt und verwendet eine fertige schriftart, stellen Sie sicher, dass Sie Ihren text unter dem Objekt, bevor Sie fortfahren.

Beginnen wir mit der oberen Schleife. Mit dem Zeichenstift-Werkzeug zeichnen Sie eine Form, die überschneidungen der Unterseite der Schleife und betont die Band-wie Qualität des Textes (siehe unten). Wählen Sie Ihren Buchstaben und die neu gezeichnete Form. Verwenden Sie das Shape-Builder-Tool (Shift-M) zu wählen, der nicht schneidende Teil der neu gezeichnete Objekt. Hebt die Auswahl auf und Löschen Sie diese überflüssige Komponente.

Mit dem Verlaufswerkzeug (G) wenden Sie einen Linearen Gradienten auf diese Form, die aus den folgenden Farben von Links nach rechts:

  • #e3b76c
  • #412927
  • #c3ae3b
  • #f0eb87
  • #d29255

In der Gradienten-panel, stellen Sie den Winkel 83° oder so. Alternativ können Sie passen Sie den Farbverlauf-Winkel mit dem Verlauf-Werkzeug selbst.

Rendering the letter g

Schritt 2

Die nächste Form beginnt oben in der "G" und endet vor dem zweiten loop in dem schreiben beginnt. Verwenden Sie das Shape-Builder-Tool, wie im vorherigen Schritt, um ein neues Objekt perfekt an die Kontur der Buchstaben. Der Lineare Verlauf hat neun Farben; hier sind Sie von Links nach rechts:

  • #653d3b
  • #eeb570
  • #f9e99c
  • #f5e283
  • #ce9440
  • #f1e67c
  • #fffcb3
  • #e0bd61
  • #cd8f52

Winkel der Steigung, so dass es parallel zu der mittleren von der Form (ein bisschen aus parallel mit der Zeichenfläche selbst).

Für kleine highlight Formen, verwenden Sie das Shape-Builder-Tool einmal mehr zu Folgen, der Brief mit der Kontur und wenden Sie einen Linearen Gradienten von #fffbbb bei 100% bis 0% Deckkraft. Highlights wie diese rechts oben die dunkleren Farben in der Goldenen Farbverlauf.

Layering gradients makes the letter shinier

Schritt 3

Weiter mit dem Gradienten aus den beiden vorherigen Schritten zu erstellen, Glanzlicht-und Schatten-Formen auf den Buchstaben G.

  • Beachten Sie, wie die helleren Farben erscheinen nicht in den teilen der Buchstaben, die überlappt werden, von anderen.
  • Die Gestalt des Gradienten wird hier gezeichnet wird akzentuieren den Glanz des Textes. Stellen Sie sicher, dass Sie manipulieren die Griffe der Ankerpunkte genug für die Kurve von der Spitze der highlight-Form.
  • Einmal mehr (und etwas, das Sie nicht oft in diesem tutorial), verwenden Sie das Shape-Builder-Tool, um zu löschen, überflüssige Teile der Formen, die von der Haupt-text-Gruppe.
  • Der Farbverlauf dieses highlight-Form geht aus #f1a46b bei 100% bis 0% Deckkraft. Verwenden Sie den gleichen Farbverlauf aus dem vorherigen Schritt auf alle drei Formen, die heute in der unteren Schleife des "G".
Using oranges and browns softens the gold color

Schritt 4

Verwenden Sie das Zeichenstift-Werkzeug auf die Spur, die äußere Kante des Briefes. Legen Sie die Füllfarbe auf null und die Kontur mit einem Linearen Gradienten mit folgenden Farben:

  • #f2e182
  • #fcf4d4
  • #f7e79f
  • #f2e182

Erhöhen Sie das Gewicht des Strichs 2-3 Punkte (oder was auch immer Dicke für Ihren Schriftzug) und Erweitern Sie die Striche unter dem Objekt. Dies wird den Prozess für die edge auf jeden Brief.

Crete an edge for each letter

Schritt 5

Zum Abschluss der "G" ich habe einige der folgenden kleinen änderungen:

  1. Stellen Sie sicher, dass die Striche, die Linie, die Kanten der Schriftzug nicht verlängern Vergangenheit den rest der Brief Form. Verwenden Sie das Shape-Builder-Tool, schneiden Sie Sie nach unten.
  2. Ich zog ein kleines Rechteck auf der Unterseite der "G"'s tail (es geschah am Ende von der oberen Schleife zu) zu geben, der Brief mehr dimension und machen es Aussehen, als ob es wurden aus einem flachen Goldenen Draht.
  3. Wieder die Kante getrimmt wurde hier, so dass das Gewicht der Pfad nicht verlängern Vergangenheit die Form der Buchstaben selbst.

Gruppieren Sie Ihre "G" - Komponenten, wenn Sie zufrieden mit Ihrem design.

Trim and adjust the details

3. Putting das Gold im Goldenen

Schritt 1

Bewegen Sie sich auf den nächsten Brief, lassen Sie ' s check-out die subtilere Gradienten verwendet, die für jeden Abschnitt der Schleife "O". Wie zuvor, habe ich das Shape-Builder-Tool zum zeichnen einer Form, die folgt die Kontur der Buchstaben und betont Ihre sich ständig verändernden Ebenen.

Der Linear-Gradient verwendet, der auf der Oberseite des "O" enthält die folgenden Farben:

  • #672e25
  • #d2a142
  • #fcf4d4
  • #d2a142
  • #884729

Die drei Formen gezeichnet für die Unterseiten der Halterungen der "O" enthalten, der Farbverlauf im Bild unten zu sehen:

  • #672e25
  • #d2a142
  • #d2a142
  • #884729
Rendering the O

Schritt 2

Weiter auf dem "L". Beachten Sie, wie die erste und größte Form verbindet sich vollständig mit der zweiten Schleife der "O". Verwenden Sie den gleichen Farbverlauf aus dem vorherigen Schritt, mit den Farben zu wiederholen so, dass es zwei Bereiche von highlights.

Vier Formen vervollständigen den Buchstaben "L" an dieser Stelle in das design. Es gibt mehr zu tun, auf die "O" und "L", aber ich fand es einfacher alles zu brechen nach unten in Abschnitte eher als rendering jeden Brief GESONDERT und vor der Vollendung.

Render the L

Schritt 3

Weiter oben haben wir den Buchstaben "D".

  1. Ich begann mit einer einzigartigen Form für den ganzen Brief, mit dem gleichen Farbverlauf wie auf dem "G".
  2. Nach dem einstellen der Farbverlauf im Farbverlaufs-panel (die Verbreitung der Farben aus und justieren den Winkel), ich zog zwei Formen zu definieren, die Drehungen und Kurven in den Buchstaben. Dafür habe ich den gleichen Farbverlauf wie wir verwendet für die Unterseiten der Halterungen der "O".
  3. Schließlich wiederholte ich den Prozess, den wir verwendet, auf dem "G" zu erstellen, die Kanten an den Buchstaben "ALTEN". Es gibt vier Pfade erweitert insgesamt.
Render the D and add edges

4. Hinzufügen Von Buchstaben

Schritt 1

Als Sie haben die meisten von der Technik, die ich hier verwendet haben, werden sich die folgenden Abschnitte befassen sich mit zeigen Alternative Methoden, die Straffung der Verfahren, oder erstellen diese mit unterschiedlichen Buchstaben zu Formen.

Für Vorspeisen, hatte ich zunächst nur erstellt, mit dem Wort "gold" anstatt den gesamten Satz gesehen in das Letzte Stück. Als solche, hinzufügen in das design war entscheidend, zu füllen Raum. Beim hinzufügen von Buchstaben, parallele Linien entlang der oberen und unteren Rand jeder Brief, um sicherzustellen, dass Sie im gleichen Winkel wie diejenigen, die vor kam.

Dies hilft auch, Sie zu visualisieren, was die Band-wie endet, Kurven und Winkel an den Buchstaben sind, bevor Sie gefüllt haben, die in diesen Räumen.

Adding letters

Schritt 2

Wir konzentrieren uns auf den Prozess des "E", es erscheint drei mal im Finale design.

  1. Mit dem gleichen Gradienten wie ich auf das "D" für hervorgehobene Bereiche und Schatten, die ich angelegt habe drei Formen auf der linken Seite das "E". Stellen Sie sicher, dass die Winkel der Gradienten stehen senkrecht zu den Kanten Ihrer Objekte.
  2. Replizieren der Technik verwendet, während Abschnitt 3 (Zeichnung gradient Formen hervorzuheben, Schatten, und zeichnen von Pfaden zu erstellen Kanten). Beachten Sie, wie der Rand Weg in die Mitte der "E" musste geschnitten werden, in zwei Stücke für die Kurve zu sein, gerade Recht. Haben Sie keine Angst zu zeichnen, die Kanten in Schritte, wenn es eine besonders schwierige Kurve.
  3. Konzentrieren dunkleren Farben in Ihrem Verlauf in die untere Seite des geschwungenen Formen, und besonders, wenn ein weiterer Buchstabe oder Form überlappt (Hinweis: die dunklere Farbe hinter dem Stamm des "N").
Rendering the e

Schritt 3

Dies ist die fertige version von meinem Wort "Golden". Fast alle highlights erhalten zusätzliche Verlaufs-Formen wie diejenigen, die wir verwendet, um zu erstellen, Glanzlicht-und Schatten-Formen auf den Buchstaben "G". Mit zusätzlichen Schattierungen von Braun, orange und cremig gelb hält den Ton dieses gold nicht zu kalt.

The full word

5. Rendering Briefe Ohne Base Form

Schritt 1

Eine alternative Methode für das rendering gold text zu zeichnen ist jeder Verlauf, die Form mit dem Zeichenstift-Werkzeug, ohne die Form-Builder-Tool-Methode in der Anleitung beschrieben.

  1. Beginnen Sie mit den basic-Schriftzug. In diesem Fall ist es der rest der endgültige Entwurf, "Wir Sind".
  2. Kopieren, Einfügen, und platzieren Sie den kopierten text an der rechten Seite der original-text. Verwenden Sie das Zeichenstift-Werkzeug und zeichnen Sie horizontale Linien zwischen den offenen Kanten auf der Ober-und Unterseite des design. Gruppieren Sie Ihre Komponenten für jedes Wort und Sperren Sie Sie in der Ebenen-panel.
  3. Beginnend mit dem "W", verfolgen Ende der ersten Kurve. Verwenden Sie den gleichen Farbverlauf wie wir ursprünglich für den "G".
  4. Zeichnen Sie im nächsten Teil der ersten Kurve in der "W". Verwenden Sie den gleichen Farbverlauf wie wir verwendet für die "D". Stellen Sie sicher, dass der Winkel des Gradienten parallel mit den horizontalen enden und Kanten der Buchstaben sind (beachten Sie das Ende der LOCKE).
Additional methods for rendering lettering

Schritt 2

Weiter mit dem Buchstaben "W", habe ich schon Hinzugefügt, die nächste Kurve und die entsprechende edge-Form.

  • Die zweite Diagonale der Brief ist eine große, geschwungene Form.
  • Die Form, unter der zweiten Diagonale (das Ende der ersten Diagonale) verwendet den gleichen Verlauf wie für die Unterseiten der Halterungen der "O". Winkel der Steigung, also der dunklere Teil ist in der oberen linken Ecke der Form (dies war -51.7° für mein Stück).
  • Verfolgen Sie die Kante der beiden Formen. Ich fand es am einfachsten, wenn der Rand war einen singulären Pfad.
Streamline the rendering process

Schritt 3

Lassen Sie uns genau hinsehen, um den Treffpunkt der ersten und der zweiten Diagonale des "W". Verwendet habe ich das Direktauswahl-Werkzeug (A) bestimmen Sie die Ankerpunkte der überlappenden Form, so dass es nicht kick aus der Vergangenheit den Weg der gelben Kante.

Dann mit dem Zeichenstift-Werkzeug, zog ich ein einfaches Rechteck, das diente als ein end-Punkt für die beiden diagonalen. Dies ermöglicht es die Form der Buchstaben, die Aussehen, als ob Sie verbogen waren durch zangen, um zu bekommen, dass die schweren beugen.

Anpassen der Ankerpunkte Ihrer Formen, so dass Sie eine Verbindung herstellen, um das Rechteck am Ende Ihres Briefes.

How to handle sharp curves

Schritt 4

Der Dritte diagonal überlappt die zweite an der Spitze, und die vierte diagonal überlappt die Dritte am unteren Ende. Der Brief ist ständig Schleifen durch sich selbst. Noch einmal, der Boden des vierten diagonalen ist ein Rechteck so dass die scharfe Kurve in das design scheint mehr plausibel.

Completing the W

6. Umgang Mit Anderen Buchstaben Formen

Schritt 1

Zwei oder mehr Instanzen des Buchstabens "E" angezeigt, in mein design. Ich fand es am einfachsten, einfach Kopieren, Einfügen, vergrößern und verkleinern Sie die Buchstaben, wie erforderlich, während der rest des Designs. Wenn dein "E" verbindet mit Ihrem "N", Sie müssen sorgfältig löschen von Ankerpunkten und überflüssige Komponenten.

Scale and adjust repeating letters

Schritt 2

Das "A" hat eine Menge von überlappenden Formen.

  1. Wie bei den vorherigen Buchstaben, beginnen Sie mit dem geschwungenen Heck auf der linken Seite.
  2. Passen Sie den Winkel des Linearen Gradienten verwendet, die in den Stamm und seine geschwungenen Schwanz.
  3. Stellen Sie sicher, dass die Gradienten verwendet, die auf der Schwanz ist heller als das, was die nächste es in der Schaft des "A", da dieser Teil des Entwurfs ist die Krümmung nach außen.
  4. Der zweite Vorbau überlappt die erste an der Spitze, aber es ist überlappt von der curling-bar des "A".
  5. Beachten Sie, wie der curling-bar war getrennt in zwei Formen, so dass es hat eine dimension, die in seinem design. Fünf Formen, die in der Summe das "A" an dieser Stelle.
Rendering the A

Schritt 3

Die Kante des Balkens, von "A" gezeichnet wurde, in einer Form, aber nachdem ich den ausgebaut der Weg, ich zog zwei kleine Verlaufs-Formen auf jeder Seite des überlappenden bar, die von #5e322a bei 100% auf 0% Deckkraft zu trennen, um die Abschnitte und fügen Sie einen Schatten. Ich zog ebenfalls eine kleine Form gefüllt mit #874e2e zu brechen, bis zum Ende des bar mit der Form unten.

Creating the illusion of an overlapping shape
Erstellen Sie die illusion eines überlappenden Form.

Schritt 4

Endlich, der Buchstabe "R" ist aufgeteilt in die drei Formen (siehe unten). Hinweis: die hellgelben Kanten, die auf beiden Seiten des Briefes, da Sie geschwungene in Richtung der Mitte des Briefes.

Breaking down the section of the R

Schritt 5

Schließlich erstellen Sie einige einfache funkelt durch ziehen der kleinen weißen Kreise mit dem Ellipsen-Werkzeug (L) und die Anwendung einer Zusammenziehen-Effekt (Effekt > Verzerren U. Transformieren > Zusammenziehen und Aufblasen"). Ich schob den Schieberegler, um -93%, aber der Betrag wird variieren, abhängig von der Größe des Kreises und die Form, die Sie erstellen möchten. Erweitern Sie die neue Form unter dem Objekt, und Drehen oder überlappen funkelt, wie gebraucht. Legen Sie Sie rund um Ihr glänzendes gold text.

Create simple sparkles

Great Job, Sie sind Fertig!

Geben Sie sich einen Goldenen Stern! Du hast das tutorial beendet und sind bereit, die Welt mit glänzenden, Goldenen text. Ich hoffe, dass die oben erwähnten Techniken inspirieren, die Sie zum erstellen von Bannern, Postern und mehr, die mit herrlichen Goldenen Buchstaben Formen, das glitzern, von der Seite.

We Are Golden final image
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.