Bleiben Sie mit diesem glänzenden metallischen Textkunst-Effekt in Adobe Illustrator golden

Was Sie erstellen werden

In diesem Lernprogramm zeichnen Sie Ihre eigene Skriptschriftart (oder arbeiten eine vorhandene aus) und rendern sie in ein vollständig glänzendes, goldenes Design. Erstellen Sie Bemaßungen im Design, indem Sie die Liniengrafiken des Texts verdoppeln, dünne Pfade auf einer Seite einrichten und goldene Farbverläufe verwenden, um vergoldete Schriftzüge zu erstellen, die zum Drucken passen.

Das folgende Tutorial setzt voraus, dass Sie mit der Stiftwerkzeug (P)Bleistiftwerkzeug (N), und Verlaufswerkzeug (G), und betont Technik und Stil über die exakte Nachbildung. Lassen Sie uns Adobe Illustrator starten und weitermachen!

1. Zeichnen der Buchstaben

Schritt 1

Wir beginnen mit dem beschreibendsten Wort im endgültigen Design: golden.

  1. Verwendung der Bleistiftwerkzeug (N) mit dem Hub auf eingestellt 1 Punkt Gewicht in dem Schlaganfall Ich zeichnete einen großen, unregelmäßigen Buchstaben "G". Wenn Sie sich dadurch wohler fühlen, können Sie Ihre Skriptbuchstaben auf eine bereits vorhandene Schriftart stützen und die Buchstabenformulare einfach nachverfolgen.
  2. Für das "OL" von "Golden" möchte ich sicherstellen, dass die Buchstaben ineinander geraten, als ob sie mit einem einzigen goldenen Draht erstellt wurden. Zeichnen Sie zwei Drittel einer Ellipse, beginnend am unteren Rand.
  3. Fahren Sie im letzten Drittel des "O" nach links und wieder nach rechts.
  4. Vervollständigen Sie dann das "L", indem Sie eine weitere Halbschleifenform erstellen.

Schritt 2

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

Schritt 3

Für den Großteil des Rendering-Abschnitts dieses Tutorials konzentrieren wir uns auf das Wort "Gold". Gruppe (Control-G) zusammen Ihre einzelne Textzeile. Kopieren (Control-C) und Einfügen (Kontrolle-V) der Text, so dass die kopierte Gruppe gegenüber der ersten versetzt ist. 

Gruppe zusammen beide sätze und sperren sie die gruppe im Schichten Panel. Ich fand es am einfachsten, die Stiftwerkzeug (P) Um die bandartigen Formen zu verfolgen, die durch das Verdoppeln der Strichzeichnungen gebildet wurden, zeichnete ich für meinen Text. Alternativ können Sie eine unregelmäßige Skriptschriftart wählen, die Sie möchten, und den gesamten Abschnitt überspringen. 

Stellen Sie die Füllfarbe auf was auch immer Sie wählen # ddbb4f weil es eine wundervolle weiche Goldfarbe ist, die die Bühne für unser endgültiges Design bildet.

Das Verdoppeln der Linienkunst der Buchstaben ergibt die Bemaßung und das Gewicht des Designs.

2. Rendern des G

Schritt 1

Wenn Sie sich dazu entschieden haben, den vorherigen Abschnitt zu überspringen und eine vorgefertigte Schriftart zu verwenden, stellen Sie sicher, dass Erweitern Ihr Text unter Objekt vor dem Fortfahren.

Beginnen wir mit der obersten Schleife. Verwendung der Stiftwerkzeug, Zeichnen Sie eine Form, die die Unterseite der Schleife überlappt und die bandartige Qualität des Textes betont (siehe unten).. Wählen Ihr Brief und die neu gezeichnete Form. Verwenden Sie die Form-Builder-Werkzeug (Umschalttaste-M) um den nicht schneidenden Teil des neu gezeichneten Objekts auszuwählen. Abwählen und Löschen diese fremde Komponente.

Verwenden Sie die Verlaufswerkzeug (G) a beantragen Linearer Verlauf zu dieser Form, bestehend aus folgenden Farben, von links nach rechts:

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

In dem Gradient Stellen Sie den Winkel auf 83 °, oder so. Alternativ können Sie den Winkel des Verlaufs auch mit einstellen Verlaufswerkzeug selbst.

Schritt 2

Die nächste Form beginnt am oberen Rand des "G" und endet, bevor die zweite Schleife im Buchstaben beginnt. Verwenden Sie die Form-Builder-Werkzeug, wie im vorherigen Schritt, um ein neues Objekt perfekt an die Kontur des Buchstabens anzupassen. Das Linearer Verlauf angewendet hat neun farben; hier sind sie von links nach rechts:

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

