PerfectVector
Di Irene Kim9 min di lettura

Importare SVG in Synfig: livelli per l'animazione

Confronta importazione SVG diretta ed esportazione SIF di Inkscape per Synfig. Ispeziona livelli, colori e parti mobili separate prima di animare o creare un rig.

In questa pagina

Synfig può importare SVG tramite File → Import, ma devi controllare i livelli risultanti prima di animare. La sua documentazione sull'importazione SVG descrive anche un metodo da Inkscape a SIF quando l'importazione diretta non riproduce utilmente la grafica.

Sono due modi di trasferire grafica vettoriale. Nessuno crea il piano di movimento per te. Una lampada da scrivania importata può apparire corretta mentre paralume, bracci e base rimangono difficili da selezionare o ruotare indipendentemente.

Inizia con un oggetto, decidi quali parti devono muoversi e confronta il risultato importato con l'originale SVG. Un breve controllo di livelli e movimento è più utile che importare un'intera scena e scoprirne la struttura in seguito.

Scegli l'importazione SVG diretta o una copia SIF

Prova prima l'importazione diretta quando hai già un SVG. Mantieni l'originale aperto nell'editor sorgente per confrontare forma, colori e organizzazione.

MetodoFile portato in SynfigCosa ispezionare
Importazione SVG direttaL'esportazione .svgGrafica visibile, geometria modificabile, struttura dei livelli e scala
Esportazione SIF da InkscapeUna copia .sif separataGruppi di livelli esportati, riempimenti e contorni, poi gli stessi controlli visivi
Importazione rasterUn file immagine supportatoSe muovere un'immagine piana sia sufficiente per l'inquadratura

L'opzione SIF è ancora presente nella definizione ufficiale dell'estensione di output Synfig di Inkscape. Dichiara Synfig Animation (*.sif) e indica l'esportazione come potenzialmente con perdita di informazioni. Controlla che la versione Inkscape installata offra quel formato; l'esistenza di un esportatore non garantisce che ogni installazione lo esponga allo stesso modo.

Usa il metodo che conserva l'aspetto e la struttura di modifica necessari. SIF non promette compatibilità SVG perfetta, e un'importazione SVG visibile non è ancora un rig.

Pianifica le parti mobili prima dell'esportazione

Considera una lampada da scrivania originale con base, braccio inferiore, braccio superiore e paralume. La base rimane ferma. I bracci ruotano alle articolazioni e il paralume si inclina sul suo attacco.

Nell'editor sorgente, mantieni queste parti separate e dai ai livelli nomi descrittivi. Metti nella stessa parte la grafica che deve muoversi insieme. Se un paralume ha un riempimento e un contorno decorativo, entrambi devono seguirne il movimento.

Disegna inoltre abbastanza di ogni parte per sostenere le pose previste. Un SVG contenente soltanto il bordo visibile di un braccio non può fornire grafica nascosta quando sposti il paralume. Potresti dover estendere manualmente la regione coperta.

Diagramma concettuale di una lampada da scrivania che separa base, bracci articolati e paralume per un piano di animazione.
Illustrazione di pianificazione, non un'importazione o un rig Synfig. Ispeziona i livelli effettivi e impostane i punti di rotazione prima di animare.

Il diagramma descrive l'organizzazione prevista. Non prevede il numero di livelli creati da un importatore. Il codice dell'esportatore SIF di Inkscape può creare livelli separati di regione e contorno dal riempimento e dal tratto di un tracciato. Una parte sorgente può quindi richiedere che diversi livelli risultanti si muovano insieme.

Anche un ricalco basato sul colore può organizzare la grafica diversamente dal tuo piano di movimento. Due bracci scuri potrebbero far parte di un'unica forma composta. Separa la geometria effettivamente necessaria invece di presumere che ogni oggetto riconoscibile abbia un proprio livello.

Fai un piccolo controllo dell'importazione diretta

