Importar SVG no Synfig: prepare camadas editáveis para animação
Compare a importação direta de SVG com a exportação SIF do Inkscape para o Synfig. Inspecione camadas, cores e partes móveis separadas antes de criar a animação ou o rig.
Nesta página
- Escolha importação direta de SVG ou uma cópia SIF
- Planeje as peças móveis antes de exportar
- Faça uma pequena verificação de importação direta
- Experimente a exportação SIF do Inkscape quando ajudar
- Defina as origens dos grupos antes de testar o movimento
- Se a importação ficar vazia ou as cores mudarem
- Onde o PerfectVector entra
- Perguntas frequentes
- Fontes
O Synfig pode importar SVG por File → Import, mas você deve conferir as camadas resultantes antes de animar. Sua documentação de importação SVG também descreve uma rota de Inkscape para SIF quando a importação direta não reproduz a arte de forma útil.
São duas formas de transferir arte vetorial. Nenhuma cria o plano de movimento por você. Uma luminária de mesa importada pode parecer correta enquanto sua cúpula, braços e base continuam difíceis de selecionar ou girar de forma independente.
Comece com um objeto, decida quais partes devem se mover e compare o resultado importado com o SVG mestre. Uma breve verificação de camadas e movimento é mais útil do que importar uma cena inteira e descobrir sua estrutura depois.
Escolha importação direta de SVG ou uma cópia SIF
Experimente primeiro a importação direta quando já tiver um SVG. Mantenha o original aberto no editor em que a arte foi criada para comparar forma, pintura e organização.
| Rota | Arquivo levado ao Synfig | O que inspecionar |
|---|---|---|
| Importação direta de SVG | Sua exportação .svg | Arte visível, geometria editável, estrutura de camadas e escala |
| Exportação SIF do Inkscape | Uma cópia .sif separada | Grupos de camadas exportados, preenchimentos e contornos, depois as mesmas verificações visuais |
| Importação raster | Um arquivo de imagem aceito | Se mover uma imagem plana é suficiente para a tomada |
A opção SIF continua representada na definição oficial da extensão de saída Synfig do Inkscape. Ela declara Synfig Animation (*.sif) e marca a exportação como potencialmente sujeita a perdas. Confira se sua versão instalada do Inkscape oferece esse formato; a existência de um exportador não garante que toda instalação o exponha de forma idêntica.
Use a rota que preserve a aparência e a estrutura de edição necessárias. SIF não promete compatibilidade perfeita com SVG, e uma importação SVG visível ainda não é um rig.
Planeje as peças móveis antes de exportar
Imagine uma luminária de mesa original com base, braço inferior, braço superior e cúpula. A base fica parada. Os braços giram nas articulações, e a cúpula se inclina em sua fixação.
No editor em que a arte foi criada, mantenha essas partes separadas e dê nomes descritivos às camadas. Coloque a arte que deve se mover junto na mesma parte. Se uma cúpula tem preenchimento e contorno decorativo, ambos devem acompanhar seu movimento.
Desenhe também uma porção suficiente de cada parte para permitir as poses desejadas. Um SVG que contém apenas a borda visível de um braço não fornece a arte oculta quando você afasta a cúpula. Talvez seja necessário estender manualmente a região encoberta.