Richten Sie den Farbverlauf so aus, dass er parallel zur Mitte der Form liegt (etwas abseits von der Zeichenfläche selbst)..

Für kleine Hervorhebungsformen verwenden Sie die Form-Builder-Werkzeug noch einmal, um der Kontur des Buchstabens zu folgen und a Linearer Verlauf gehen von #fffbbb beim 100% zu 0% Opazität. Platzieren Sie solche Highlights genau über dunkleren Farben im goldenen Verlauf.

Schritt 3

Verwenden Sie weiterhin die Farbverläufe der vorherigen beiden Schritte, um Schatten und hervorgehobene Formen auf dem Buchstaben G zu erstellen.

  • Beachten Sie, dass hellere Farben nicht in Teilen der Buchstaben erscheinen, die von anderen überlappt werden. 
  • Die hier gezeichnete Verlaufsform verstärkt den Glanz des Textes. Stellen Sie sicher, dass Sie die Ziehpunkte der Ankerpunkte so anpassen, dass sie für die Kurve der Spitze der Hervorhebungsform ausreichend sind.
  • Noch einmal (und etwas, was Sie in diesem Tutorial oft tun werden), verwenden Sie die Form-Builder-Werkzeug um überflüssige Teile von Formen aus der Haupttextgruppe zu löschen.
  • Der Verlauf dieser Highlightform geht von aus # f1a46b beim 100% zu 0% Deckkraft. Verwenden Sie für alle drei Formen, die jetzt die untere Schleife des "G" bilden, den gleichen Verlauf wie im vorherigen Schritt..

Schritt 4

Verwenden Sie die Stiftwerkzeug um den äußeren Rand des Buchstabens zu verfolgen. Setzen Sie die Füllfarbe auf null und den Strich auf a Linearer Verlauf mit folgenden Farben:

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

Erhöhen Sie die Gewicht vom Schlaganfall bis 2-3 pts (oder welche Dicke auch immer für Ihre Beschriftung passt) und Erweitern die Schläge unter Objekt. Dies ist der Prozess für den Rand für jeden Buchstaben.

Schritt 5

Um das "G" abzuschließen, habe ich einige der folgenden kleinen Änderungen vorgenommen:

  1. Stellen Sie sicher, dass die Striche, die die Ränder Ihrer Beschriftung säumen, nicht über den Rest der Buchstabenform hinausragen. Verwenden Sie die Form-Builder-Werkzeug sie abschneiden.
  2. Ich zeichnete ein kleines Rechteck an der Unterseite des "G" -Schwanzes (es wurde auch am Ende der oberen Schleife gemacht), um dem Buchstaben mehr Dimension zu verleihen und ihn so aussehen zu lassen, als wäre er aus einem flachen goldenen Draht gefertigt.
  3. Wieder wurde die Kante hier beschnitten, sodass das Gewicht des Pfads nicht über die Form des Buchstabens hinausragte.

Gruppe zusammen Ihre "G" -Komponenten, wenn Sie mit Ihrem Design zufrieden sind.

3. Gold in Gold setzen

Schritt 1

Um zum nächsten Buchstaben zu gelangen, schauen wir uns den subtileren Gradienten an, der für jeden Abschnitt der Schleife "O" verwendet wird. Nach wie vor habe ich die Form-Builder-Werkzeug eine Form zu zeichnen, die der Kontur des Buchstabens folgt und die sich ständig ändernden Ebenen betont.

Das Linearer Verlauf Oben auf dem "O" stehen folgende Farben:

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

Die drei Formen, die für die Unterseite der Schlaufen des "O" gezeichnet sind, enthalten den im Bild unten gezeigten Verlauf:

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

Schritt 2

Fahren Sie weiter bis zum "L". Beachten Sie, wie die erste und größte Form vollständig mit der zweiten Schleife des "O" verbunden ist. Verwenden Sie den gleichen Farbverlauf von der vorherige Schritt, wobei sich die Farben wiederholen, so dass es zwei Bereiche mit Highlights gibt.

Vier Formen vervollständigen den Buchstaben "L" an dieser Stelle im Design. Sowohl für das "O" als auch für das "L" gibt es mehr zu tun, aber ich fand es einfacher, alles in Abschnitte zu unterteilen, anstatt jeden Buchstaben einzeln und vollständig zu rendern.

Schritt 3

