Inkscape: ¿redondeando las esquinas de las formas?


78

En Inkscape, redondear las esquinas de un rectángulo es fácil: selecciona el objeto, presiona F4 (herramienta de rectángulo) y arrastra los nodos circulares.

¿Cómo haces eso para formas más complejas?

polígono y su equivalente redondeado

El "desplazamiento dinámico" es casi lo correcto, pero no redondea el interior de un polígono cóncavo.

Respuestas:


17

Este parece ser un punto débil con Inkscape, al no tener una manera simple de hacer esto. La mejor manera de lidiar con esto que he encontrado hasta ahora es:

  1. Haga varios rectángulos de esquina redondeada, utilizando el radio de esquina final deseado
  2. Combínelos entre sí para hacer la forma final general, sin importar los lugares donde las esquinas no se encuentran debido a la redondez,
  3. Unión-camino en un solo camino
  4. Arregle las muescas extrañas eliminando sus nodos.

Afortunadamente, alguien ha descrito esta técnica en línea, con ilustraciones (desplazarse un poco hacia abajo) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

Espero que haya una herramienta de edición de rutas que pueda convertir una ruta de la manera que usted (y otros cincuenta mil usuarios de Inkscape) desee, en algún lugar por ahí. Si no, esto sería un gran proyecto de codificación de fin de semana.


73
  1. Seleccione el rectángulo o cuadrado
  2. Seleccione la opción de nodos
  3. En la esquina derecha, verá un nodo redondo en lugar de un nodo cuadrado. Arrastre hacia abajo el nodo hasta obtener la esquina redondeada que desea.

La opción de nodos:

2. La opción de nodos

Widget redondo que debe arrastrar para obtener esquinas redondeadas:

ingrese la descripción de la imagen aquí

Qué sucede cuando arrastra el widget redondo:

ingrese la descripción de la imagen aquí

Como otros han señalado, esto solo funciona en rectángulos (pero ese es un caso de uso común que atraerá a las personas a esta página).


1
¿Qué es esta 'opción de nodos'? Las capturas de pantalla serían encantadoras.
RAnders00

15
Eso es genial para rectángulos o cuadrados, pero ¿cómo ayuda esto para formas más complejas como la de la pregunta?
Tom Pohl el

44
"En Inkscape, redondear las esquinas de un rectángulo es fácil", señaló la introducción a la pregunta, antes de hacer una pregunta sobre el redondeo de formas no rectangulares .
OJW

Cabe señalar que esto, por ejemplo, no se exportará a un DXF correctamente. Puede usar el menú "Ruta"> "Objeto a ruta (Shift-Ctrl-C)" para crear una ruta real redondeada.
Rocco

No quiero votar esto porque no responde la pregunta. Por otro lado, el título de la pregunta implica cualquier forma y esto es útil, así que lo voté.
Dave F

22

Esto se puede lograr utilizando el efecto de ruta de Filete / Chaflán (actualmente solo está disponible en la versión de desarrollador 0.91+devel, que se puede encontrar aquí ).

Así es como lo usa:

  1. Seleccione la ruta que desea modificar y luego abra la pestaña de efectos de ruta en Path > Path Effects....

    Camino sin modificar

  2. Agregue un nuevo efecto en la ventana de efectos de ruta y seleccione Fillet/Chamfer.

    ingrese la descripción de la imagen aquí

  3. Elija un radio que desee aplicar a las esquinas de la ruta y presione el Filletbotón.

    La ruta llena

  4. Si solo desea redondear algunas de las esquinas, marque Change only selected nodes boxy seleccione los nodos que desea cambiar en el modo de edición de ruta antes de hacer clic en el Filletbotón.


2
Este efecto parece haberse agregado en Inkscape 0.92, que no se publicó en el momento en que escribí este comentario.
Levi Morrison

1
Falta el filete / chaflán en la versión 0.92pre1
Christian Strang

