Wie erstelle ich in Illustrator eine durchgezogene Linie mit einheitlicher Dicke innerhalb einer Briefform?

7

Ich habe alle Arten von Überschriften und Anzeigen gesehen, die diesen Stil verwenden. Ein einfarbiger Abschnitt des Typs hat eine durchgezogene einheitliche Linie einer anderen Farbe, die genau durch die Mitte jedes Buchstabens verläuft. Ich habe alle Arten von Google-Suchen durchgeführt und bin noch nicht einmal annähernd auf die Antwort gekommen (wahrscheinlich, weil ich keine Ahnung habe, wie diese Technik heißt).

Natürlich könnte ich mit dem Stiftwerkzeug einen Pfad auf jeder Briefform zeichnen, aber ich möchte wissen, ob es eine einfachere und zeiteffizientere Möglichkeit gibt, dies zu tun, möglicherweise mithilfe des Darstellungsfensters.

Jede Hilfe wäre sehr dankbar. Das hat mich seit Monaten verrückt gemacht!

Unten finden Sie ein Beispiel für das, worüber ich spreche: "WARM INSIDE" aus einer Chili-Tabletop-Anzeige.

Beispiel aus Chilis Restaurant

adobe-illustrator typography lettering Ian
quelle
Mögliches Duplikat von Wie man Text in einen Strich im Illustrator konvertiert
Scott
@Scott, ähnlich, aber meiner Meinung nach kein Duplikat - der gleiche Ansatz könnte für beide funktionieren, liefert aber nicht die besten Ergebnisse. Die andere Frage erfordert eine echte Monoline-Beschriftung.
e100

Antworten:

1

Es ist unwahrscheinlich, dass Sie mit einem inneren Strich die gewünschten Ergebnisse erzielen.

Geben Sie hier die Bildbeschreibung ein

Mir ist keine automatische Möglichkeit bekannt, den Text so zu gestalten, wie Sie es möchten. Ich denke, der Designer der fraglichen Verpackung hat wahrscheinlich eines von zwei Dingen getan:

  1. Ich habe eine Schrift mit dieser Funktion gefunden (es gibt einige).
  2. Handgefertigter Text und / oder Effekt.

Ich denke, die erste Option ist wahrscheinlicher. Das sollten Sie wahrscheinlich tun. Wenn Sie jedoch nicht viel Text haben, kann das Erstellen des inneren Pfads gut funktionieren und ist möglicherweise nicht zu aufwändig.

Marc Edwards
quelle
Danke für deine Antwort. Ja, ich habe zahlreiche Dinge versucht, um einen Weg zu finden, dies mit Schriftarten zu tun, die diese Funktion nicht haben (wie Myriad Pro Bold), mit fast dem gleichen Ergebnis wie oben: Innenstrich, versetzter Pfad, Innen Glühen usw. Sieht so aus, als ob es sich um benutzerdefinierte Pfade handelt ...
Ian
1
In Illustrator könnten Sie jedoch für einige Schriftarten viel näher kommen, indem Sie einem ähnlichen Vorgang wie dem von Supuhstar in Powerpoint beschriebenen folgen.
e100
10

Geben Sie hier die Bildbeschreibung ein

1. Geben Sie Text ein, klicken Sie mit der rechten Maustaste auf Text und wählen Sie Konturen erstellen .
2. Außenhub auftragen .

Geben Sie hier die Bildbeschreibung ein

MK_
quelle
Es gibt eine viel bessere Möglichkeit, mit einer dünnen Schrift zu beginnen, als sie zu streichen. So können Sie den Text als lebendigen, bearbeitbaren Text beibehalten: Öffnen Sie das AppearanceFenster, klicken Sie auf die Add strokeSchaltfläche, ziehen Sie diesen neuen Strich Charactersim Darstellungsfenster nach unten und legen Sie die Farbe fest wie gewohnt und machen Sie die Größe doppelt so groß wie Sie möchten (also 10pt für 5 Punkte Strich um den Text). Die einzige Schwäche dabei ist, dass der gesamte Text den gleichen Strich haben muss (das ist in diesem Fall kein Problem).
user56reinstatemonica8
4