Als nächstes haben wir den Buchstaben "D".

  1. Ich habe mit einer einzigartigen Form für den gesamten Buchstaben angefangen und den gleichen Verlauf wie auf dem "G" verwendet.. 
  2. Nach dem Einstellen der Steigung im Gradient In der Tafel (die Farben verteilen und den Winkel anpassen) zeichnete ich zwei Formen, um die Drehungen und Kurven innerhalb des Buchstabens zu definieren. Dafür habe ich den gleichen Farbverlauf verwendet, den wir für die Unterseiten der Schleifen des "O" verwendet haben..
  3. Schließlich wiederholte ich der Prozess, den wir auf dem "G" verwendet habenUm die Kanten auf den Buchstaben "ALT" zu erstellen. Es gibt insgesamt vier erweiterte Pfade.

4. Briefe hinzufügen

Schritt 1

Da Sie die meiste Technik, die ich hier verwendet habe, kennen, werden Sie sich in den folgenden Abschnitten damit befassen, alternative Methoden zu zeigen, den Prozess zu rationalisieren oder verschiedene Buchstabenformen zu erstellen.

Für den Anfang hatte ich anfangs nur das Wort "Gold" erstellt und nicht die gesamte Phrase, die im letzten Stück zu sehen ist. Daher war das Hinzufügen in das Design entscheidend, um Platz zu schaffen. Verwenden Sie beim Hinzufügen von Buchstaben parallele Linien am oberen und unteren Rand jedes Buchstabens, um sicherzustellen, dass sie sich in demselben Winkel befinden wie die vorangegangenen.

Auf diese Weise können Sie auch die Enden, Kurven und Winkel der Buchstaben in der Art des Farbbandes visualisieren, bevor Sie diese Felder ausfüllen.

Schritt 2

Konzentrieren wir uns auf den Prozess des "E", wie er im endgültigen Entwurf dreimal erscheint.

  1. Mit den gleichen Verläufen, die ich für "D" für hervorgehobene Bereiche und Schatten verwendet habe, habe ich drei Formen auf der linken Seite des "E" erstellt. Stellen Sie sicher, dass die Winkel der Farbverläufe senkrecht zu den Kanten der Objekte liegen.
  2. Reproduzieren Sie die in Abschnitt 3 verwendete Technik (Zeichnen von Verlaufsformen zum Hervorheben, Schattieren und Zeichnen von Pfaden zum Erstellen von Kanten). Beachten Sie, wie der Kantenpfad in der Mitte des "E" in zwei Teile geschnitten werden musste, damit die Kurve genau richtig ist. Haben Sie keine Angst, Kanten in Stufen zu zeichnen, wenn es sich um eine besonders schwierige Kurve handelt.
  3. Konzentriere dunklere Farben innerhalb deines Farbverlaufs in der Unterseite gekrümmter Formen und vor allem, wenn ein anderer Buchstabe oder eine andere Form sie überlappt (beachte die dunklere Farbe hinter dem Stamm des "N")..

Schritt 3

Dies ist die vollständige Version meines Wortes "Golden". Nahezu alle Highlights erhielten zusätzliche Farbverläufe, wie sie zum Erstellen von Schatten- und Hervorhebungsformen auf dem Buchstaben "G" verwendet wurden. Die Verwendung von zusätzlichen Braun-, Orange- und Cremegeluancen sorgt dafür, dass der Ton dieses Goldes nicht zu kalt wird.

5. Rendern von Buchstaben ohne Basisform

Schritt 1

Eine alternative Methode zum Rendern von Goldtext ist das Zeichnen der jeweiligen Verlaufsform mit der Stiftwerkzeug, ohne die Form-Builder-Werkzeug Methode in diesem Tutorial beschrieben.

  1. Beginnen Sie mit Ihrer Grundbeschriftung. In diesem Fall ist es der Rest des endgültigen Designs: "We Are".
  2. KopierenEinfügen, und platzieren Sie den kopierten Text rechts vom Originaltext. Verwenden Sie die Stiftwerkzeug um horizontale Linien zwischen den offenen Kanten oben und unten im Design zu zeichnen. Gruppe zusammen Ihre Komponenten für jedes Wort und Sperren sie in der Schichten Panel.
  3. Beginnen mit dem "W", Verfolgen Sie das Ende der ersten Kurve. Verwenden Sie den gleichen Gradienten, den wir ursprünglich für das "G" verwendet haben..
  4. Zeichnen Sie den nächsten Teil der ersten Kurve im "W". Verwenden Sie den gleichen Verlauf wie für "D". Stellen Sie sicher, dass der Winkel des Verlaufs parallel zu den horizontalen Enden und Kanten der Buchstaben ist (beachten Sie das Ende der Wellung)..

Schritt 2

