27. Februar 2017

Tutorial: Text entlang Kreis, Kurve, Bogen mit Photoshop

Oft will man in Photoshop eine Textzeile verbiegen oder verformen und sie entlang einer Kurve oder einem Kreis plazieren. Typische Anwendungen sind Texte auf bedruckten CDs oder DVDs, auf Schraubverschlüssen, aber auch im Produkt- oder Logodesign ist das eine oft anzutreffende Aufgabenstellung. Andere Beispiele sind Plakate, Anzeigen usw.

Die Kurven können dabei recht unterschiedlich aussehen: Kreisbögen, Wellenlinien, Zickzack – alles kann vorkommen.

Photoshop bietet für diese Aufgabe im wesentlichen zwei Möglichkeiten an, die wir uns weiter unten im Einzelnen ansehen werden:

1. Das Textwerkzeug selbst hat eine Option, Textzeilen zu biegen (sog. verformter Text). Das ist für viele Anwendungen (z.B. das oben angeführte Beispiel mit CD/DVD Beschriftungen) der einfachste Lösungsweg. Das Verfahren kann allerdings unter bestimmten Umständen zu heftigen Verzeichnungen führen, so daß der Text dann kaum noch lesbar ist.
2. Alternativ kann Text an einem beliebigen Pfad entlanggeführt werden; der Pfad kann dabei mit dem Zeichenstiftwerkzeug gezeichnet oder mit einem der Formwerkzeuge (Rechteck, Ellipse usw.) erstellt werden.

Schauen wir uns zunächst die erste Methode an:

Text mit dem Textwerkzeug verformen und verbiegen

Der nachfolgenden Screenshot zeigt die Ausgangssituation, ein blauer Kreis und der Text „Camera Creativ“:

Wir wollen den Text nun so verbiegen, daß er im Kreis eingeschrieben der unteren Hälfte des Kreisumfangs folgt. Das entsprechende Kommando befindet sich bei aktiviertem Textwerkzeug oben in der Werkzeugleiste:

Zunächst aber werden wir den Text schon einmal im Kreis plazieren:

Wählen wir jetzt wieder das Textwerkzeug aus und öffnen den Dialog Text verformen…. Die verschiedenen Verformungen sind oben gelistet, voreingestellt ist Ohne, d.h. der Text wird nicht verformt:

Wählen wir nun Bogen aus der Liste aus, so wird der Text nach oben gewölbt:

Ausmaß und Richtung der Verformung werden über den Parameter Biegung festgelegt. Ändern wir den Wert von der Voreinstellung von +50 auf -50 paßt es schon recht gut:

Tip: Bei geöffnetem Dialogfenster kann das Textelement durch Ziehen mit der Maus bewegt werden, so kann man den Text direkt an Ort und Stelle bringen.

Mit den anderen Verformungsformen kann man herumspielen, es wird aber schnell deutlich, daß der Text in vielen Fällen bis zur Unlesbarkeit verzeichnet wird, was ja im Allgemeinen nicht gewünscht ist.

Auch verformter Text kann weiter bearbeitet werden: Man kann Schriftart oder -größe ändern, Buchstaben löschen usw. In den meisten Fällen wird die eingestellte Verformung dann aber nicht mehr passen und muß durch erneutes Aufrufen des Verformen Dialogfelds angepaßt werden.

Hier mal eine Anwendung des Verfahrens im richtigen Leben. Der Text „CameraCreativ.de“ als Wasserzeichen eingeschrieben ins Bajonett in unserem Mockup der Digitalkamera Sony Alpha A9:

Text entlang eines Pfads

Bei der zweiten Methode geht man etwas anders vor. Ausgangspunkt ist hier ein mit dem Formwerkzeug erzeugter kreisförmiger Pfad:

Man wählt nun das Textwerkzeug und bewegt die Maus über den Pfad, bis der Cursor sich in das Symbol für Text auf Pfad ändert (eine Wellenlinie, die der senkrechten Einfügemarke überlagert ist). Das passiert, wenn der kleine Querstrich in der unteren Hälfte des Textcursors genau  über dem Pfad liegt:

Nun klicken und dann einfach wie gewohnt tippen; der eingegebene Text folgt dem Verlauf der Kurve:

Beim ersten Mal wird das nicht passen: Entweder der Text steht außerhalb der Kurve statt auf der Innenseite oder die Position entlang der Kurve ist falsch.

Glücklicherweise kann man beides ändern. Hierzu verwendet man das Pfadauswahl Werkzeug, den schwarz gefüllten Pfeil direkt unter dem Textwerkzeug in der Werkzeugpalette:

Sobald das Werkzeug ausgewählt wird, werden an den Text zwei Marker gemalt: Ein Pluszeichen gibt den Anfang des Textes an, ein gefüllter Kreis (Mac) bzw. leerer Kreis (Windows) das Ende. Direkt nach Auswahl iegen beide übereinander:

Wir klicken nun den Marker und ziehen mit der Maus nach rechts, so daß der Kreis mitwandert; bewegt man die Maus ein wenig weg vom Kreis, wird ein senkrecht zur Kurve stehender Strich angezeichnet:

Bei gedrückter Maustaste ziehen wir die Maus nun ins Innere des Kreises: der Text klappt auf die Innenseite des Pfads. Gleichzeitig vertauschen die Marker für Textanfang und -ende den Platz:

Jetzt kann der Text durch Ziehen des Anfangsmarkers (Pluszeichen) auf dem Kreis verschoben werden (Wenn der Text an einem Punkt abgeschnitten wird, bewegt man einfach den Endemarker so weit, bis der Text wieder zum Vorschein kommt.)

Die Endposition:

Bei diesem Werkzeug sind Probieren und Üben angesagt, nach ein paar Minuten hat man den Dreh aber raus.

Eine Auswahl in einen Pfad umwandeln

Anwendbar ist dieses Verfahren auch bei komplexen Pfaden. Hier haben wir eine Auswahl (erzeugt durch Addieren einer Rechteck- und einer Ellipsenauswahl, die Auswahl kann natürlich auch z.B. durch den Zauberstab zu Stande gekommen sein):

Eine Auswahl kann durch rechts klicken und Kontextmenü > Arbeitspfad erstellen… in einen Pfad umgewandelt werden. So können sehr komplexe Pfade erzeugt werden:

Wieder schreiben wir einen (längeren) Text an den Pfad:

Das Ganze ist übrigens „live“: Wenn man das Direktauswahl Werkzeug aufruft und Ankerpunkte des Pfades bewegt, so paßt sich der Text dem neuen Verlauf des Pfades an.

Über das Zeichen- und Absatzbedienfeld kann nun bei Bedarf z.B. der Abstand des Textes vom Pfad eingestellt werden.

Dazu den Text markieren, das Bedienfeld öffnen (Button neben dem Text verformen Werkzeug) und den Zeilenabstand ändern, hier auf 10 Pixel:

Der Phantasie sind hier keine Grenzen gesetzt.