Blog de Metlivi

Cómo crear regiones de color editables entre trazados vectoriales existentes

Para crear regiones de color editables entre trazados vectoriales existentes, usa Pintura interactiva de Illustrator para colorear las áreas cerradas que forman esos trazados. Mantén el grupo interactivo mientras ajustas el dibujo y, cuando necesites formas rellenas independientes, expande un duplicado. El Cubo de pintura de Inkscape ofrece otro método: crea un nuevo trazado vectorial dentro de un límite visible. Adobe: Acerca de Pintura interactiva, Inkscape: Herramienta Cubo de pintura.

Esta guía está dirigida a quienes colorean ilustraciones vectoriales de personajes existentes, por ejemplo, para añadir colores independientes a distintas partes del contorno de una mascota virtual. El objetivo concreto es convertir los espacios entre líneas existentes en regiones que puedas volver a colorear y modificar en un editor vectorial externo.

29 de octubre de 20268 min de lecturaPor Metlivi Editorial Team
Sección 1

Decide qué significa «editable» en tu caso

Antes de rellenar nada, decide si quieres que los colores sigan los cambios de las líneas de contorno o si necesitas objetos rellenos individuales. Esa elección determina cuándo conviene mantener una región interactiva y cuándo convertirla en trazados normales.

Tu próxima tarea Método adecuado Comportamiento al editar
Cambiar la forma del personaje y conservar los colores regionales Pintura interactiva de Illustrator Los colores se vuelven a aplicar a las regiones cuando cambian los trazados de contorno
Seleccionar y manipular cada pieza coloreada por separado Expandir un duplicado del grupo de Pintura interactiva Las caras y los bordes se convierten en trazados rellenos y trazados de contorno independientes
Añadir rellenos vectoriales individuales debajo del arte lineal existente en Inkscape Cubo de pintura Cada relleno es un trazado nuevo generado

Estas diferencias corresponden al comportamiento documentado de las herramientas: Illustrator mantiene trazados editables dentro de un grupo de Pintura interactiva, mientras que al expandirlo se crean componentes separados. El cubo de Inkscape genera geometría de relleno a partir del dibujo visible. La elección de flujo de trabajo anterior es una recomendación práctica basada en esas diferencias. Adobe: Acerca de Pintura interactiva, Adobe: Crear grupos de Pintura interactiva, Inkscape: Herramienta Cubo de pintura.

Sección 2

Prepara los trazados existentes antes de colorear

Haz un duplicado de la ilustración original antes de convertirla. Mantén esa copia separada de la selección de trabajo para poder volver a los trazos y al aspecto originales si hace falta.

En la copia de trabajo, identifica el límite completo de cada región de color prevista. Para una zona de color contrastante en el cuerpo de un personaje, sigue la curva divisoria y el contorno exterior circundante. Incluye todos los trazados necesarios para delimitar ese espacio; si seleccionas solo la curva interior, faltará parte del límite.

Usa trazados vectoriales normales para el flujo de trabajo inicial. Adobe indica que el texto y las imágenes rasterizadas no pueden convertirse directamente en grupos de Pintura interactiva y que, al convertir ilustraciones con pinceles, efectos, transparencia u otros atributos de apariencia complejos, pueden perderse detalles. Inspecciona un duplicado antes de convertir trazos elaborados. Adobe: Crear grupos de Pintura interactiva.

Evita convertir todo el personaje de una vez si solo necesitas colorear un componente. Empieza con una red de límites manejable, define las regiones previstas y luego continúa con el resto de la ilustración. Así, el primer relleno te servirá para comprobar que la selección es correcta.

Sección 3

Crea y rellena regiones con Pintura interactiva de Illustrator