Salva una copia da consegnare contenente soltanto la lampada e importala in un nuovo documento Synfig tramite File → Import. Prima di aggiungere animazione, esegui quattro controlli:

  1. Confronta sagoma complessiva e dimensioni della grafica rispetto alla tela.
  2. Espandi la gerarchia dei livelli e individua un braccio o il paralume.
  3. Nascondi temporaneamente quella parte per vedere esattamente quale grafica contiene.
  4. Ripristina la visibilità e fai un piccolo movimento temporaneo, poi annullalo.

Se nascondere il paralume nasconde anche un braccio, ispeziona i gruppi. Se spostare il paralume lascia indietro il contorno, raccogli i livelli che formano quella parte prima di continuare. Queste semplici prove rivelano la struttura senza richiedere un'animazione finita.

Controlla i colori separatamente dalla geometria. Un contorno corretto con riempimento sbagliato è un problema diverso dalla grafica mancante. Confronta colori, opacità, tratti visibili e fori con il sorgente. Mantieni le correzioni in una copia di lavoro per poter tornare all'originale.

Per formati di animazione con geometria nativa diversa, la procedura vettoriale OpenToonz mostra perché il contorno modificabile di una regione riempita e una linea centrale modificabile offrano controlli diversi. Non presumere che il numero di livelli di un importatore indichi quale tipo di modifica supporti ogni livello.

Prova l'esportazione SIF di Inkscape quando aiuta

Se l'installazione Inkscape offre Synfig Animation (*.sif) in Save As, salva una copia SIF separata e aprila in Synfig. Conserva l'originale SVG modificabile. La guida Synfig alla conversione Inkscape descrive questo metodo e il rapporto fra livelli Inkscape e Group Layers di Synfig.

Anche l'attuale implementazione dell'esportatore tratta un livello Inkscape come contenitore nominato del contenuto convertito. Questo rende utili livelli sorgente definiti consapevolmente per la lampada, ma devi comunque ispezionare il risultato. Gruppi SVG ordinari e livelli Inkscape non sono garanzie intercambiabili della gerarchia finale.

Confronta la copia SIF con l'importazione diretta usando gli stessi controlli. Puoi selezionare il paralume? Riempimento e contorno rimangono insieme? Le sovrapposizioni sono intatte? Scegli in base a quei risultati invece che all'estensione che sembra più nativa.

Evita di trasformare una vecchia lista di compatibilità in una regola universale. La pagina wiki di Synfig include un vecchio metodo di conversione XSLT con restrizioni proprie. Quelle restrizioni non descrivono automaticamente l'importatore SVG diretto o l'esportatore Inkscape attuale. Per un file problematico, riduci una copia a semplici forme riempite e reintroduci le funzionalità più complesse una alla volta.

Imposta le origini dei gruppi prima di una prova di movimento

La documentazione Group Layer di Synfig descrive un contenitore che trasforma insieme i livelli figli. I controlli di trasformazione includono rotazione, scostamento, inclinazione e scala. Raggruppa i pezzi appartenenti a una singola parte mobile della lampada prima di provarne la rotazione.

Colloca il centro di rotazione nell'articolazione prevista. Il Group Transformation Widget documentato permette di tenere premuto Ctrl mentre trascini il centro di trasformazione per cambiare Origin indipendentemente dal gruppo. Controlla l'effetto sul gruppo selezionato prima di animarlo.

Per il paralume, un centro nel mezzo della sagoma produce un movimento diverso da un centro all'attacco del braccio. Prova una piccola rotazione su una copia di lavoro. Cerca contorni staccati, spazi all'articolazione o grafica che si muove intorno al punto sbagliato, poi annulla la prova.

Questo stabilisce un punto di partenza per la modifica. Movimento fra livelli genitore e figlio, ossatura, tempi e interpolazione richiedono ancora configurazioni proprie. Importare un SVG o esportare un SIF non recupera un rig preesistente da un'illustrazione piana.

Se l'importazione è vuota o i colori cambiano

Usa il sintomo per circoscrivere l'indagine:

