Boceto – ¿Forma de arco?

¿Es posible producir una forma de arco con un ángulo de inicio y de barrido dado? (Usando Sketch 3.0 por bohemian.coding)

un arco de 180 grados

Respuesta

Puedes falsificarlo usando Capa> Vector> Rotar copias. Simplemente elija una forma de rectángulo y luego cree cualquier número de copias. Cuantas más copias cree, más suave será el arco.

También puede crear dos círculos, restarlos y luego restar un rectángulo por la mitad: Forma de arco en el boceto

Finalmente, puede dibujarlo con la herramienta de lápiz (aunque perderá algo de precisión en el proceso.

Desafortunadamente, no podrá ajustar el ángulo o el barrido. Pero si manipula formas en la parte superior de formas y usa las herramientas Buscatrazos o Transformar, debería poder lograr el efecto deseado.

Comentarios

  • Por mucho que entiendo este método y lo haya usado, es extremadamente artificial para cualquier ángulo que no sea de 90, 180 o 270.

Respuesta

Gracias por su respuesta; su solución es una alternativa considerable a la que «he descubierto. (restar> tijeras> rotar)

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

(Nota: cubriendo la mitad del círculo por el rectángulo, también puede crear un círculo de 180 grados).

Comentarios

  • Para cualquiera que esté confundido sobre cómo empezar con esto, como yo: Dibuja un círculo. Dibuja un rectángulo que se superponga al círculo como se muestra en la captura de pantalla de CodeMound ' s. Seleccione ambas formas. Haga clic en Restar. Usted ' obtendrá un círculo con un " giro " en él. Ahora vaya a la herramienta Tijeras y haga clic en las líneas rectas que forman el " giro " para eliminarlas.
  • No ' no entiendo. Aparece un círculo al que le falta un cuadrado en el cuadrante superior derecho. dropbox.com/s/pv0u8lmg6z94ubh/…
  • @chovy Tuve el mismo problema . Una vez que restes el cuadrado, toma las tijeras y quita las esquinas restantes del cuadrado restado, luego agrega un borde a la forma resultante y el resultado será la respuesta anterior.

Respuesta

Acabo de actualizar esto: nuevo Complemento de Sketch de círculo segmentado 2.0 .

Cree automáticamente gráficos circulares segmentados precisos para diagramas, instrumentación y análisis. La gran actualización agrega estilos de gráficos circulares de múltiples valores, círculos con marcas de verificación y arcos perfectamente discontinuos.

Imagen de vista previa

Respuesta

Ahora hay un gran complemento de boceto para esto:

«Crear círculos como áreas o líneas con un número personalizado de puntos / segmentos « https://github.com/design4use/gb-sketch-segmentcircle

Respuesta

Hay una solución aún mejor 🙂 Primero dibuja el círculo, luego selecciona la ruta y haz clic en Abrir ruta en el inspector.

en la parte superior derecha Open Path ingrese la descripción de la imagen aquí

Comentarios

  • It ' no es mucho mejor que las otras respuestas, y no ' t funciona bien para ángulos distintos de 90 º / 180 / 270 º
  • Puede sortear los 180, 270, etc. agregando un nuevo punto en la ruta y luego eliminando el fuera de uno. Siempre que use la posición central para el esquema, las cosas funcionarán bastante bien.

Responder

Otra forma es dibujar un círculo, haga doble clic en él para editarlo (habrá 4 pequeños puntos repartidos por igual sobre el círculo), y haga clic donde desee terminar la forma para que aparezca otro pequeño punto allí. Use las tijeras para quitar cualquier parte no deseada, la parte a quitar cambiará de forma cuando pase el mouse sobre ella. Puede terminar la forma de su arco con un final diferente, como redondeado, esto se hace en la sección de borde, haga clic en el COG relacionado para mostrar esta sección.

Respuesta

Si bien puede simular un arco en Sketch, no parece ser posible hacer un «arco» real como se describe en los estándares de svg: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Arcs

Esto se debe a que la herramienta vectorial realiza exclusivamente curvas Bezier ( https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves ) o líneas rectas de ambos lados de un vector.

Si alguna vez siente la necesidad de poder hacer un arco de verdad, puede ser mejor escribir su código svg a mano. He tenido que hacerlo más de una vez.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *