Importar SVG en Synfig: prepara capas editables para animación

Synfig puede importar SVG mediante File → Import, pero debes revisar las capas resultantes antes de animar. Su documentación de importación SVG también describe una vía de Inkscape a SIF cuando la importación directa no reproduce la ilustración de forma útil.

Son dos maneras de transferir ilustraciones vectoriales. Ninguna crea el plan de movimiento por ti. Una lámpara de escritorio importada puede verse bien mientras su pantalla, brazos y base siguen siendo difíciles de seleccionar o girar por separado.

Empieza con un objeto, decide qué piezas deben moverse y compara el resultado importado con el SVG maestro. Una comprobación breve de capas y movimiento resulta más útil que importar toda una escena y descubrir la estructura después.

Elige la importación directa de SVG o una copia SIF

Prueba primero la importación directa si ya tienes un SVG. Mantén el original abierto en su editor de origen para comparar forma, pintura y organización.

La opción SIF sigue presente en la definición oficial de la extensión de salida Synfig de Inkscape. Declara Synfig Animation (*.sif) y marca la exportación como potencialmente con pérdida. Comprueba si tu versión instalada de Inkscape ofrece ese formato; que exista un exportador no garantiza que todas las instalaciones lo muestren igual.

Utiliza la vía que conserve la apariencia y la estructura de edición necesarias. SIF no promete compatibilidad perfecta con SVG, y una importación SVG visible todavía no es una estructura de control para animar.

Planifica las piezas móviles antes de exportar

Considera una lámpara de escritorio original con base, brazo inferior, brazo superior y pantalla. La base permanece quieta. Los brazos giran en las articulaciones y la pantalla se inclina en su unión.

En el editor de origen, mantén esas piezas separadas y asigna nombres descriptivos a las capas. Incluye en una misma pieza los elementos que deban moverse juntos. Si una pantalla tiene relleno y contorno decorativo, ambos deben seguir su movimiento.

Dibuja también suficiente contenido de cada pieza para las posturas previstas. Un SVG que solo contiene el borde visible de un brazo no puede aportar la parte oculta cuando apartas la pantalla. Quizá debas extender manualmente la región cubierta.

El diagrama describe la organización prevista. No predice cuántas capas creará el importador. El código del exportador SIF de Inkscape puede crear capas separadas de región y contorno a partir del relleno y el trazo de un trazado. Por tanto, una pieza de origen puede requerir que varias capas resultantes se muevan juntas.

Un trazado basado en colores también puede organizar el diseño de manera distinta a tu plan de movimiento. Dos brazos oscuros podrían formar parte de una misma forma compuesta. Separa la geometría que realmente necesites en lugar de suponer que cada objeto reconocible tiene su propia capa.

Haz una comprobación pequeña de importación directa

Guarda una copia de entrega que contenga solo la lámpara e impórtala en un documento nuevo de Synfig mediante File → Import. Antes de añadir animación, realiza cuatro comprobaciones:

1. Compara la silueta general y el tamaño de la ilustración respecto al lienzo.
2. Despliega la jerarquía de capas y localiza un brazo o la pantalla.
3. Oculta temporalmente esa pieza para ver qué contenido incluye exactamente.
4. Restaura su visibilidad, realiza un pequeño movimiento temporal y deshazlo.

Si ocultar la pantalla también oculta un brazo, revisa la agrupación. Si mover la pantalla deja atrás su contorno, reúne las capas que forman esa pieza antes de continuar. Estas pruebas sencillas revelan la estructura sin necesitar una animación terminada.

Comprueba la pintura por separado de la geometría. Un contorno correcto con relleno incorrecto es un problema distinto de una ilustración ausente. Compara colores, opacidad, trazos visibles y huecos con el original. Realiza las correcciones en una copia de trabajo para poder volver al original.

Para formatos de animación con geometría nativa diferente, el flujo vectorial de OpenToonz muestra por qué un límite de relleno editable y una línea central editable ofrecen controles distintos. No supongas que el número de capas de un importador indica qué edición permite cada una.

Prueba la exportación SIF de Inkscape cuando ayude

Si tu instalación de Inkscape ofrece Synfig Animation (*.sif) en Save As, guarda una copia SIF independiente y ábrela en Synfig. Conserva el SVG maestro editable. La guía de conversión de Inkscape de Synfig describe esta vía y la relación entre las capas de Inkscape y las Group Layers de Synfig.

La implementación actual del exportador también trata cada capa de Inkscape como un contenedor con nombre para su contenido convertido. Eso hace útiles las capas de origen deliberadas para la lámpara, pero todavía debes revisar el resultado. Los grupos SVG ordinarios y las capas de Inkscape no son garantías intercambiables sobre la jerarquía final.

Compara la copia SIF con la importación directa mediante las mismas comprobaciones. ¿Puedes seleccionar la pantalla? ¿Permanecen juntos su relleno y contorno? ¿Se conservan las superposiciones? Elige según esos resultados, no según qué extensión suene más nativa.

