Cómo convertir líneas curvas separadas en una sola forma correctamente rellena en Inkscape

Un conjunto de curvas puede parecer cerrado sin formar un contorno conectado. SVG, el formato que usa Inkscape, rellena un subtrazado abierto como si una línea recta conectara su último punto con el primero. Por eso, las piezas curvas separadas pueden producir cuñas o parches curvos en lugar de rellenar el espacio que ves entre ellas. W3C: Pintura: propiedades de relleno.

Esto también explica por qué aplicar un color no es una forma fiable de comprobar si el contorno está cerrado. Un trazado puede mostrar un relleno considerable aunque sus extremos sigan desconectados. Tu tarea consiste en establecer el contorno deseado y luego revisar su aspecto.

Imagina dos curvas que forman las mitades superior e inferior de un óvalo. Cada curva por sí sola puede rellenar el área entre su arco y un borde recto implícito. Al unir los extremos correspondientes, esas dos piezas forman el perímetro que realmente buscas.

Guarda una copia de trabajo antes de modificar el dibujo. Identifica todas las curvas que forman parte del perímetro exterior y deja fuera de la selección las líneas decorativas interiores. Para crear una sola silueta, deberías poder recorrer continuamente el contorno deseado hasta volver al punto de partida.

Usa esta lista de comprobación:

• Identifica dónde debería unirse cada curva del contorno con la siguiente.
• Decide si cada punto de unión debería ser redondeado o puntiagudo.
• Busca líneas adicionales que atraviesen el interior.
• Comprueba si algún objeto sigue siendo una forma geométrica en vez de un trazado editable.

Si una elipse, un rectángulo u otra forma geométrica seleccionada muestra tiradores específicos de esa forma, usa Path → Object to Path antes de editar sus nodos. La conversión sustituye los controles originales de la forma por controles de edición del trazado, así que resulta útil conservar la copia de trabajo. Las curvas que ya se dibujaron como trazados no necesitan convertirse. Inkscape: Edición de nodos en una forma geométrica.

Ten presente la diferencia entre la curva y su contorno visible. El trazo se aplica de forma independiente al relleno; su grosor y los remates afectan lo que ves. Por lo tanto, que los trazos gruesos parezcan tocarse solo da una pista visual sobre la geometría subyacente. Inkscape: trazos.

Para convertir curvas separadas en un solo perímetro continuo, empieza con Combine. Esta opción conserva las piezas dentro de un solo objeto de trazado. Las piezas siguen siendo subtrazados independientes hasta que los conectes. Union sirve para otra tarea: fusionar las áreas de formas existentes. Inkscape: operaciones booleanas.

Situación inicial	Método adecuado
Curvas abiertas que forman secciones de un perímetro	Combine y luego unir los extremos correspondientes
Formas cerradas cuyas áreas rellenas deben fusionarse	Union
Un bucle exterior con una abertura interior intencional	Conservar subtrazados cerrados separados y elegir la regla de relleno adecuada

Selecciona solo las piezas del perímetro con la herramienta Selector y luego elige Path → Combine. Comprueba el resultado antes de continuar: que puedas seleccionar un solo objeto no significa que todas las piezas estén conectadas. El manual distingue explícitamente entre un trazado compuesto con varios subtrazados y varios objetos de trazado separados. Inkscape: operaciones booleanas.

Pulsa N para activar la herramienta Nodo. Recorre el perímetro un punto de unión a la vez:

1. Amplía la primera unión prevista.
2. Selecciona sus dos nodos extremos.
3. Usa Unir los nodos seleccionados cuando los extremos deban convertirse en un solo nodo.
4. Usa Unir los nodos extremos seleccionados con un segmento nuevo cuando deba quedar una sección de conexión entre ellos.
5. Repite el proceso en cada unión, incluido el último par que cierra el contorno.

El comando de fusión combina los nodos seleccionados en uno e intenta conservar la forma del trazado. El comando de segmento conecta los extremos. Selecciona solo un par previsto cada vez: el manual señala que unir una selección más amplia puede conectar los extremos más cercanos, que quizá no sean los que querías unir. Inkscape: opciones de la herramienta Nodo.

Para el óvalo ilustrativo de dos curvas, selecciona y une los extremos izquierdos correspondientes y luego selecciona y une los derechos. Si solo unes un lado, el contorno será continuo pero permanecerá abierto. Esto concuerda con la estructura de trazados descrita por SVG: un trazado puede contener segmentos conectados, mientras que un subtrazado cerrado vuelve a su punto inicial. W3C: trazados.