Um dies gut zu machen, müssen Sie eine für diesen Zweck entwickelte Schrift verwenden - suchen Sie nach "Inline" -Schriftarten.

e100
quelle
Inline - so heißen sie also. Es hat mich verrückt gemacht. Danke für die Hilfe.
Ian
Nein, es gibt Möglichkeiten, Sie könnten eine Schrift verwenden, aber es gibt andere Möglichkeiten.
Muhammad Umer
Das Problem mit einer Inline-Schriftart besteht darin, dass Sie den Text weiterhin vektorisieren (Umriss erstellen) müssen, um die Inline-Schrift und die Kanten einfärben zu können! Es ist jedoch ein einfacher zusätzlicher Schritt.
Go-Junta
2

"Warm Inside" wie von OP beschrieben

Ich konnte diesen Effekt in Microsoft PowerPoint 2007 , 2010 , 2013 und 365 wiederherstellen . Ich habe den Mac 2011 nicht getestet, aber ich gehe davon aus, dass er auch dort funktioniert. Leider verfügen Photoshop und Illustrator nicht über eine der Funktionen ( Gehrungskonturen ), die Sie dazu benötigen. Sie können den Effekt mit den folgenden Schritten erzielen:

  1. Öffnen Sie Microsoft PowerPoint . Muss Version 2007 oder höher sein
  2. Erstellen Sie eine neue PowerPoint- Datei
  3. Erstellen Sie ein Textfeld
  4. Geben Sie einen beliebigen Text in das Textfeld mit einer hellen Schriftart ein , z. B. Segoe UI Light, Ubuntu Light, Source Sans Pro Light usw.
  5. Weisen Sie diesem Text die Farbe des inneren Strichs zu
  6. Rufen Sie das Dialogfeld "Texteffekte formatieren " (oder die Seitenleiste in 2013) auf (Es gibt viele Möglichkeiten, dies zu tun. Am einfachsten ist es normalerweise, mit der rechten Maustaste auf den Text zu klicken und "Texteffekte formatieren ..." auszuwählen.
  7. Im Textgliederung Wählen Sie im Abschnitt durchgezogene Linie und wählen Sie die Farbe des äußeren Hub
  8. Im Gliederungsstil Abschnitt, erhöhen Sie den Wert Breite , bis Sie die Art , wie es aussieht. Versuchen Sie, den Umriss den Text überholen zu lassen
  9. CRUCIAL STEP: Stellen Sie sicher, dass der Cap-Typ auf Flat und der Join-Typ auf Mitre eingestellt ist
  10. Wählen Sie das Textfeld aus . Stellen Sie sicher, dass Sie nicht den Text auswählen , sondern das Feld, in dem er sich befindet.
  11. Öffnen Sie das Dialogfeld "Schriftart" . Es gibt viele Möglichkeiten, dies zu tun. Am einfachsten ist es, auf das kleine Symbol unten rechts im Abschnitt "Schriftart" in der Startleiste zu klicken.
  12. Erhöhen Sie den Zeichenabstand, bis Sie das Aussehen mögen. Versuchen Sie ** eine Lücke zwischen den Buchstaben zu erreichen *
  13. Schließen Sie das Dialogfeld "Schriftart" und stellen Sie sicher, dass das Textfeld weiterhin ausgewählt ist
  14. Duplizieren Sie das Textfeld mit Ctrl+Doder Ctrl+C+V.
  15. Bewegen Sie das neue Textfeld so, dass es perfekt über das alte passt . Dies ist am einfachsten, wenn Sie in den Rastereinstellungen Snaps aktiviert haben.
  16. Öffnen Sie das Dialogfeld "Texteffekte formatieren " (oder die Seitenleiste) erneut
  17. Im Textgliederung Wählen Sie im Abschnitt Keine Zeile

VIOLA! Sie haben sich gerade einen Text mit einer Linie mit einheitlicher Dicke in einer Buchstabenform orchestriert: 3

Supuhstar
quelle
Dies ist wirklich nur das Hinzufügen eines Rahmens außerhalb (die innere Hälfte ist ausgeblendet) und funktioniert nur, wenn die Schrift überhaupt Striche mit einheitlicher Dicke aufweist. Obwohl es ziemlich gut funktioniert.
e100
Mit Illustrator können Sie auch Umrisse auf Gehrung bringen.
e100
Das habe ich nicht gesehen, als ich versucht habe, dies in Illustrator zu tun ... ein Brunnen. Es funktioniert für mich, also dachte ich mir, ich würde teilen: P
Supuhstar
0

Dies ist in Illustrator problemlos möglich.

OPTION 1 (oberes JPG als Beispiel und oberes Bild im zweiten JPG):

1) Sie müssen den Text duplizieren, auf den Sie den Effekt anwenden möchten. Geben Sie Ihren Text ein und verwenden Sie den Befehl "transformieren" im Menü "Objekt". Wählen Sie dann "Verschieben". Setzen Sie im Fenster "Verschieben" überall Nullen, um diesen Text an derselben Position zu duplizieren. Drücken Sie "Kopieren"