SintomoPrimo controllo
Nulla è visibileVisibilità dei livelli, limiti della grafica, scala della tela e presenza di geometria utilizzabile nel sorgente
Contorno visibile ma riempimento sbagliatoRiempimento sorgente, opacità e livelli di colore importati
Alcune parti scompaionoStruttura o effetto della parte mancante, provati in una copia isolata
Tutto si muove insiemeQuale gruppo è selezionato e quali parti contiene
Il contorno di una parte rimane indietroSe riempimento e contorno richiedano raggruppamento per quel movimento

La diagnosi di SVG vuoti tratta controlli dell'area di visualizzazione, visibilità e contenuti non supportati. Conserva i tracciati validi durante la diagnosi. Convertire tutta la grafica in PNG e ricalcarla di nuovo elimina struttura potenzialmente ancora utile.

Annota versione Synfig, versione Inkscape se usata, metodo di importazione scelto e un piccolo file che riproduce il problema. Una vecchia segnalazione su un forum su colore o gruppi è un indizio da indagare, non prova che ogni installazione attuale abbia lo stesso problema.

Dove si inserisce PerfectVector

Se l'unico sorgente è un'illustrazione piatta PNG o JPG, la procedura da immagine a vettore di PerfectVector può ricostruire tracciati SVG modificabili prima della consegna a Synfig. Ispeziona la sagoma e separa le regioni che intendi muovere, poi prova un'importazione. Il risultato richiede ancora organizzazione dei livelli, posizionamento delle articolazioni e configurazione dell'animazione in Synfig.

Mantieni un SVG modificabile esistente invece di ricalcarne uno screenshot. Gli sfondi dipinti possono rimanere raster quando la texture conta e serve soltanto posizionare o muovere l'immagine. Synfig documenta un Import Image Layer separato per il contenuto immagine. Per una diversa procedura di ricalco nativa, consulta il ricalco delle immagini in Adobe Animate; la spiegazione più ampia della vettorializzazione distingue recuperare tracciati e recuperare la struttura originale del progetto.

FAQ

Synfig può importare file SVG? Sì. Usa File → Import, poi ispeziona grafica visibile e struttura dei livelli risultante. La documentazione Synfig descrive anche il metodo da Inkscape a SIF come alternativa quando l'importazione diretta non riproduce utilmente il file.

Devo usare SVG o SIF per un'animazione Synfig? Conserva l'originale SVG e confronta un'importazione diretta con un'esportazione SIF separata quando l'opzione è disponibile nell'installazione Inkscape. Scegli il risultato il cui aspetto e le cui parti modificabili sono adatti all'animazione. Nessun metodo crea automaticamente un rig.

Perché il mio SVG è vuoto o con colori sbagliati in Synfig? Controlla visibilità, limiti, scala, riempimenti, opacità e struttura della parte mancante. Prova una copia semplice per separare una funzionalità specifica del file da un problema di importazione più ampio. Conserva l'originale e annota versioni delle app e metodo di importazione.

Importare un SVG crea parti mobili separate? Ispeziona i livelli effettivi invece di presumere che lo faccia. Una parte sorgente può produrre più livelli di colore, e diverse parti visibili possono condividere geometria. Organizza ogni parte mobile, impostane l'origine e prova un piccolo movimento prima di aggiungere animazione.

Fonti

  1. Synfig — Importazione SVG e conversione Inkscape — Documenta importazione diretta e metodo SIF alternativo, insieme a metodi storici di conversione.
  2. Inkscape — Definizione dell'estensione di output Synfig — Registra il formato di output SIF e indica l'esportazione come potenzialmente con perdita di informazioni.
  3. Inkscape — Implementazione dell'esportatore Synfig — Mostra gestione dei contenitori di livelli e conversione separata di riempimento e contorno.
  4. Synfig — Group Layer — Definisce trasformazioni dei livelli raggruppati e relativi parametri.
  5. Synfig — Group Transformation Widget — Documenta la regolazione dell'Origin del gruppo indipendentemente dalla grafica.
  6. Synfig — Import Image Layer — Documenta il livello separato per contenuto immagine importato.

Parti da grafica raster? Prepara i tracciati SVG con PerfectVector, ispeziona le regioni che intendi muovere e prova una parte in Synfig prima di costruire il resto dell'animazione.

Altro dal blog

Riparti da un SVG più pulito
e facile da modificare