Usuario del software
2013-09-04 17:11:40 +0000 2013-09-04 17:11:40 +0000
88

Inkscape - ¿redondear las esquinas de las formas?

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

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

polygon, and its rounded equivalent "Desplazamiento dinámico" es casi lo correcto, pero no redondea el interior de un polígono cóncavo.

Respuestas [17]

81
2014-08-07 00:52:53 +0000
  1. Seleccione el rectángulo o cuadrado
  2. Seleccione la opción de nodos
  3. En la esquina derecha, verás un nodo redondo en lugar de un nodo cuadrado. Arrastre el nodo hacia abajo hasta conseguir la esquina redondeada que desea.

La opción de los nodos:

2. The Nodes Option

Widget redondo que debe arrastrar para obtener esquinas redondeadas:

enter image description here

Lo que ocurre al arrastrar el widget redondo:

enter image description here

Como otros han señalado, esto sólo funciona en los rectángulos (pero ese es un caso de uso común que llevará a la gente a esta página).

81
24
2015-08-19 04:50:17 +0000

Esto puede conseguirse utilizando el efecto de trayectoria Fillet/Chamfer (actualmente sólo disponible en la versión para desarrolladores 0.91+devel, que puede encontrarse aquí ).

Así se utiliza:

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

  2. Añada un nuevo efecto en la ventana de efectos de trayectoria y seleccione Fillet/Chamfer.

  3. Elija un radio que desee aplicar a las esquinas de la trayectoria y pulse el botón Fillet.

  4. Si sólo desea redondear algunas de las esquinas, marque el Change only selected nodes box y seleccione los nodos que desea cambiar en el modo de edición de la trayectoria antes de pulsar el botón Fillet.

24
20
2013-09-05 08:55:31 +0000

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

  1. Aplique Dynamic Offset a su objeto.
  2. Convertir Objeto en Ruta.
  3. Añadir Nodos (en Extensiones → Modificar Ruta). Esto es opcional pero muy probablemente mejorará tus resultados drásticamente. Cuantos más sean, mejor.
  4. Aplique una inserción dinámica (es decir, un Desplazamiento Dinámico negativo) a su objeto.
  5. Si lo desea, convierta Objeto a Trayectoria una vez más y Simplifique.
20
17
2016-01-16 12:10:05 +0000

Este es otro método que acabo de descubrir cuando quise añadir 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. Elige la herramienta Edit Paths By Node (F2) y selecciona el nodo de la esquina que quieres redondear.

  2. Mantenga pulsada la tecla Ctrl-Alt y haga clic ligeramente a lo largo de la línea horizontal lejos de la esquina para añadir un nuevo nodo.

  3. Haga lo mismo de nuevo para crear un nuevo nodo ligeramente a lo largo de la línea vertical para añadir otro nuevo nodo.

  4. En esta etapa vuelvo a los dos nuevos nodos y me aseguro de que ambos tengan un desplazamiento constante desde la esquina, por ejemplo, 2mm de distancia.

  5. Seleccione el nodo de la esquina y pulse Supr para eliminarlo. Su esquina debería tener ahora este aspecto:

rough corner

  1. Arrastre los dos puntos bezier de la parte inferior izquierda para que formen una curva satisfactoria. Yo mantengo pulsada la tecla Ctrl y los alineo uno encima del otro para que queden así

Aligned

17
17
2013-09-04 21:42:01 +0000

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

  1. Hacer varios rectángulos de esquinas redondeadas, utilizando el radio de esquina final deseado
  2. Unirlos entre sí para hacer la forma final, sin preocuparse de los puntos en los que las esquinas se encuentran debido a la redondez. Unirlos entre sí para conseguir la forma final, sin preocuparse de los puntos en los que las esquinas no se encuentran debido a la redondez,
  3. Unirlas en una sola trayectoria
  4. Arreglar las muescas extrañas borrando sus nodos.

Por suerte, alguien ha descrito esta técnica en línea, con ilustraciones (desplácese 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) quieren, en algún lugar por ahí. Si no, esto sería un gran proyecto de codificación de fin de semana.

17
5
2015-03-04 10:11:40 +0000

He utilizado otro método. Una vez que me acostumbré a él, y aprendí a utilizar las opciones de ajuste, me parece que podía trabajar bastante rápido. Esto funciona mejor con trayectorias compuestas por líneas ortogonales que son paralelas al eje.

  1. Resta un círculo con el radio que desees de un cuadrado para crear una forma de "cortador". Coloque el centro del círculo en una de las esquinas del cuadrado y dimensione el cuadrado como el diámetro del círculo. Esto asegura que el centro de tu cortador estará alineado con los bordes del arco:
    enter image description here
  2. Duplica tu cortador para poder reutilizarlo y alinéalo ponlo en la esquina que quieres redondear. Activa el ajuste de los centros de los objetos y los nodos de las cúspides para alinear el cortador exactamente donde quieres. enter image description here
  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 trayectoria original y el cortador y haga una diferencia booleana, si su esquina es convexa, una unión booleana si es cóncava. ¡Su esquina está ahora redondeada!
  5. Duplique el cortador y repita para todas las esquinas que desee.
  6. Si su forma inicial era abierta, la operación booleana la habrá cerrado. Puede que tenga que volver a abrirla al final del proceso.
