Ultimate Type Twisting

Wollten Sie schon immer einmal so drehen, dass es etwas weiter fortgeschritten ist als einige der Optionen, die Sie mit der Warp-Funktion?


Einführung

Wie wäre es mit einem Typ, der aussieht, als wäre er um ein Gesicht gewickelt! Stellen Sie sich vor, Sie benötigen eine spezielle 3D-App oder ein "Hifalutin" -Plug-In?

Nein, mit Illustrator können Sie alles in Illustrator v10 (oder höher) ausführen Mesh Funktion. Es braucht nur ein bisschen Planung und ein paar kleine Abkürzungen, um alles in Gang zu bringen, bleib bei mir und ich bringe dich durch ...



Schritt 1: Referenzmaterial

Bevor wir mit irgendwelchen Werkzeugen in Illustrator arbeiten, müssen wir fotografisches Material beschaffen, auf dem unsere Illustrationen basieren (es wäre ziemlich schwierig, das Bild zu beschwören oder mit einem solchen Projekt zu arbeiten). Idealerweise wäre es am besten, wenn Sie Wenn Sie das Quellbild selbst fotografieren könnten, würden Sie urheberrechtliche Probleme vermeiden.


Schritt 2: Zeichnen

Legen Sie Pauspapier über einen Ausdruck Ihres Fotos und zeichnen Sie Linien, die bestimmten Konturen des Gesichts folgen. Nach meiner Erfahrung ist das Gesicht umso besser, je robuster oder ausgeprägter ein Gesicht ist. Eine dicke schwarze Markierung eignet sich gut für starke, fette Linien. Hier sind einige Tipps:

  1. Versuchen Sie, einige Bereiche wie schwarz, wie Augenbrauen, innerhalb des Mundes und Teile des Haares usw. zu belassen. Dies wird das Bild ein wenig besser definieren. Machen Sie an einigen Stellen auch einige Ihrer Linien dicker.
  2. Lücken zwischen den Textzeilen helfen Ihren Augen, die Illustration als Gesicht und nicht nur als lesbaren Text zu sehen.
  3. Ein weiteres nützliches Gerät ist in diesem Stadium, einige Kurven in Ihre Skizze mit Bleistift zu zeichnen, die die Konturen des Gesichts nachahmen. Dies ist hilfreich, wenn Sie den Typ drehen, um das gewickelte Aussehen zu erzielen.


Schritt 3: Zeichnen der Autolinien

Wenn Sie mit der Linienführung in Ihrer Skizze zufrieden sind, erstellen Sie einen Scan und platzieren Sie ihn in Ihrem Dokument. Ein paar Jahre später benutzten die Leute immer einen Flachbettscanner, um Skizzen in Illustrator zu erstellen, aber heutzutage könnten Sie mit Digitalkameras ganz einfach direkt über Ihrer Zeichnung stehen und stattdessen ein Foto machen und dieses verwenden in einem etwas schrulligen Winkel und dass Sie keine Schatten über das Bild werfen, die das Anzeigen von Bildern in Illustrator möglicherweise schwieriger machen.

Platzieren Sie Ihren Scan in einem Illustrator-Dokument auf einer separaten Ebene und sperren Sie ihn. Die Größe ist nicht wirklich wichtig, da es sich um einen Vektor handelt. Ich fand jedoch, dass ein 150-dpi-Scan in Lettergröße in Ordnung war.

Setzen Sie nun Ihre besten Pen-Tool-Fähigkeiten ein und legen Sie erstaunlich glatte Bezier-Kurven mit einer schwarzen Linie von 4 Punkten ab.

Eine Möglichkeit, die dickere Linienführung zu erreichen, von der wir zuvor gesprochen haben, besteht darin, eine Zeile übereinander zu kopieren und einzufügen und Segmente der beiden Pfade voneinander zu trennen (wie oben) oder mit einer dickeren Linie zu zeichnen - ich entschied mich für 8pt.



Schritt 4: Sagen Sie was?

Sobald Ihre schwarzen Linien gezogen sind, sind wir jetzt in einer lustigen Phase! Wir haben alle diese leeren weißen Bereiche festgelegt und brauchen Wörter, um sie hineinzufügen.

Das Gesicht von Louis Armstrong war die Werbung für eine Compilation-Musik-CD. Ich dachte, ich würde einige Wörter wählen, die die anderen Künstler auf der CD widerspiegeln, und andere Wörter, die in direktem Zusammenhang mit Louis stehen. Ich dachte, ich würde eine etwas andere Farbe für seinen Typ wählen und eine 3. Farbe für die Trompete.

