PerfectVector
Por Irene Kim10 min de leitura

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

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.

RotaArquivo levado ao SynfigO que inspecionar
Importação direta de SVGSua exportação .svgArte visível, geometria editável, estrutura de camadas e escala
Exportação SIF do InkscapeUma cópia .sif separadaGrupos de camadas exportados, preenchimentos e contornos, depois as mesmas verificações visuais
Importação rasterUm arquivo de imagem aceitoSe 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.

Diagrama conceitual de luminária de mesa separando base, braços articulados e cúpula para um plano de animação.
Ilustração de planejamento, não uma importação ou rig do Synfig. Inspecione as camadas reais e defina seus pivôs antes de animar.

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:

  1. Compare a silhueta geral e o tamanho da arte em relação à tela.
  2. Expanda a hierarquia de camadas e localize um braço ou a cúpula.
  3. Oculte temporariamente essa parte para ver exatamente qual arte ela contém.
  4. 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:

SintomaPrimeira verificação
Nada apareceVisibilidade de camadas, limites da arte, escala da tela e se o arquivo original contém geometria utilizável
Contorno visível, mas preenchimento erradoPreenchimento da arte original, opacidade e camadas de pintura importadas
Algumas partes desaparecemEstrutura ou efeito da parte ausente, testados em uma cópia isolada
Tudo se move juntoQual grupo está selecionado e quais partes ele contém
O contorno de uma parte fica para trásSe 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

  1. 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.
  2. 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.
  3. Inkscape — Implementação do exportador Synfig — Mostra o tratamento de contêineres de camada e a conversão separada de preenchimento e contorno.
  4. Synfig — Group Layer — Define transformações de camadas agrupadas e seus parâmetros.
  5. Synfig — Group Transformation Widget — Documenta o ajuste da Origin do grupo independentemente da arte.
  6. 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

Recomece com um SVG mais limpo
e fácil de editar