5
4
2018-06-30 13:14:25 +0000

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

How to get control over rounded corners

4
2
2018-03-31 17:14:39 +0000

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

enter image description here

Seleccione la herramienta Edit paths by nodes y seleccione su forma. Si el extremo de tu figura es plano debería tener dos nodos, uno para cada esquina. Selecciona esos nodos y haz clic en el botón Insert new nodes into selected segments: enter image description here Esto añadirá un tercer nodo entre los dos nodos del extremo, y se verá así:

enter image description here

Ahora que tenemos un nodo en el medio podemos hacer nuestras esquinas redondeadas. Sólo tienes que seleccionar el nodo y alejarlo para que cree un punto, así:

enter image description here

Asegúrate de usar Ctrl+arrastrar para arrastrar en línea recta. Ahora que tenemos un punto necesitamos permitir que el nodo se suavice, y aquí es donde entra el botón Make selected nodes symmetric: enter image description here. Esto agrega algunas manijas al nodo para permitirnos cambiar la forma del nodo. Se verá así:

enter image description here

Ahora sólo hay que ajustar las asas (manteniendo Ctrl para mantener todo recto) para conseguir el redondeo deseado:

With nodes selected

2
2
2015-01-14 05:50:41 +0000

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

  1. Crear el rectángulo
  2. Crear un círculo con el radio deseado
  3. Cree un círculo con el radio deseado
  4. Alinear el círculo en la esquina del rectángulo
  5. 4. Seleccionar el rectángulo y el círculo, y utilizar Path-> Division
  6. 5. Eliminar el trozo de esquina no deseado
  7. 6. Hacer un Path-> Unión entre el nuevo círculo y el rectángulo original
2
1
2015-02-21 13:04:49 +0000

He tenido éxito con el uso de curvas de Bézier. Por ejemplo, yo dibujaría la forma de L de la OP como

|
|
|
 \
  \
   \ _________

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

1
0
2016-06-05 19:32:02 +0000

Otro método es crear un trazo y establecer que la unión y la tapa sean redondeadas. Copie la ruta y pegue en su lugar y elimine el trazo de la copia. A continuación, seleccione el original y seleccione ruta > trazo a la ruta a continuación, la unión de las 2 formas de nuevo juntos.

0
0
2015-01-19 11:39:09 +0000

Para un efecto puramente cosmético (es decir, que no acabe con un trazado redondeado) podría probar a aplicar el efecto Filtros > Desenfoques > Suavizado transversal. A continuación, abra el Editor de filtros y ajuste el parámetro de efecto Desviación estándar a aproximadamente 1,0.

0
-1
2013-11-08 14:58:45 +0000

Como no hay una solución limpia, vamos a mencionar otra, ¡usando GIMP!

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

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

3- Abra el png con GIMP, seleccione la forma con la herramienta "Select by Color Tool"

3- Seleccione -> Feather -> por R píxeles (el radio)

4- Coloree la selección y guarde/exporte a png de nuevo

5- Abra el archivo png modificado con Inkscape y utilice la herramienta "Trace Bitmap" para obtener un camino redondeado (ya que la forma debe ser de un solo color, es fácil y probablemente limpio)

-1
-1
2018-07-10 10:59:35 +0000

Funciona bastante bien pero cambia un poco su forma.

Es similar a la solución de Wrzlprmft. Resultado GIF paso a paso

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

También puedes crear una extensión de inkscape que:

  • Tome estas entradas:

  • Que haga eso:

Perdón por mi terrible inglés

-1
-2
2015-11-23 18:59:58 +0000

Puede utilizar el Editor XML en Inkscape para hacer que los rectángulos tengan una esquina redondeada. Abra el Editor XML, seleccione el elemento <svg:rect. Añade los atributos rx y ry, en la parte inferior derecha del Editor XML hay dos campos y un botón Set. Poner rx en el campo superior, y 10 o cualquier otro número, luego pulsar Set.

-2
-4
2016-06-19 06:30:18 +0000

En realidad es muy sencillo.

  1. Haz una forma que tenga esquinas rectangulares.

  2. Haz clic en la herramienta rectángulo

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

  4. Pulsa Shift y arrastra el tirador circular, automáticamente hará las esquinas redondeadas.

enter image description here Arrastrar un asa circular para hacer esquinas redondeadas.

-4