Boceto: ¿forma de arco?


14

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

un arco de 180 grados

Respuestas:


4

Puede simularlo usando Capa> Vector> Rotar copias. Simplemente elija una forma de rectángulo y luego cree cualquier cantidad 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 boceto

Finalmente, podría dibujarlo con la herramienta de pluma (aunque perdería algo de precisión en el proceso.

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


1
Por mucho que entienda este método y lo haya usado, es extremadamente artificial para cualquier ángulo que no sea 90, 180 o 270.
carignan.boy

10

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 con el rectángulo también puede crear un círculo de 180 grados).


55
Para cualquier persona confundida sobre cómo comenzar con esto, como yo estaba: dibuja un círculo. Dibuje un rectángulo que se superponga al círculo como se muestra en la captura de pantalla de CodeMound. Selecciona ambas formas. Haz clic en Restar. Obtendrás un círculo con un "giro" en él. Ahora ve a la herramienta Tijeras y haz clic en las líneas rectas que forman el "giro" para eliminarlas.
piedra

No entiendo. Me sale un círculo con un cuadrado que falta en el cuadrante superior derecho. dropbox.com/s/pv0u8lmg6z94ubh/...
Chovy

@chovy tuve el mismo problema. Una vez que restes el cuadrado, toma las tijeras y elimina las esquinas restantes del cuadrado restado, luego agrega un borde a la forma resultante y el resultado será la respuesta anterior.
Lucas Lazaro

6

Acabo de actualizar esto: el nuevo complemento Segmented Circle 2.0 Sketch .

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 valores múltiples, círculos de marcas y arcos perfectamente discontinuos.

Imagen de vista previa



1

Incluso hay una mejor solución :-) Primero dibuje el círculo, luego seleccione la ruta y haga clic en abrir ruta en el inspector.

en la parte superior derecha Abrir ruta ingrese la descripción de la imagen aquí


No es mucho mejor que las otras respuestas, y no funciona bien para ángulos que no sean 90º / 180º / 270º
Luciano

Puede sortear los 180, 270, etc. agregando un nuevo punto en la ruta y luego eliminando el exterior. Siempre que use la posición central para el contorno, las cosas funcionan bastante bien.
Andrew Zimmer

1

Otra forma es dibujar un círculo, hacer doble clic en él para editarlo (habrá 4 pequeños puntos distribuidos equitativamente sobre el círculo) y hacer clic donde desee finalizar la forma para que aparezca otro pequeño punto allí. Use las tijeras para eliminar cualquier parte no deseada, la parte a eliminar cambiará de forma cuando pase el mouse sobre ella. Puede terminar su forma de 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.


0

Si bien puede falsificar un arco en Sketch, no parece posible hacer un "arco" real como se describe en los estándares svg: https://developer.mozilla.org/en-US/docs/Web/SVG/ Tutorial / Rutas # Arcos

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

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

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.