Wie erstelle ich in Illustrator eine durchgezogene Linie mit gleichmäßiger Dicke innerhalb einer Buchstabenform?

Ich habe alle möglichen Überschriften und Anzeigen gesehen, die diesen Stil verwenden. Ein einfarbiger Textabschnitt hat eine durchgehende, einheitliche Linie in einer anderen Farbe, die genau durch die Mitte jedes Buchstabens verläuft. Ich habe alle möglichen Google-Suchen durchgeführt und bin nicht einmal annähernd darauf gekommen, die Antwort zu finden (wahrscheinlich, weil ich keine Ahnung habe, wie diese Technik heißt).

Natürlich könnte ich mit dem Stiftwerkzeug einen Pfad auf jede Buchstabenform zeichnen, aber ich möchte wissen, ob es einen einfacheren und zeitsparenderen Weg gibt, dies zu tun, vielleicht mit dem Darstellungsfenster.

Jede Hilfe wäre sehr willkommen. Das treibt mich seit Monaten in den Wahnsinn!

Unten finden Sie ein Beispiel dafür, wovon ich spreche: "WARM INSIDE" aus einer Tischanzeige von Chili's.

Beispiel aus Chilis Restaurant

@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 verlangt eine wirklich monoline Beschriftung.

Antworten (6)

Geben Sie hier die Bildbeschreibung ein

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

Geben Sie hier die Bildbeschreibung ein

Es gibt eine viel bessere Möglichkeit, mit dünner Schrift zu beginnen, als um sie herum zu streichen, wodurch Sie den Text als lebendigen, bearbeitbaren Text behalten können: Öffnen Sie das AppearanceFenster, drücken Sie die Schaltfläche, ziehen Sie diesen neuen Strich im Darstellungsfenster Add strokenach unten und legen Sie dann die Farbe fest Characterswie gewohnt und machen Sie die Größe doppelt so groß wie Sie möchten (also 10pt für 5pt Strich um den Text herum). Die einzige Schwäche dabei ist, dass der gesamte Text den gleichen Strich haben muss (das ist in diesem Fall kein Problem).

Um dies gut zu machen, müssen Sie eine Schriftart verwenden, die für diesen Zweck entwickelt wurde - suchen Sie nach "Inline" -Schriftarten.

Inline - so heißen sie. Es hat mich verrückt gemacht. Danke für die Hilfe.
Nein, es gibt Möglichkeiten, es zu tun, Sie könnten Schriftarten verwenden, aber es gibt andere Möglichkeiten.
Das Problem bei einer Inline-Schrift ist, dass Sie immer noch den Text vektorisieren müssen (Umriss erstellen), um die Inline und die Ränder einfärben zu können! Es ist jedoch ein einfacher zusätzlicher Schritt.

"Warm Inside", wie von OP beschrieben

Ich konnte diesen Effekt in Microsoft PowerPoint 2007 , 2010 , 2013 und 365 nachbilden . Ich habe mac 2011 nicht getestet, aber ich gehe davon aus, dass es dort auch funktioniert. Leider verfügen Photoshop und Illustrator nicht über eine der Funktionen ( Gehrungskonturen ), die Sie dafür 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 ein und verwenden Sie eine helle Schriftart wie Segoe UI Light, Ubuntu Light, Source Sans Pro Light usw.
  5. Weisen Sie diesem Text die Farbe des inneren Strichs zu
  6. Öffnen Sie das Dialogfeld Texteffekte formatieren (oder die Seitenleiste in 2013) (Dafür gibt es viele Möglichkeiten. Am einfachsten ist es normalerweise, mit der rechten Maustaste auf den Text zu klicken und "Texteffekte formatieren ..." auszuwählen.
  7. Wählen Sie im Abschnitt „Textumriss“ die Option „Durchgezogene Linie“ und wählen Sie die Farbe des äußeren Strichs aus
  8. Erhöhen Sie im Abschnitt „Umrissstil“ den Wert für die Breite, bis Ihnen das Aussehen gefällt. Versuchen Sie, den Umriss den Text überholen zu lassen
  9. ENTSCHEIDENDER SCHRITT: Stellen Sie sicher, dass der Kappentyp auf Flach und der Verbindungstyp auf Gehrung eingestellt ist
  10. Wählen Sie das Textfeld aus . Achten Sie darauf, nicht den Text auszuwä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" im Menüband "Startseite" zu klicken.
  12. Erhöhen Sie den Zeichenabstand, bis es Ihnen gefällt. Versuchen Sie, **eine Lücke zwischen den Buchstaben zu erreichen*
  13. Schließen Sie das Dialogfeld Schriftart und vergewissern Sie sich, dass das Textfeld noch ausgewählt ist
  14. Duplizieren Sie das Textfeld mit Ctrl+Doder Ctrl+C+V.
  15. Verschieben Sie das neue Textfeld so, dass es perfekt über das alte passt . Dies ist am einfachsten, wenn Sie Fangen in den Rastereinstellungen aktiviert haben.
  16. Öffnen Sie das Dialogfeld „Texteffekte formatieren “ (oder die Seitenleiste) erneut
  17. Wählen Sie im Abschnitt Textgliederung die Option Keine Linie aus

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

Dies ist wirklich nur das Hinzufügen eines äußeren Randes (die innere Hälfte ist ausgeblendet) und funktioniert nur, wenn die Schriftart überhaupt Striche mit einheitlicher Dicke aufweist. Obwohl es einigermaßen gut funktioniert.
Außerdem können Sie in Illustrator Konturen auf Gehrung schneiden.
Ich habe das nicht gesehen, als ich versuchte, dies in Illustrator zu tun ... gut. Es funktioniert für mich, also dachte ich, ich würde teilen: P

Wenn Sie dies mit einer vorhandenen Schriftart tun möchten, müssen Sie höchstwahrscheinlich das Stiftwerkzeug verwenden und es manuell tun, was ich hier mit Illustrator getan habe:

H mit Linie innerhalb http://chrisburton.me/i/h.svg

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 Schriftart mit dieser Funktion gefunden (es gibt einige).
  2. Handgefertigter Text und/oder Effekt.

Ich halte die erste Möglichkeit für wahrscheinlicher. Also, das ist wahrscheinlich, was Sie tun sollten. Wenn Sie jedoch nicht viel Text haben, könnte das Erstellen des inneren Pfads gut funktionieren und möglicherweise nicht zu viel Aufwand bedeuten.

Danke für deine Antwort. Ja, ich habe zahlreiche Dinge ausprobiert, um einen Weg zu finden, dies mit Schriftarten zu tun, die diese Funktion nicht haben (z. B. Myriad Pro Bold), mit ziemlich demselben Ergebnis wie Sie oben gepostet haben: Innenstrich, Versatzpfad, innen Glühen usw. Sieht so aus, als wären es vorerst benutzerdefinierte gezeichnete Pfade ...
Sie könnten dem Illustrator jedoch für einige Schriftarten viel näher kommen, indem Sie einem Prozess folgen, der dem ähnlich ist, den Supuhstar in Powerpoint beschreibt.

Das geht ganz einfach in Illustrator.

OPTION 1 (oberes JPG als Beispiel und oberes Bild auf dem 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 dann 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 aus. Fügen Sie einen großen Strich in einer anderen Farbe mit runder Ecke und mittig ausgerichteten Kanten hinzu (siehe Bilder).

3) Wählen Sie diesen Text aus und erstellen Sie eine "Gliederung" (im Menü "Gliederung / 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 Rahmen vom Inneren des Textes getrennt.

5) Löschen Sie den äußeren Rand der Grafik für jeden Buchstaben und behalten Sie nur den inneren Teil. Sie können den weißen Pfeil für aus dem Auswahlwerkzeug verwenden und einfach auf eine Ecke Ihres Buchstabens klicken und zweimal auf Löschen drücken. 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 nachzuahmen. Und füllen Sie den noch unberührten Text im Hintergrund mit einem dunkleren Gelb mit mehr Magenta darin.

7) Wenn Sie den Effekt etwas glätten möchten, können Sie einen kleinen Rand auf der Innenseite hinzufügen; In meinem Beispiel habe ich für das Farbrezept ein Gelb verwendet, das zwischen 2 Gelb liegt. Es gibt einen glättenden Effekt und mischt die beiden Farben ein wenig zusammen. Meine Grenze ist 3pts dick.

Aber Sie könnten wahrscheinlich auch das Mischwerkzeug verwenden, es ist nur etwas knifflig bei kurvigen Buchstaben.

Sie können die Werte an Ihre Vorlieben und die Schriftart anpassen, die Sie dafür verwenden. An dieser Stelle 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 den duplizierten Satz mit einem dicken Strich von außen und passen Sie ihn an.

Diese Option sieht möglicherweise besser aus, wenn Sie Schriftarten oder Skriptstile verwenden.

So erstellen Sie in Adobe Illustrator eine Kontur, die perfekt im Text ausgerichtet ist

ANDERES BEISPIEL FÜR INLINE-EFFEKT