Drehen Sie den Text auf den Kopf, wenn Sie Text auf dem Pfad in Skizze 3 verwenden

Ich erstelle gerade ein Zifferblatt in Sketch 3:

wählen

Ich habe die Text-auf-Pfad-Funktion von Sketch 3 verwendet, um den Text auf das kreisförmige Zifferblatt zu passen. Allerdings ist die Ausrichtung des Textes tatsächlich auf dem Kopf, was ich möchte – ich möchte, dass die Zahl unten auf dem Zifferblatt auf dem Kopf steht und die Zahlen oben neben dem weißen Dreieckswähler mit der rechten Seite nach oben .

Wie würde ich vorgehen?

Bearbeiten: Ich habe bisher versucht, den Text um 180 ° zu drehen, um ihn auf den Kopf zu stellen, aber wenn ich den Text auf den Pfad lege, spielt es keine Rolle. Ich habe auch versucht, den Text auf den inneren grauen Pfad zu setzen und ihn dazu zu bringen, Layer > Paths > Reverse Orderaußerhalb des Pfades zu gehen, aber das scheint nicht zu funktionieren, weil der Text mit dem grauen Pfad verbunden zu sein scheint, und ich möchte erhabener erscheinen.

Antworten (1)

So wie ich es verstehe, möchten Sie sich diese Form ausdenken:

Geben Sie hier die Bildbeschreibung ein

  1. Erstellen Sie Text mit Zahlen, ich habe die Schriftgröße 30 mit 4 Leerzeichen zwischen den Zahlen verwendet. 4 Leerzeichen Ich denke, für eine solche Schriftgröße ist Komfortraum, um auf Oval gut auszusehen.
    5 4 3 2 1 10 9 8 7 6
    Beachten Sie, dass die Zahl 6 am Ende der Reihe steht. Das liegt daran, dass wir 6 strikt über dem Oval platzieren möchten.
    Stellen Sie sicher, dass sich die Breiteneigenschaft im Auto-Modus befindet.

Geben Sie hier die Bildbeschreibung ein

Die Breite der Textform plus ein zusätzliches Leerzeichen zwischen den Zahlen ist eine Kreislänge für Oval.
In meinem Fall beträgt die Breite der Textform 470 px, der Abstand zwischen den Zahlen 146 - 111 = 35 px.
Die Länge des Ovals sollte 470 + 35 = 505 px betragen, um den Durchmesser (Breite) des Ovals zu berechnen, verwenden wir diese Formel pi(3.14) * D(Durchmesser) = Länge des Ovals.
Also D(Durchmesser) = 505 / 3,14 = 160,8 px.
Stellen Sie außerdem sicher, dass die Eigenschaft Randposition des Ovals auf Innen eingestellt ist.

Erstellen Sie ein Oval mit der berechneten Breite und gleicher Höhe (160,8 px).
Platzieren Sie es unter Text im Ebenenmenü. Wählen Sie die Textform, gehen Sie zum Menü Typ > Text auf Pfad.
Bewegen Sie nun langsam die Textform über das Oval, Sie werden sehen, dass der Text in den Kreis eingefügt wird:
Geben Sie hier die Bildbeschreibung ein

Um Text außerhalb des Kreises zu erstellen, wählen Sie die ovale Form und drücken Sie in der Inspektoransicht auf vertikal spiegeln:
Geben Sie hier die Bildbeschreibung ein

Verschieben Sie als Nächstes die Textform leicht nach rechts, sodass die Zahl 6 genau über dem Oval liegt (ich habe die Hilfslinie verwendet, um den Text auszurichten) und vergessen Sie nicht, dass die Breite der Textform im automatischen Modus sein sollte:
Geben Sie hier die Bildbeschreibung ein

Jetzt ist es Zeit, einen kleinen Abstand zwischen dem unteren Rand der Zahlen und dem inneren Oval hinzuzufügen.
Ich habe eine Kopie des Ovals mit dem Namen Inneres Oval erstellt, um die Größe zu verringern, indem ich eine der Ecken ziehe und Shift+ drücke Alt, damit es an Ort und Stelle bleibt.
Zusätzlich habe ich ein schwarzes Oval ohne Füllung und schwarzen dicken Rand erstellt, das in Black Oval benannt ist.
Blenden Sie das erste Oval aus, indem Sie im Ebenenmenü das Auge davor drücken.
Geben Sie hier die Bildbeschreibung ein

Das Hinzufügen eines weißen Dreiecks und eines roten Hintergrunds ist einfach.
Endergebnis:
Geben Sie hier die Bildbeschreibung ein

Skizzendatei

Zu Ihrer Information, heute gibt es in Version 49 keine automatische Option für die Textbreite mehr im Inspektor. Stattdessen ist es align = auto. Trotzdem konnte ich ähnliche Ergebnisse erzielen. Vielen Dank für die Anleitung!