Evita convertir una lista antigua de compatibilidad en una regla universal. La página wiki de Synfig incluye un método antiguo de conversión XSLT con sus propias restricciones. No describen automáticamente el importador directo de SVG ni el exportador actual de Inkscape. Para un archivo problemático, reduce una copia a formas sencillas con relleno y reincorpora sus funciones más complejas una a una.

Coloca los orígenes de los grupos antes de probar el movimiento

La documentación de Group Layer de Synfig describe un contenedor que transforma juntas sus capas hijas. Sus controles incluyen rotación, desplazamiento, cizallamiento y escala. Agrupa las piezas que pertenezcan a una misma parte móvil de la lámpara antes de probar su rotación.

Coloca el centro de rotación en la articulación prevista. El Group Transformation Widget documentado permite mantener Ctrl mientras arrastras el centro de transformación para cambiar Origin independientemente del grupo. Comprueba el efecto sobre el grupo seleccionado antes de animarlo.

En la pantalla de la lámpara, un centro en mitad de su silueta produce un movimiento diferente de un centro situado en la unión al brazo. Prueba una pequeña rotación en una copia de trabajo. Busca contornos separados, huecos en la articulación o contenido que gire alrededor del punto equivocado, y deshaz la prueba.

Así estableces un punto de partida para editar. El movimiento entre elementos padre e hijo, los huesos, los tiempos y la interpolación todavía requieren su propia configuración. Importar un SVG o exportar un SIF no recupera una estructura de control preexistente de una ilustración plana.

Si la importación queda en blanco o cambian los colores

Utiliza el síntoma para acotar la investigación:

El diagnóstico de SVG en blanco cubre la ventana de visualización, la visibilidad y el contenido no compatible. Conserva los trazados útiles mientras investigas. Convertir toda la ilustración a PNG y trazarla otra vez descarta estructura que todavía podría servir.

Anota la versión de Synfig, la de Inkscape si la utilizaste, la vía de importación y un archivo pequeño que reproduzca el problema. Un informe antiguo en un foro sobre colores o agrupación es una pista para investigar, no una prueba de que todas las instalaciones actuales tengan el mismo problema.

Qué papel tiene PerfectVector

Si el único original es una ilustración plana PNG o JPG, el flujo de imagen a vector de PerfectVector puede reconstruir trazados SVG editables antes de entregarlos a Synfig. Revisa la silueta y separa las regiones que piensas mover, y después prueba una importación. El resultado todavía necesita organización de capas, colocación de articulaciones y configuración de animación en Synfig.

Conserva un SVG editable existente en lugar de trazar una captura de él. Los fondos pintados pueden seguir siendo ráster cuando importe su textura y solo necesites colocar o mover la imagen. Synfig documenta una Import Image Layer independiente para contenido de imagen. Para otro flujo de trazado nativo, consulta el trazado de imágenes de Adobe Animate; la explicación general de vectorización distingue recuperar trazados de recuperar la estructura original del diseño.

Preguntas frecuentes

¿Synfig puede importar archivos SVG? Sí. Utiliza File → Import y revisa la ilustración visible y la estructura de capas resultante. La documentación de Synfig también describe la vía de Inkscape a SIF como alternativa cuando la importación directa no reproduce el archivo de forma útil.

¿Debo utilizar SVG o SIF para una animación de Synfig? Conserva el SVG maestro y compara una importación directa con una exportación SIF independiente cuando esa opción esté disponible en tu instalación de Inkscape. Elige el resultado cuya apariencia y piezas editables sirvan para la animación. Ninguna vía crea automáticamente la estructura de control.

¿Por qué mi SVG queda en blanco o con colores incorrectos en Synfig? Comprueba visibilidad, límites, escala, rellenos, opacidad y estructura de la pieza ausente. Prueba una copia sencilla para distinguir una función específica del archivo de un problema general de importación. Conserva el original y anota las versiones de las aplicaciones y la vía utilizada.

¿Importar un SVG crea piezas móviles separadas? Revisa las capas reales en lugar de suponerlo. Una pieza de origen puede producir varias capas de pintura y varias piezas visibles pueden compartir geometría. Organiza cada pieza móvil, coloca su origen y prueba un movimiento pequeño antes de añadir animación.

Fuentes

1. Synfig — Importación SVG y conversión de Inkscape — Documenta la importación directa y la alternativa SIF, junto con métodos históricos de conversión.
2. Inkscape — Definición de la extensión de salida Synfig — Registra el formato de salida SIF y marca la exportación como potencialmente con pérdida.
3. Inkscape — Implementación del exportador Synfig — Muestra la gestión de contenedores de capas y la conversión separada de relleno y contorno.
4. Synfig — Group Layer — Define las transformaciones de capas agrupadas y sus parámetros.
5. Synfig — Group Transformation Widget — Documenta el ajuste del Origin del grupo independientemente de su ilustración.
6. Synfig — Import Image Layer — Documenta la capa independiente para contenido de imagen importado.

---

¿Partes de una ilustración ráster? Prepara sus trazados SVG con PerfectVector, revisa las regiones que quieras mover y prueba una pieza en Synfig antes de construir el resto de la animación.