1
@ChristianStrang parece que todavía falta en la versión 0.92 también :(
Cylindric

2
Sin embargo, a partir de abril de 2017, aún no está disponible, incluso en la versión de desarrollo (0.92.1preX). La función se movió al hito 0.93, como puede ver en el rastreador de errores . Por lo tanto, esto no se puede lograr ahora sin construir desde la rama experimental .
ferran

1
¡Buenas noticias! Filete / Chaflán está disponible en 1.0 alfa, que fue lanzado. En la descripción de este video puede encontrar un enlace a una versión de Windows precompilada: youtube.com/watch?v=9lFI7qGFP7M
usuario1414213562

20

Otra solución improvisada con problemas, pero que también funciona para formas no rectangulares:

  1. Aplique desplazamiento dinámico a su objeto.
  2. Convertir objeto a ruta.
  3. Agregar nodos (en Extensiones → Modificar ruta ). Esto es opcional pero probablemente mejorará drásticamente sus resultados. Cuantos más, mejor.
  4. Aplique un recuadro dinámico (es decir, un desplazamiento dinámico negativo ) a su objeto.
  5. Si lo desea, convierta Objeto a Ruta una vez más y Simplifique.

3
vea también inkscape.org/doc/advanced/tutorial-advanced.html - el recuadro / desplazamiento son ctrl + (y ctrl +), el desplazamiento dinámico es ctrl + J para agregar un controlador arrastrable
Jason S

17

Aquí hay otro método que acabo de descubrir cuando quería agregar esquinas redondeadas a un polígono irregular existente con el fin de crear un diseño de perspex cortado con láser que sea más resistente a las grietas.

  1. Elija la herramienta Editar rutas por nodo (F2) y seleccione el nodo de esquina que desea redondear.

  2. Mantenga presionado Ctrl-Alty haga clic ligeramente a lo largo de la línea horizontal lejos de la esquina para agregar un nuevo nodo.

  3. Haga lo mismo nuevamente para crear un nuevo nodo ligeramente a lo largo de la línea vertical para agregar otro nuevo nodo.
  4. En esta etapa, regreso a los dos nuevos nodos y me aseguro de que ambos tengan un desplazamiento constante desde la esquina. Por ejemplo, a 2 mm de distancia.
  5. Seleccione el nodo de esquina y presione Delpara eliminarlo. Tu esquina ahora debería verse así:

esquina áspera

  1. Arrastre los dos puntos bezier en la parte inferior izquierda para que formen una curva satisfactoria. Me mantengo presionado Ctrly los alineo uno encima del otro para que se vean así:

Alineado


Buena solución! Una adición al Paso 3: sugeriría usar Extensions -> Modify Path -> Add Notes ...para agregar los nodos para tener los Nodos a la misma distancia del borde en cada borde.
daniel.neumann

1
Sin embargo, esto no es tan fácil si los lados de sus objetos no están alineados con la cuadrícula rectangular, sino que están diagonales o inclinados de alguna manera.
Zelphir Kaltstahl

5

He usado otro método. Una vez que me acostumbré y aprendí a usar las opciones de ajuste, descubrí que podía trabajar bastante rápido. Esto funciona mejor con trazados compuestos por líneas ortogonales que son paralelas al eje.

  1. Resta un círculo que tenga el radio que deseas de un cuadrado para crear una forma de 'cortador'. Coloque el centro del círculo en una de las esquinas cuadradas y dimensione el cuadrado como el diámetro del círculo. Esto asegura que el centro de su cortador estará alineado con los bordes del arco:
    ingrese la descripción de la imagen aquí
  2. Duplique su cortador para poder reutilizarlo y alinearlo, colóquelo en la esquina que desea redondear. Active el ajuste de centros de objetos y nodos de cúspide para alinear el cortador exactamente donde desee.ingrese la descripción de la imagen aquí
  3. Si es necesario, gire el cortador a lo largo de su centro para alinear el arco con los bordes de la trayectoria subyacente.
  4. Seleccione la ruta original y el cortador y haga una diferencia booleana, si su esquina es convexa, una unión booleana si es cóncava. ¡Tu esquina ahora está redondeada!
  5. Duplique el cortador y repita para todas las esquinas que desee.
  6. Si su forma inicial estaba abierta, la operación booleana la habrá cerrado. Puede que tenga que volver a abrirlo al final del proceso.

¡Probablemente la mejor solución por ahora (0.92.2)!
Ray

3

Inspirado por la respuesta de buena fe (gracias por ello) descubrí que para tener control sobre las esquinas redondeadas, puede usar un rectángulo o cuadrado adicional y una función de recorte. Mira el siguiente GIF que hice.

Cómo controlar las esquinas redondeadas


2

Otra solución a este problema es usar la herramienta de división de ruta. La ventaja aquí es que los radios se pueden establecer explícitamente como un número

  1. Crea el rectángulo
  2. Crea un círculo con el radio deseado
  3. Alinee el círculo en la esquina del rectángulo.
  4. Seleccione el rectángulo y el círculo, y use Ruta-> División
  5. Eliminar la pieza de esquina no deseada
  6. Hacer una ruta-> Unión entre el nuevo círculo y el rectángulo original

2

Pude resolver esto usando la Edit paths by nodesherramienta. Mostraré cómo manejé un solo extremo, pero la operación debería funcionar para cualquier forma con un borde plano. Comenzando con una forma como esta:

ingrese la descripción de la imagen aquí

Seleccione la Edit paths by nodesherramienta y seleccione su forma. Si el final de su forma es plana, debe tener dos nodos, uno para cada esquina. Seleccione esos nodos y haga clic en el Insert new nodes into selected segmentsbotón: ingrese la descripción de la imagen aquíEsto agregará un tercer nodo entre los dos nodos en el extremo, y se verá así:

ingrese la descripción de la imagen aquí

Ahora que tenemos un nodo en el medio podemos hacer nuestras esquinas redondeadas. Simplemente seleccione el nodo y retírelo para que cree un punto, así:

ingrese la descripción de la imagen aquí

Asegúrese de usar Ctrl + arrastrar para arrastrar en línea recta. Ahora que tenemos un punto que necesitamos para permitir que el nodo que se suavizó, y aquí es donde el Make selected nodes symmetricbotón viene en: ingrese la descripción de la imagen aquí. Esto agrega algunos controladores al nodo para permitirnos cambiar la forma del nodo. Se verá así:

ingrese la descripción de la imagen aquí

Ahora solo ajuste las manijas (manteniendo presionada la tecla Ctrl para mantener todo recto) para obtener la redondez deseada:

Con nodos seleccionados


2

Si su versión de Inkscape no tiene el efecto de ruta de Filete / Chaflán, puede encontrar útil la extensión que escribí:

Esquinas redondeadas de Inkscape

Uso de ejemplo de extensión de esquinas redondeadas


Tuve que leer todas las respuestas anteriores para llegar a esta respuesta, pero valió la pena. De hecho, esto es más cercano a Fillet / Chamfer LPE. También hay una extensión "Fillet and Chamfer" en la página oficial de Inkscape, pero no funciona para mí.
user1414213562

Lo probé y obtuve este error
Foad

Gracias, esto funcionó para mí. Convertí mi polígono estrella usando "Objeto -> Ruta". Agregó automáticamente nodos a las esquinas de la estrella. Luego seleccioné la ruta de la estrella y el radio aplicado usando "Extensión> Modificar ruta> Esquinas redondeadas". [Estoy usando inkscape 0.92] EDITAR: en caso de que esta extensión haga que los bordes también sean redondeados en lugar de esquinas, simplemente reinicie inkscape.
myDoggyWritesCode

1

He tenido éxito con solo usar curvas Bezier. Por ejemplo, dibujaría la forma de L del OP como

|
|
|
 \
  \
   \_________

(¡arte ASCII muy tosco!), es decir, con una línea diagonal donde debería estar la esquina redondeada, y luego ajuste los puntos de control de Bezier para los dos puntos de unión de línea.


0

Para un efecto puramente cosmético (es decir, no termina con una ruta redondeada), puede intentar aplicar el efecto Filtros> Desenfoques> Suavizado cruzado . Luego abra el Editor de filtros y establezca el Parámetro de efecto de desviación estándar en aproximadamente 1.0.


0

Otro método es crear un trazo y configurar la unión y el límite para que se redondeen. Copie la ruta y péguelo en su lugar y elimine el trazo de la copia. Luego seleccione el original y seleccione ruta> trazo a ruta, luego una las dos formas nuevamente.


-1

Como no hay una solución limpia, ¡mencionemos otra, usando GIMP!

1- Haga una copia de solo este objeto en otra instancia de Inkscape (en caso de que tenga otros objetos)

2- Exportar a mapa de bits (un archivo png)

3- Abra el png con GIMP, seleccione la forma con "Herramienta Seleccionar por color"

3- Seleccione -> Pluma -> por Rpíxeles (el radio)

4- Colorea la selección y vuelve a guardar / exportar a png

5- Abra el archivo png modificado con Inkscape y use la herramienta "Trazar mapa de bits" para obtener una ruta redondeada (ya que la forma debe ser de un solo color, es fácil y probablemente esté limpia)


Hay varias soluciones enumeradas anteriormente. ¿Son impuros? Llevar un objeto vectorial a GIMP para editarlo es un truco sucio.
Martin Zaske

1
@MartinZaske La mayoría de las respuestas anteriores (que están altamente calificadas) se limitan a formas básicas como rectángulos, o son demasiado manuales y no son prácticas para formas con demasiadas esquinas. En formas complicadas, creo que este enfoque sería mucho más fácil y mejor que la mayoría de las respuestas anteriores. Tampoco hubo una respuesta clara cuando publiqué esto.
saeedgnu

-1

Funciona bastante bien, pero cambia un poco tu forma.

Eso es similar a la solución de Wrzlprmft .

Resultado

GIF paso a paso

Lo siento, no tengo 10 reputación para publicar imágenes

También puede crear una extensión de Inkscape que:

Perdón por mi terrible inglés


-2

Puede usar el Editor XML en Inkscape para hacer rectángulos redondeados. Abra el Editor XML, seleccione el <svg:rectelemento. Agregue los atributos rx y ry, en la parte inferior derecha del Editor XML hay dos campos y un Setbotón. Ponga rxen el campo superior, y / 10o cualquier otro número, luego presione Set.


En teoría, una buena idea. Prácticamente, los objetos que se mencionan en la pregunta ya no son rectángulos. Se pueden establecer los atributos ryy rxpero no se interpretan.
daniel.neumann

-4

Es muy simple en realidad.

  1. Haz una forma que tenga esquinas rectangulares.

  2. Haga clic en la herramienta rectángulo

  3. Haga clic en uno de los tiradores circulares en una esquina de la forma, no en uno de los tiradores cuadrados.

  4. Presione Shifty arrastre el asa circular, automáticamente formará esquinas redondeadas.

ingrese la descripción de la imagen aquí
Arrastre un asa circular para hacer esquinas redondeadas.


3
A menos que esto haya cambiado recientemente, esto solo debería funcionar para rectángulos simples, que no es de lo que se trata la pregunta. Incluso su captura de pantalla muestra que solo está seleccionando el rectángulo que constituye la parte izquierda de la forma. Finalmente, su captura de pantalla no muestra el redondeo interno solicitado de las esquinas cóncavas.
Wrzlprmft
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.