Pintura interactiva reconoce las áreas delimitadas por segmentos de varios trazados. Adobe llama caras a esas áreas y bordes a las secciones de trazado entre intersecciones. No es necesario reconstruir las líneas como un objeto cerrado independiente para cada color. Adobe: Acerca de Pintura interactiva.

  1. Selecciona los trazados que definen las regiones previstas.
  2. Elige Objeto > Pintura interactiva > Crear.
  3. Selecciona la herramienta Cubo de pintura interactiva o pulsa K.
  4. Elige el color de relleno que quieras.
  5. Pasa el cursor sobre una región y comprueba el límite resaltado.
  6. Haz clic para aplicar el color y repite el proceso en las regiones adyacentes.

El comando Crear forma el grupo; el cubo pinta sus caras y bordes. Para colorear una cara, fíjate en el resaltado grueso del límite antes de hacer clic. Un borde se resalta con una línea más fina. Si la herramienta sigue apuntando a los contornos, haz doble clic en su icono de la barra de herramientas y activa Pintar rellenos, y desactiva Pintar trazos. Adobe: Crear grupos de Pintura interactiva, Adobe: Pintar con la herramienta Cubo de pintura interactiva.

Imagina un componente de personaje con un contorno corporal redondeado y una línea divisoria curva. Selecciona ambos trazados y crea el grupo. Pasa el cursor por cualquiera de los lados de la línea divisoria: el resultado esperado es que se resalten dos caras independientes. Aplica un color a cada una. Así comprobarás que la red de líneas existente permite la separación de colores prevista antes de ocuparte de detalles más pequeños.

Sección 4

Corrige fugas y límites incompletos

Si un solo clic colorea dos áreas que deberían estar separadas, revisa el límite antes de cambiar la paleta. Adobe señala que los espacios entre trazados son una causa común de que la pintura se extienda a caras no previstas. Adobe: Buscar y cerrar huecos en grupos de Pintura interactiva.

Sigue esta secuencia de diagnóstico:

  1. Confirma que todos los trazados de límite necesarios pertenezcan al grupo.
  2. Selecciona el grupo y elige Ver > Mostrar huecos de Pintura interactiva.
  3. Examina las aberturas resaltadas alrededor de la región afectada.
  4. Edita los trazados de límite, añade un trazado de cierre o abre Objeto > Pintura interactiva > Opciones de hueco.
  5. Si usas Detección de huecos, previsualiza los huecos detectados y elige un tamaño adecuado para la abertura.
  6. Vuelve a pasar el cursor sobre la cara antes de repintarla.

La detección de huecos impide que la pintura atraviese las aberturas reconocidas. Cerrar huecos con trazados va más allá al insertar trazados sin pintar. Es posible que esos trazados insertados hagan que la ilustración parezca abierta aunque la región esté cerrada para pintar. Adobe: Buscar y cerrar huecos en grupos de Pintura interactiva.

Si el contorno está abierto a propósito, decide primero si el color debe detenerse allí. Un ajuste amplio de huecos puede ocultar la diferencia entre una abertura accidental y una parte del diseño del dibujo. Si la ubicación está clara, es preferible reparar el hueco no deseado concreto.

Sección 5

Modifica las formas sin perder el control de los colores

Usa la herramienta que corresponda al tipo de edición. La herramienta Selección de Illustrator selecciona todo el grupo de Pintura interactiva. Selección directa permite seleccionar los trazados originales, mientras que Selección de Pintura interactiva permite seleccionar caras y bordes. Haz doble clic en el grupo para entrar en el modo de aislamiento y editar con mayor precisión. Adobe: Modificar grupos de Pintura interactiva.

Prueba una modificación pequeña antes de continuar: mueve un punto de ancla en la línea divisoria de color del personaje. Inspecciona las dos regiones resultantes, sobre todo las esquinas estrechas. Illustrator vuelve a aplicar los colores existentes cuando cambian los trazados, pero quizá tengas que volver a pintar las regiones que se formen. Si eliminas una línea divisoria, las caras contiguas se fusionan y un relleno existente puede extenderse por el área combinada. Adobe: Modificar grupos de Pintura interactiva.

Si añades una nueva curva divisoria, selecciónala junto con el grupo y elige Objeto > Pintura interactiva > Combinar. Luego colorea las caras recién creadas. Guarda los colores elegidos como muestras para poder volver a aplicarlos después de cambios estructurales. Adobe: Modificar grupos de Pintura interactiva.