Weiter mit dem Buchstaben "W" habe ich bereits die nächste Kurve und die entsprechende Kantenform hinzugefügt.

  • Die zweite Diagonale des Buchstabens ist eine große, geschwungene Form.
  • Die Form unter der zweiten Diagonale (das Ende der ersten Diagonale) verwendet den gleichen Gradienten wie für die Unterseiten der Schleifen des "O". Richten Sie den Farbverlauf so aus, dass sich der dunklere Bereich links oben in der Form befindet -51,7 ° für mein Stück).
  • Verfolgen Sie den Rand dieser beiden Formen. Ich fand es am einfachsten, wenn der Rand ein einzelner Pfad war.

Schritt 3

Schauen wir uns den Treffpunkt der ersten und zweiten Diagonale des "W" genau an. Ich habe die Direktauswahl-Tool (A) um die Ankerpunkte der überlappenden Form so anzupassen, dass sie nicht über den Pfad der gelben Kante hinausragen.

Dann mit der Stiftwerkzeug, Ich zeichnete ein einfaches Rechteck, das als Endpunkt für die beiden Diagonalen diente. Dadurch kann die Form der Buchstaben aussehen, als ob sie von einer Zange gebogen wurden, um diese starke Biegung zu erhalten.

Passen Sie die Ankerpunkte Ihrer Formen so an, dass sie mit dem Rechteck am Ende Ihres Buchstabens verbunden sind.

Schritt 4

Die dritte Diagonale überlappt die zweite oben und die vierte Diagonale überlappt die dritte unten. Der Brief durchläuft sich ständig. Wieder hat die vierte Diagonale ein weiteres Rechteck, wodurch die scharfe Kurve im Design plausibler erscheint.

6. Umgang mit anderen Buchstabenformen

Schritt 1

Zwei weitere Instanzen des Buchstabens "E" erscheinen in meinem Entwurf. Ich fand es am einfachsten KopierenEinfügen, und Rahmen Der Brief wird im restlichen Design benötigt. Wenn Ihr "E" mit Ihrem "N" verbunden ist, müssen Sie Ankerpunkte und überflüssige Komponenten sorgfältig löschen.

Schritt 2

Das "A" hat viele überlappende Formen.

  1. Beginnen Sie wie bei den vorherigen Buchstaben mit dem geschwungenen Schwanz links.
  2. Passen Sie die Winkel an Lineare Gradienten im Stiel und seinem geschwungenen Schwanz verwendet. 
  3. Stellen Sie sicher, dass die Steigung des Hecks heller ist als der nächstliegende im A-Stamm, da dieser Teil des Designs nach außen gekrümmt ist.
  4. Der zweite Stamm überlappt den ersten am oberen Rand, aber der Curling-Balken des "A" überlappt ihn..
  5. Beachten Sie, wie der Lockenstab in zwei Formen unterteilt wurde, so dass er Abmessungen hat. Insgesamt bilden fünf Formen das "A" an dieser Stelle.

Schritt 3

Der Rand des Balkens des "A" wurde in einer Form gezeichnet, aber nachdem ich den Pfad erweitert hatte, zeichnete ich auf beiden Seiten des überlappenden Balkens zwei kleine Verlaufsformen, von denen der Balken ausgeht # 5e322a beim 100% zu 0% Deckkraft um die Abschnitte zu trennen und einen Schatten hinzuzufügen. Ich habe auch eine kleine Form gezeichnet # 874e2e brechen Sie das Ende der Stange mit der Form darunter auf.

Die Illusion einer überlappenden Form erzeugen.

Schritt 4

Schließlich wird der Buchstabe "R" in drei Formen unterteilt (siehe unten). Beachten Sie die hellgelben Kanten, die auf beiden Seiten des Buchstabens angezeigt werden, da sie in Richtung der Buchstabenmitte gekrümmt sind.

Schritt 5

Zum Schluss können Sie einige einfache Funkeln erzeugen, indem Sie kleine weiße Kreise mit dem Symbol zeichnen Ellipsenwerkzeug (L) und Anwenden eines Fältchen Wirkung (Effekt> Verzerren und verwandeln> Pucker & Bloat). Ich schob den Schieberegler auf -93%, Die Menge hängt jedoch von der Größe Ihres Kreises und der Form ab, die Sie erstellen möchten. Erweitern die neue Form unter Objekt, und Drehen oder Überlappung funkelt nach Bedarf. Platzieren Sie sie um Ihren glänzenden goldenen Text.

Großartiger Job, du bist fertig!

Gib dir einen goldenen Stern! Sie haben das Tutorial abgeschlossen und sind bereit, die Welt mit glänzendem, goldenem Text aufzunehmen. Ich hoffe, dass die oben beschriebenen Techniken Sie dazu inspirieren, Banner, Poster und mehr mit prachtvollen goldenen Buchstaben zu erstellen, die von der Seite glänzen.