O diagrama descreve a organização desejada. Não prevê o número de camadas que um importador criará. O código do exportador SIF do Inkscape pode criar camadas separadas de região e contorno a partir do preenchimento e do contorno de um traçado. Portanto, uma parte da arte original pode exigir que várias camadas resultantes se movam juntas.
Um traçado baseado em cores também pode organizar a arte de forma diferente do seu plano de movimento. Dois braços escuros podem fazer parte de uma forma composta. Separe a geometria de que realmente precisa em vez de presumir que todo objeto reconhecível tenha uma camada própria.
Faça uma pequena verificação de importação direta
Salve uma cópia de entrega contendo apenas a luminária e importe-a em um documento novo do Synfig por File → Import. Antes de adicionar animação, faça quatro verificações:
- Compare a silhueta geral e o tamanho da arte em relação à tela.
- Expanda a hierarquia de camadas e localize um braço ou a cúpula.
- Oculte temporariamente essa parte para ver exatamente qual arte ela contém.
- Restaure a visibilidade, faça um pequeno movimento temporário e desfaça-o.
Se ocultar a cúpula também ocultar um braço, inspecione o agrupamento. Se mover a cúpula deixar seu contorno para trás, reúna as camadas que formam essa parte antes de continuar. Esses testes simples revelam a estrutura sem exigir uma animação finalizada.
Confira a pintura separadamente da geometria. Um contorno correto com preenchimento errado é um problema diferente de arte ausente. Compare cores, opacidade, contornos visíveis e furos com a arte original. Mantenha qualquer correção em uma cópia de trabalho para poder voltar ao original.
Para formatos de animação com geometria nativa diferente, o fluxo vetorial do OpenToonz mostra por que um limite preenchido editável e uma linha central editável oferecem controles diferentes. Não presuma que a contagem de camadas de um importador indique que tipo de edição cada camada permite.
Experimente a exportação SIF do Inkscape quando ajudar
Se sua instalação do Inkscape oferecer Synfig Animation (*.sif) em Save As, salve uma cópia SIF separada e abra-a no Synfig. Mantenha o SVG mestre editável. O guia de conversão do Inkscape do Synfig descreve essa rota e a relação entre camadas do Inkscape e Group Layers do Synfig.
A implementação atual do exportador também trata uma camada do Inkscape como um contêiner nomeado para seu conteúdo convertido. Isso torna útil organizar intencionalmente as camadas da arte original da luminária, mas você ainda precisa inspecionar o resultado. Grupos SVG comuns e camadas do Inkscape não são promessas intercambiáveis sobre a hierarquia final.
Compare a cópia SIF com a importação direta usando as mesmas verificações. Consegue selecionar a cúpula? Seu preenchimento e contorno permanecem juntos? As sobreposições estão intactas? Escolha pelos resultados, não pela extensão que soa mais nativa.
Evite transformar uma lista antiga de compatibilidade em regra universal. A página do wiki do Synfig inclui um método antigo de conversão XSLT com restrições próprias. Essas restrições não descrevem automaticamente o importador SVG direto ou o exportador atual do Inkscape. Para um arquivo problemático, reduza uma cópia a formas preenchidas simples e adicione seus recursos mais complexos de volta, um por vez.
Defina as origens dos grupos antes de testar o movimento
A documentação de Group Layer descreve um contêiner que transforma suas camadas filhas em conjunto. Seus controles de transformação incluem rotação, deslocamento, cisalhamento e escala. Agrupe as peças que pertencem a uma única parte móvel da luminária antes de testar sua rotação.
Posicione o centro de rotação na articulação desejada. O Group Transformation Widget documentado permite segurar Ctrl ao arrastar o centro de transformação para mudar a Origin independentemente do grupo. Confira o efeito no grupo selecionado antes de animá-lo.
Na cúpula, um centro no meio da silhueta produz um movimento diferente de um centro na fixação do braço. Experimente uma pequena rotação em uma cópia de trabalho. Procure contornos separados, espaços na articulação ou arte girando ao redor do ponto errado e desfaça o teste.
Isso estabelece um ponto de partida para edição. Movimento entre pais e filhos, ossos, temporização e interpolação ainda precisam de configuração própria. Importar um SVG ou exportar um SIF não recupera um rig preexistente de uma ilustração plana.
Se a importação ficar vazia ou as cores mudarem
Use o sintoma para restringir a investigação:
| Sintoma | Primeira verificação |
|---|---|
| Nada aparece | Visibilidade de camadas, limites da arte, escala da tela e se o arquivo original contém geometria utilizável |
| Contorno visível, mas preenchimento errado | Preenchimento da arte original, opacidade e camadas de pintura importadas |
| Algumas partes desaparecem | Estrutura ou efeito da parte ausente, testados em uma cópia isolada |
| Tudo se move junto | Qual grupo está selecionado e quais partes ele contém |
| O contorno de uma parte fica para trás | Se preenchimento e contorno precisam ser agrupados para esse movimento |
O diagnóstico de SVG vazio aborda verificações de área de visualização, visibilidade e conteúdo não aceito. Preserve os bons traçados ao diagnosticá-los. Converter toda a arte para PNG e traçá-la novamente descarta estrutura que ainda pode ser útil.
Registre a versão do Synfig, a versão do Inkscape se usado, a rota de importação escolhida e um arquivo pequeno que reproduza o problema. Um relato antigo em fórum sobre cor ou agrupamento é uma pista para investigar, não evidência de que toda instalação atual tenha o mesmo problema.
Onde o PerfectVector entra
Se a única imagem original é uma ilustração plana PNG ou JPG, o fluxo de imagem para vetor do PerfectVector pode reconstruir traçados SVG editáveis antes da entrega ao Synfig. Inspecione a silhueta e separe as regiões que pretende mover, depois teste uma importação. O resultado ainda precisa de organização de camadas, posicionamento de articulações e configuração de animação no Synfig.
Mantenha um SVG editável existente em vez de traçar uma captura dele. Fundos pintados podem permanecer raster quando a textura importa e você só precisa posicionar ou mover a imagem. O Synfig documenta uma Import Image Layer separada para conteúdo de imagem. Para outro fluxo de traçado nativo, veja o traçado de imagens no Adobe Animate; a explicação mais ampla de vetorização distingue recuperar traçados de recuperar a estrutura original do design.
Perguntas frequentes
O Synfig pode importar arquivos SVG? Sim. Use File → Import e inspecione a arte visível e a estrutura de camadas resultante. A documentação do Synfig também descreve uma rota de Inkscape para SIF como alternativa quando a importação direta não reproduz o arquivo de forma útil.
Devo usar SVG ou SIF para uma animação no Synfig? Mantenha o SVG mestre e compare uma importação direta com uma exportação SIF separada quando essa opção estiver disponível na sua instalação do Inkscape. Escolha o resultado cuja aparência e partes editáveis se encaixam na animação. Nenhuma rota cria um rig automaticamente.
Por que meu SVG fica vazio ou com cores erradas no Synfig? Confira visibilidade, limites, escala, preenchimentos, opacidade e estrutura da parte ausente. Teste uma cópia simples para separar um recurso específico do arquivo de um problema mais amplo de importação. Preserve o original e registre as versões dos aplicativos e a rota de importação.
Importar um SVG cria partes móveis separadas? Inspecione as camadas reais em vez de presumir isso. Uma parte da arte original pode gerar várias camadas de pintura, e várias partes visíveis podem compartilhar geometria. Organize cada parte móvel, defina sua origem e teste um pequeno movimento antes de adicionar animação.
Fontes
- Synfig — Importação de SVG e conversão do Inkscape — Documenta a importação direta e a rota alternativa SIF, junto de métodos históricos de conversão.
- Inkscape — Definição da extensão de saída Synfig — Registra o formato de saída SIF e marca a exportação como potencialmente sujeita a perdas.
- Inkscape — Implementação do exportador Synfig — Mostra o tratamento de contêineres de camada e a conversão separada de preenchimento e contorno.
- Synfig — Group Layer — Define transformações de camadas agrupadas e seus parâmetros.
- Synfig — Group Transformation Widget — Documenta o ajuste da Origin do grupo independentemente da arte.
- Synfig — Import Image Layer — Documenta a camada separada para conteúdo de imagem importado.
Começando com arte raster? Prepare seus traçados SVG com o PerfectVector, inspecione as regiões que pretende mover e teste uma parte no Synfig antes de montar o restante da animação.
Mais do blog

Texto foreignObject em SVG: corrija rótulos ausentes na exportação
Corrija rótulos SVG que aparecem no navegador, mas somem na exportação. Compare foreignObject com texto nativo, confira namespaces e preserve a arte existente.

Sombra SVG cortada? Confira o filtro e a área visível
Corrija uma sombra SVG cortada verificando dois limites separados: a região do filtro e a área de visualização externa. Siga um exemplo testado antes de alterar traçados.