Sección 6

Convierte las regiones terminadas en objetos vectoriales independientes

Conserva la versión interactiva mientras sigan cambiando los contornos del personaje. Cuando necesites piezas rellenas que se puedan editar por separado, duplica el grupo y elige Objeto > Pintura interactiva > Expandir en el duplicado. La expansión conserva el aspecto pintado como trazados rellenos y trazados de contorno independientes. Adobe: Crear grupos de Pintura interactiva.

Inspecciona la jerarquía de objetos resultante y selecciona las piezas rellenas concretas que necesites. Ponles nombres según su función en el personaje, como «base del cuerpo» o «mancha del cuerpo», para poder volver a colorearlas fácilmente.

Para esta conversión, usa Expandir. Soltar elimina los rellenos pintados y restaura los objetos originales con un trazo negro de 0,5 puntos; no extrae las regiones coloreadas terminadas. Adobe: Crear grupos de Pintura interactiva.

Sección 7

Crea trazados de relleno independientes en Inkscape

El Cubo de pintura de Inkscape crea un trazado nuevo que representa el área seleccionada. La detección de límites se basa en una vista renderizada del lienzo, por lo que los cambios de color visibles determinan dónde se detiene el relleno. El resultado es geometría vectorial, pero se genera a partir de la apariencia visible y no mediante un cálculo exacto de las intersecciones entre los trazados de origen. La wiki del proyecto Inkscape explica este mecanismo en el borrador de su tutorial sobre el Cubo de pintura. Inkscape: Herramienta Cubo de pintura.

Para ilustraciones lineales de personajes, sigue esta secuencia:

  1. Conserva una copia de los contornos originales.
  2. Elige la herramienta Cubo de pintura y el color de relleno previsto.
  3. Haz clic dentro de una región delimitada visiblemente.
  4. Selecciona el trazado de relleno resultante e inspecciona sus bordes.
  5. Coloca el relleno debajo de los contornos cuando sea necesario.
  6. Repite el proceso en las regiones restantes y mantén los rellenos separados cuando necesiten colores independientes.

Comprueba si quedan bordes finos sin rellenar. Aumentar/Reducir en ajusta el tamaño del trazado de relleno generado: los valores positivos lo agrandan y los negativos lo reducen. Un pequeño aumento puede ayudar a que el relleno se extienda por debajo de las líneas circundantes. Cerrar huecos controla qué aberturas ignora el cubo, mientras que Umbral controla la diferencia de color permitida durante el relleno. Cambia un ajuste cada vez e inspecciona el resultado. Inkscape: Barra de herramientas del Cubo de pintura, Inkscape: Herramienta Cubo de pintura.

Como este flujo de trabajo crea trazados de relleno independientes, incluye en tu rutina una comprobación de los cambios en los límites: después de modificar un contorno, comprueba si el relleno correspondiente sigue encajando. Para modificaciones considerables, puede resultar más claro volver a crear el relleno que ajustar muchos nodos generados.

Sección 8

Comprueba que las regiones del personaje estén listas para seguir editándolas

Antes de dar por terminada la tarea de coloreado, prueba tres regiones representativas: un área base grande, una mancha estrecha y una región junto a una unión. Vuelve a colorear cada una de forma independiente, inspecciona su límite y haz un pequeño ajuste del contorno en una copia de trabajo. Estas comprobaciones revelan si la estructura elegida permite realizar la siguiente tarea de edición.

Conserva una versión de origen claramente identificada junto a cualquier versión convertida. Sigue usando regiones interactivas cuando preveas cambios en los contornos; usa trazados rellenos independientes cuando necesites manipular piezas coloreadas por separado. El resultado útil es un dibujo de personaje cuyos colores y límites puedas seleccionar, modificar y entender de forma deliberada.

Sección 9

Fuentes

Lecturas relacionadas

Sigue explorando este tema