Si te cuesta seleccionar el par, haz clic en un extremo y, mientras mantienes pulsada la tecla Mayús, haz clic en el otro, o dibuja un pequeño rectángulo de selección alrededor de ambos nodos. La documentación original de la herramienta Nodo de Inkscape describe los dos métodos. Wiki de Inkscape: reescritura de la herramienta Nodo.

Después de conectar el contorno, revisa cada unión para detectar esquinas o abultamientos no deseados. Unir los extremos establece la conexión; el tipo de nodo y sus tiradores determinan cómo fluye el contorno a través de esa unión.

Usa un nodo suave donde el contorno deba fluir de forma continua: sus tiradores se alinean a través del nodo. Usa un nodo cúspide cuando necesites una punta o una curvatura ajustable de forma independiente a cada lado. Un nodo simétrico también mantiene ambos tiradores con la misma longitud, así que elígelo solo si esa condición se ajusta al contorno. Inkscape: acerca de los tipos de nodo.

Selecciona el nodo de unión y usa el control correspondiente al tipo de nodo; después ajusta sus tiradores mientras observas las curvas adyacentes. Revisa una unión a la vez para valorar si un cambio local mejora toda la silueta. Evita convertir todos los nodos en suaves si el diseño incluye esquinas intencionales.

Selecciona el trazado terminado y abre Object → Fill and Stroke. En la pestaña Fill, elige un color uniforme y selecciona el color deseado. En Stroke paint, conserva un contorno o haz clic en la X para quitarlo. El cuadro de diálogo controla ambos tipos de pintura por separado. Inkscape: el cuadro de diálogo Relleno y borde.

Si el resultado no es el esperado, sigue esta secuencia de diagnóstico:

1. Un borde diagonal atraviesa el interior deseado: revisa las conexiones de los extremos correspondientes; un subtrazado abierto podría estar rellenándose contra su borde de cierre implícito.
2. Queda un agujero inesperado: comprueba si hay un subtrazado adicional, un bucle superpuesto o una autointersección antes de cambiar la regla de relleno.
3. El objeto parece invisible: comprueba que Fill tenga un color y no esté configurado sin pintura; revisa también la opacidad.
4. Una unión termina en punta: revisa el tipo de ese nodo y sus tiradores.

Las reglas de relleno importan cuando los trazados se autointersectan o contienen subtrazados anidados. Con even-odd, un bucle anidado puede crear una abertura independientemente de su dirección; nonzero también tiene en cuenta la dirección del trazado. En un contorno cerrado, sencillo y sin intersecciones, no debería ser necesario cambiar las reglas. Repara primero el contorno y luego resuelve las aberturas intencionales. W3C: regla de relleno.

Si el relleno no se ve, comprueba tanto la alfa del color como la opacidad general del objeto. SVG define la opacidad del relleno por separado, mientras que el control de opacidad general de Inkscape afecta al relleno y al trazo a la vez. W3C: opacidad del relleno, Inkscape: el cuadro de diálogo Relleno y borde.

Revisa con la herramienta Nodo cada antigua unión y luego observa la silueta al tamaño en que se mostrará. En el contorno único que se explica aquí, el perímetro debería formar un solo bucle cerrado, sin piezas abiertas sobrantes. SVG distingue un subtrazado cerrado de uno abierto incluso cuando sus extremos ocupan la misma posición; por eso, no basta con mover dos extremos hasta que coincidan. W3C: el comando Closepath.

Para terminar, comprueba estas tres cosas a la vez: el contorno está conectado, sus curvas tienen las esquinas y transiciones deseadas, y el relleno cubre el interior previsto. Cuando todo coincida, guarda el SVG editable para que sea fácil seguir perfeccionando la silueta.

• Opciones de la herramienta Nodo — Guía de Inkscape para principiantes
• Operaciones booleanas — Guía de Inkscape para principiantes
• Edición de nodos en una forma geométrica — Guía de Inkscape para principiantes
• Trazos — Guía de Inkscape para principiantes
• Acerca de los tipos de nodo — Guía de Inkscape para principiantes
• El cuadro de diálogo Relleno y borde — Guía de Inkscape para principiantes
• Reescritura de la herramienta Nodo de GSoC2009 — Wiki de Inkscape
• Pintura: relleno, trazo y símbolos de marcador — SVG 2 del W3C
• Trazados — SVG 2 del W3C