2) Wählen Sie den Text auf der Vorderseite. Fügen Sie einen großen Strich einer anderen Farbe mit einer runden Ecke und den zur Mitte ausgerichteten Kanten hinzu (siehe Bilder).

3) Wählen Sie diesen Text aus und führen Sie eine "Gliederung erstellen" durch (im Menütyp / Gliederung erstellen).

4) Wählen Sie diesen oberen Text erneut aus. Gehen Sie dann in das Menü "Objekt" und wählen Sie "Erweitern", aktivieren Sie alle Kontrollkästchen. Dadurch wird der Rand von der Innenseite des Textes getrennt.

5) Löschen Sie für jeden Buchstaben den äußeren Rand aus der Grafik und behalten Sie nur den inneren Teil bei. Sie können den weißen Pfeil für im Auswahlwerkzeug verwenden, einfach auf eine Ecke Ihres Buchstabens klicken und zweimal auf Löschen klicken. Oder Sie können die Gruppierung aufheben und einfach das gesamte Teil auswählen und löschen.

6) Füllen Sie diesen inneren Teil mit dem gewünschten Ton, einem hellen, hellen Gelb, um Ihr Beispiel zu imitieren. Und füllen Sie den noch unberührten Text im Hintergrund mit einem dunkleren Gelb mit mehr Magenta.

7) Wenn Sie den Effekt etwas glätten möchten, können Sie einen kleinen Rand am Innenteil hinzufügen. In meinem Beispiel habe ich ein Gelb verwendet, das zwischen den beiden Gelben für das Farbrezept liegt. Es gibt einen gewissen Glättungseffekt und mischt die beiden Farben ein wenig zusammen. Mein Rand ist 3 Punkte dick.

Aber Sie könnten wahrscheinlich auch das Mischwerkzeug verwenden, es ist nur eine knifflige Sache bei kurvigen Buchstaben.

Sie können die Werte an Ihre Vorlieben und die dafür verwendete Schriftart anpassen. An diesem Punkt können Sie mit den Strichen spielen, um die Dicke der Inline zu ändern. Dies ist nur ein Beispiel.

OPTION 2 (siehe zweites JPG, Beispiel unten):

1) Wählen Sie einfach eine sehr dünne Schriftart und duplizieren Sie eine Kopie dahinter.

2) Füllen Sie das duplizierte Set von außen mit einem dicken Strich und passen Sie es an.

Diese Option sieht bei Think Fonts oder Skriptstilen möglicherweise besser aus.

So erstellen Sie in Adobe Illustrator einen Umriss, der perfekt im Text ausgerichtet ist

ANDERES BEISPIEL FÜR INLINE-EFFEKT

Go-Junta
quelle