Cos’è SVG?

SVG (Scalable Vector Graphics) è un linguaggio XML per la descrizione di immagini bidimensionali. I file SVG forniscono grafica ad alta definizione in un formato compatto indipendente dalla risoluzione per il Web, per la stampa e per dispositivi mobili. Potete formattare la grafica SVG con CSS. Inoltre il supporto di scripting e animazione fa del formato SVG una parte integrante della piattaforma Web.

Alcuni formati immagine comunemente usati sul Web, come GIF, JPEG e PNG, sono di grandi dimensioni e in genere a bassa risoluzione. Il formato SVG offre molto più valore e consente di descrivere le immagini in termini di forme vettoriali, testo ed effetti filtro. I file SVG sono compatti e producono grafica di alta qualità per il Web e per dispositivi palmari dalle risorse limitate. Gli utenti possono ingrandire la visualizzazione di un’immagine SVG senza perdita di nitidezza, dettaglio o definizione. Inoltre, il formato SVG supporta in modo avanzato testo e colori, e consente di visualizzare le immagini fedelmente rispetto allo stage. Il formato SVG è completamente basato su XML e offre diversi vantaggi sia agli sviluppatori sia agli utenti.

Nota:

Ora potete esportare i file SVG da Animate senza che contestualmente vengano creati ID e definizioni indesiderate. La composizione in SVG è stata migliorata in Animate 19.1. Questa opzione di esportazione consentirà di migliorare la qualità dei file SVG importati in Character Animator.

Flusso di lavoro per l’esportazione SVG in Animate CC

Animate CC consente di esportare in formato SVG, versione 1.1. Potete utilizzare i potenti strumenti di disegno di Animate per creare una grafica visivamente ricca ed esportarla direttamente in SVG.

In Animate CC, potete esportare i fotogrammi e i fotogrammi chiave selezionati di un'animazione. E, poiché la grafica esportata è in formato vettoriale, la risoluzione dell’immagine resta elevata anche a seguito di ridimensionamento.

La funzione di esportazione SVG sostituisce la precedente esportazione FXG (ritirata a partire dalla versione di Animate CC di giugno 2013). Le prestazioni delle funzioni di esportazione SVG e la qualità di output sono notevolmente migliori. Inoltre, rispetto a FXG, la perdita di contenuto in SVG è minima.

Grafica con effetti filtro

Con SVG, gli effetti filtro potrebbero non corrispondere esattamente alla visualizzazione in Animate, poiché non esiste una mappatura perfetta tra i filtri disponibili in Animate e quelli disponibili in SVG. Tuttavia, Animate utilizza combinazioni di diversi filtri di base disponibili in SVG per simulare un effetto simile.

Gestione di più simboli

L’esportazione SVG gestisce più simboli senza perdita di contenuto. L'output somiglia molto alla grafica sullo stage di Animate.

Esportazione di grafica nel formato SVG

  1. In Animate CC, trascinate o spostate la testina di riproduzione sul fotogramma appropriato.
  2. Selezionate File > Esporta > Esporta immagine oppure selezionate File > Impostazioni pubblicazione (selezionate l’opzione Immagine SVG nella sezione ALTRI FORMATI).
  3. Immettete o individuate mediante il pulsante Sfoglia la posizione in cui salvare il file SVG. Controllate che sia selezionato SVG in Tipo file.
  4. Fate clic su OK.
  5. Nella finestra di dialogo Esporta SVG, scegliete se incorporare o collegare il file SVG.
    • Includi livelli nascosti: esporta tutti i livelli nascosti del documento Animate. Deselezionando Esporta livelli nascosti si impedisce che tutti i livelli (compresi quelli nidificati nei clip filmato) contrassegnati come nascosti vengano esportati nel file SVG di destinazione. In questo modo potete provare facilmente diverse versioni dei documenti Animate rendendo i livelli invisibili.
    • Incorpora: incorpora una bitmap nel file SVG. Usate questa opzione se desiderate incorporare direttamente le bitmap nel file SVG.
    • Collega: fornisce un collegamento al percorso dei file bitmap. Utilizzate questa opzione se, invece di incorporare le bitmap, desiderate fornire un collegamento per le immagini bitmap dal file SVG. Se selezionate l’opzione Copia immagini in una cartella e aggiorna i collegamenti, le bitmap vengono salvate nella cartella immagini creata nello stesso percorso in viene esportato il file SVG. Se l’opzione Copia immagini in una cartella e aggiorna i collegamenti non è selezionata, le bitmap vengono incluse in file SVG tramite riferimento al rispettivo percorso di origine. Se il percorso delle bitmap di origine non è disponibile, vengono incorporate nel file SVG.
    • Copia immagini in immagini e aggiorna i collegamenti: permette di copiare la bitmap nella cartella /immagini. Se la cartella /immagini non esiste, viene creata nel percorso di esportazione del file SVG.
export-to-svg
  1. Fate clic su OK.

Nota:

Alcune funzioni di Animate non sono supportate dal formato SVG. Durante l’esportazione, i contenuti creati con tali funzioni vengono rimossi o impostati su una funzione supportata. Per ulteriori informazioni, consultate questo articolo.

In alternativa, è possibile usare anche la finestra di dialogo Impostazioni pubblicazione per esportare i file SVG da Animate CC (File > Impostazioni pubblicazione). Per esportare i file SVG, selezionate l’opzione SVG dalla sezione Altri formati.

Nota:

È consigliabile visualizzare i file SVG solo nei browser più recenti e completamente aggiornati. Questo perché il rendering di alcuni filtri grafici ed effetti di colore potrebbe non essere eseguito correttamente nelle versioni precedenti di determinati browser, ad esempio Internet Explorer 9.

Scambio di file SVG con Adobe Illustrator

Animate CC consente lo scambio di contenuti con Adobe Illustrator. Questo flusso di lavoro sostituisce la funzione di esportazione FXG che non è più disponibile in Animate CC (13.0). Potete esportare i file SVG direttamente da Animate e importarli in Adobe Illustrator. Per ulteriori informazioni sull'utilizzo di file SVG in Adobe Illustrator, consultate questo Argomento della Guida.

Utilizzate questo flusso di lavoro se desiderate apportare modifiche granulari alla grafica e aggiungere dettagli particolari. Potete anche utilizzare Illustrator per aggiungere alla grafica degli effetti, ad esempio un’ombra esterna.

Per modificare i file SVG in Adobe Illustrator e utilizzare i contenuti modificati in Animate, effettuate le seguenti operazioni:

  1. In Animate CC, esportate in SVG.
  2. Aprite il file SVG in Adobe Illustrator e modificate la grafica.
  3. Salvate il file SVG come file .ai e importatelo in Animate. Per ulteriori informazioni sull’utilizzo di file Illustrator in Animate.
Print

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online