Mein Illustrationsagent Matt in den Drawingbook-Studios in Sydney half bei der Recherche zu Louis und gab mir ungefähr 75 relevante Wörter, Phrasen und Fakten zum Spielen. Ich war wirklich dankbar für die kurzen! Ich hatte gelegentlich nur einen winzigen Platz für ein Wort (siehe Ende der Nase).!

Ich schrieb die Wörter auf ein anderes Blatt Papier und prüfte auf Rechtschreibfehler (… oben rechts, Fred Astaire… Saum, Saum) und steckte es als schnelle visuelle Referenz an die Wand, wenn die Arbeit begann.



Schritt 5: Effektive Schriftarten

Eine letzte Sache, die zu berücksichtigen war, war die Wahl der Schriftart, mit der gearbeitet werden sollte. Es sollte eine sein, die nicht ohne Lücken zu blockieren sollte (sonst wären die Wörter zu schwer zu lesen) und auch den Stil und das Thema der Illustration widerspiegeln.

Basierend darauf würde die Mojo-Schrift nicht funktionieren, da sie schlecht lesbar war und sich ein Hippie-Gefühl der frühen siebziger Jahre anhielt, das nicht Louis Armstrong widerspiegelt. Am Ende bin ich mit einer Schrift namens Machohouse gegangen. Es hatte einen Charakter von fünfzig / sechziger Jahren und war gut lesbar.

Eine andere Sache, die Schrift musste auch funktionieren, wenn der obere und untere Rand jedes Charakters etwas abgeflacht war… mehr dazu!



Schritt 6: Darunter arbeiten

Um Zeit zu sparen, alle Buchstaben verdrehen zu müssen und sicherzustellen, dass die Ober- und Unterteile jedes Zeichens in Bezug zueinander glatt sind, dachte ich, dass es am besten wäre, wenn in Illustrator (wie zuvor skizziert) durchgehende glatte Linien gezeichnet wurden. . Ich platziere meinen Typ unterhalb es. Hier ist ein Testfeld für das rechte Ohr:

  1. Zeigt eine Zeile mit normalem Text in einer leichten Kurve an.
  2. Der Typ wird mit der Mesh-Funktion geändert (siehe nächster Schritt), da Sie sehen, dass die Ober- und Unterseiten der Buchstaben stachelig und gezackt sind.
  3. Der Typ wird unter unserer schwarzen Linie platziert (ich habe ihn rot gehalten, damit Sie durchsehen können).
  4. Hier werden die schwarzen Linien in Weiß umgewandelt, sodass Sie sehen können, wie glatt sie die unregelmäßigen Kanten des Typs maskieren.


Schritt 7: Verdrehen Sie diesen Typ!

Nun, da wir alle Entscheidungen über Wörter, Schriftarten und Textbereiche getroffen haben, ist es an der Zeit, den Text in die Tat umzusetzen. Nehmen wir unser erstes Wort ... "Satchelmouth."

Interessante Pop-Tatsache: Louis Armstrongs Wangen wurden einst als zwei Ledertaschen beschrieben und er wurde als Satchelmouth oder Satchmo 'bekannt..

Geben Sie das Wort in Ihrem Bildmaterial ein. Ich habe meinen ganzen Typ auf einer separaten Ebene unter den Gesichtslinien gehalten, die wir zuvor gezeichnet haben.

Alle Wörter, die wir eingeben, werden anfänglich grob eine Rechteckform sein und werden manchmal in ziemlich radikale Formen umgewandelt. Wenn wir helfen können, den Typ ein wenig zu verändern, indem wir ihn zunächst der endgültigen Form näher bringen, bedeutet dies weniger Netzarbeit.

Der Typ "Satchelmouth" wird also in Louis 'Ohr platziert.

  1. Zeichne eine Linie mit einer leichten Kurve am unteren Rand. Verwenden Sie das Textfeld für den Pfadtext, um unser Wort in der ausgewählten Schriftart zu erstellen.
  2. Verwandeln Sie den Text in Konturen, indem Sie Typ> Konturen erstellen (Cmd + Umschalt + O) anwenden..
  3. Wenden Sie dann Objekt> Umschlagverzerrung> Mit Netz erstellen an (Befehl + Alt + M)..

Es gibt eine Option, um mehrere Zeilen und Spalten mit Mesh zu haben, aber in diesem Fall ist es am besten, jeweils eine Zeile und eine Spalte so nah wie möglich zu halten.


Positionieren Sie den Mesh-Typ ungefähr unter der Ohrform in der Mitte.

