voltee el texto al revés cuando use texto en la ruta en Sketch 3

Actualmente estoy creando un dial en Sketch 3:

marcar

He usado la función de texto en la ruta de Sketch 3 para ajustar el texto en el dial circular. Sin embargo, la orientación del texto en realidad está al revés de lo que quiero que sea: me gustaría que el número en la parte inferior del dial aparezca al revés y que los números en la parte superior, junto al selector de triángulo blanco, estén al derecho. .

¿Cómo haría para hacer esto?

Editar: hasta ahora he intentado rotar el texto 180 ° para ponerlo al revés, pero cuando coloco el texto en la ruta, no importa. También intenté poner el texto en el camino gris interior y usar Layer > Paths > Reverse Orderpara hacer que el texto rodee el exterior del camino, sin embargo, esto no parece funcionar porque el texto parece estar conectado al camino gris, y me gustaría que parezca más elevado.

Respuestas (1)

Entonces, según entiendo, quieres llegar a esta forma:

ingrese la descripción de la imagen aquí

  1. Crear texto con números, usé tamaño de fuente 30 con 4 espacios entre números. 4 espacios Creo que para tal tamaño de letra es un espacio cómodo para verse bien en el óvalo.
    5 4 3 2 1 10 9 8 7 6
    Observe que el número 6 se coloca al final de la fila. Es porque queremos colocar el 6 estrictamente por encima del óvalo.
    Asegúrese de que la propiedad Ancho esté en modo automático.

ingrese la descripción de la imagen aquí

El ancho de la forma del texto más un espacio adicional entre los números es la longitud del circuito para el óvalo.
En mi caso, el ancho de la forma del texto es de 470 px, el espacio entre los números es de 146 - 111 = 35 px.
La longitud del óvalo debe ser 470 + 35 = 505 px, para calcular el diámetro (ancho) del óvalo usemos esta fórmula pi(3.14) * D(diámetro) = longitud del óvalo.
Entonces D(diámetro) = 505 / 3.14 = 160.8 px.
También asegúrese de que la propiedad de posición del borde del óvalo esté establecida en Interior.

Crea un óvalo con el ancho calculado y la misma altura (160,8 px).
Colóquelo debajo del texto en el menú de capas. Seleccione la forma del texto, vaya al menú Tipo > Texto en la ruta.
Ahora mueva lentamente la forma del texto sobre el óvalo, verá que el texto se inserta dentro del círculo:
ingrese la descripción de la imagen aquí

Para hacer texto fuera del círculo, seleccione la forma ovalada y presione voltear verticalmente en la vista de Inspector:
ingrese la descripción de la imagen aquí

A continuación, mueva ligeramente la forma del texto hacia la derecha para que el número 6 quede estrictamente sobre el óvalo (utilicé la guía para alinear el texto) y no olvide que el ancho de la forma del texto debe estar en modo automático:
ingrese la descripción de la imagen aquí

Ahora es el momento de agregar un pequeño espacio entre el borde inferior de los números y el óvalo interior.
Creé una copia del óvalo, lo llamé Óvalo interno y disminuí su tamaño arrastrando una de las esquinas y presionando Shift+ Altpara que permanezca en su lugar.
Además, creé un óvalo negro sin relleno y un borde grueso negro, llamado óvalo negro.
Oculte el primer óvalo presionando el ojo frente a él en el menú de capas.
ingrese la descripción de la imagen aquí

Agregar un triángulo blanco y un fondo rojo es simple.
Resultado final:
ingrese la descripción de la imagen aquí

archivo de croquis

FYI, hoy en v.49 ya no hay una opción automática de ancho de texto en el inspector. En cambio, es alineación = auto Sin embargo, a pesar de esto, pude obtener resultados similares. ¡Gracias por el tutorial!