Was wir jetzt tun, ist, jede der vier Ecken unserer Netzgrafik zu manipulieren, um den Typ in Form zu bringen. Wenn wir mehr Zeilen und Spalten hätten, hätten wir noch viel mehr zu tun, also werden wir es am Anfang einfach halten.

  1. Bewegen Sie die vier Eckpunkte mit dem Direktauswahl-Werkzeug zu den vier Kanten unserer leeren Form. Es wird ein bisschen verrückt aussehen und nicht gut passen, aber wir legen gerade den Start- und Endpunkt unseres Wortes fest.
  2. Wenn Sie die Mesh-Punkte weiter wegbewegen (immer noch mit dem Direktauswahl-Werkzeug) und einen oder beide der Griffe an jedem Mesh-Endpunkt anpassen, können Sie den Typ in die Form drücken.
  3. Meistens kann der Typ perfekt manipuliert werden, aber gelegentlich bekommen wir die Spitzen von Buchstaben, die zu stark abgehackt werden.
  4. Lücken, bei denen der obere oder untere Rand eines Buchstabens nicht vollständig unter unserer Maskierungslinie liegt.


Schritt 8: Drücken und ziehen

An diesem Punkt verwenden wir das Netzwerkzeug (Befehl + U):

  1. Klicken Sie auf die Textzeile an Stellen, an denen Sie der Meinung sind, dass zusätzliche Punkte hilfreich sind.
  2. Um zu überprüfen, ob der Typ funktioniert, stellen Sie die Liniengrafik bei 90% Deckkraft auf Weiß.
  3. Eine weitere Option, um zu überprüfen, ob der Typ funktioniert, besteht darin, die Liniengrafik in durchgehend weiß zu gestalten.


Schritt 9: Zusätzliche Netzpunkte

Wenn Sie Formen haben, die offensichtlich kompliziert sind, lohnt es sich, das Netz mit Hilfe des Netzwerkzeugs aufzuteilen, um Punkte hinzuzufügen, aber seien Sie gewarnt, fügen Sie nur die Punkte hinzu, wenn Sie sie benötigen.

  1. Die Worte "Dean Martin" wurden mit den horizontalen Mesh-Punkten aufgelöst.
  2. Dies half, wenn Sie das "M" strecken und die scharfe Richtungsänderung zwischen "A" und "R" einleiten.
  3. Beim letzten Buchstaben "N" wurde außerdem ein zusätzlicher Maschenpunkt hinzugefügt, um den Buchstaben vertikal bis zu einem Punkt zu verlängern. Sobald die hinzugefügten Maschenpunkte jedoch durch die Grafik verlaufen, wirken sie sich auf die Reaktion des Gitters aus.

Idealerweise sollte das Wort "Dean Martin" zuerst in die richtige Form gezogen werden. Anschließend wird der letzte Maschenpunkt hinzugefügt, um das letzte "N" nach unten zu ziehen.



Schritt 10: Folgen Sie den Konturen

Beachten Sie, dass die Buchstaben, die die Nase hinunterlaufen, eine leichte Kurve haben, die den Konturlinien entspricht, die wir in der Skizze gezeichnet haben. Wie bereits erwähnt, ist es gut, wenn Sie die Skizze über Ihrem Computer anbringen, damit Sie während der Arbeit immer wieder darauf zurückgreifen können.

Die unten stehende Beschriftung beginnt subtil als konvexe Kurve und ändert sich vom Buchstaben "H" in eine konkave Kurve, wenn wir der ausgeblasenen Form der Wangen folgen.



Schritt 11: Kleine Details

Während "Satchmo" ein großes Wort ist und einen großen Einfluss auf Louis Armstrongs Gesicht hat, sind es die kleineren Worte, die das Kunstwerk zu einem interessanteren Gesamtbild machen.

Wenn Sie zwei Arten von Schriftlinien um das Augenlid von jemandem laufen lassen, kann dies als eine erschreckende Aufgabe erscheinen. Wenn Sie die Ansicht vergrößern und bei einer Vergrößerung von 1600% arbeiten, sollte sich die Arbeitsweise nicht von den größeren Wörtern unterscheiden. Es lohnt sich, von Zeit zu Zeit herauszuzoomen, um sicherzustellen, dass alles lesbar ist.



Schritt 12: Farbumkehrung

Nach einer Weile werden die Worte als Gesicht lesbar! Ich habe anfangs etwas mit Farben herumgespielt, aber ich fand heraus, dass das Bild durch leichte Töne auf schwarzem Hintergrund mit schwarzen oberen Linien wirklich heraussprang.


Sie können auch weichere Effekte mit weißem Hintergrund und oberen Linien erzeugen!



Fazit

Egal für welche Farben Sie sich entscheiden, wenn Ihr Linework sauber ist und alle Ihre Texte lesbar sind, haben Sie ein überzeugendes Design zur Hand. Viel Glück!