Guida utente Annulla

SVG

  1. Guida utente di Illustrator
  2. Scoprire Illustrator
    1. Introduzione a Illustrator
      1. Novità di Illustrator
      2. Domande frequenti
      3. Requisiti di sistema per Illustrator
      4. Illustrator per Apple Silicon
    2. Area di lavoro
      1. Nozioni di base sull’area di lavoro
      2. Imparare più velocemente con il pannello Scopri di Illustrator
      3. Creare documenti
      4. Barra degli strumenti
      5. Scelte rapide da tastiera predefinite
      6. Personalizzare le scelte rapide da tastiera
      7. Introduzione alle tavole disegno
      8. Gestire le tavole disegno
      9. Personalizzazione dell’area di lavoro
      10. Pannello Proprietà
      11. Impostare le preferenze
      12. Area di lavoro Tocco
      13. Supporto di Microsoft Surface Dial in Illustrator
      14. Annullare le modifiche e gestire la cronologia di progettazione
      15. Ruota vista
      16. Righelli, griglie e guide
      17. Accesso facilitato in Illustrator
      18. Modalità protetta
      19. Visualizzare la grafica
      20. Usare la Touch Bar con Illustrator
      21. File e modelli
    3. Strumenti in Illustrator
      1. Panoramica sugli strumenti
      2. Selezionare gli strumenti
        1. Selezione
        2. Selezione diretta
        3. Selezione gruppo
        4. Bacchetta magica
        5. Lazo
        6. Tavola disegno
      3. Strumenti di navigazione
        1. Mano
        2. Ruota vista
        3. Zoom
      4. Strumenti Pittura
        1. Sfumatura
        2. Trama
        3. Crea forme
      5. Strumenti di testo
        1. Testo
        2. Testo su un tracciato
        3. Testo verticale
      6. Strumenti di disegno
        1. Penna
        2. Aggiungi punto di ancoraggio
        3. Elimina punto di ancoraggio
        4. Punto di ancoraggio
        5. Curvatura
        6. Segmento linea
        7. Rettangolo
        8. Rettangolo arrotondato
        9. Ellisse
        10. Poligono
        11. Stella
        12. Pennello
        13. Pennello tracciato chiuso
        14. Matita
        15. Shaper
        16. Sezione
      7. Strumenti di modifica
        1. Rotazione
        2. Riflettere
        3. Scala
        4. Distorsione curvilinea
        5. Larghezza
        6. Trasformazione libera
        7. Contagocce
        8. Fusione
        9. Gomma
        10. Forbici
    4. Azioni rapide
      1. Testo retrò
      2. Testo Luce al neon
      3. Testo vecchia scuola
      4. Ricolora
      5. Convertire schizzi in grafica vettoriale
  3. Illustrator per iPad
    1. Introduzione a Illustrator per iPad
      1. Panoramica di Illustrator per iPad
      2. Domande frequenti su Illustrator per iPad
      3. Requisiti di sistema | Illustrator per iPad
      4. Cosa è possibile fare con Illustrator per iPad
    2. Area di lavoro
      1. Area di lavoro di Illustrator per iPad
      2. Scelte rapide tocco e gesti
      3. Scelte rapide da tastiera per Illustrator per iPad
      4. Gestire le impostazioni dell'app
    3. Documenti
      1. Utilizzare i documenti in Illustrator per iPad
      2. Importazione di documenti Photoshop e Fresco
    4. Selezionare e disporre oggetti
      1. Creare oggetti ripetuti
      2. Fusione di oggetti
    5. Disegno
      1. Disegnare e modificare i tracciati
      2. Disegnare e modificare le forme
    6. Testo
      1. Utilizzo di testo e font
      2. Creare progetti di testo lungo un tracciato
      3. Aggiungere i propri font
    7. Utilizzo delle immagini
      1. Vettorizzazione di immagini raster
    8. Colore
      1. Applicare colori e sfumature
  4. Documenti cloud
    1. Nozioni di base
      1. Utilizzare i documenti cloud di Illustrator
      2. Condividere e collaborare sui documenti cloud di Illustrator
      3. Condividere i documenti per la revisione
      4. Aggiornare l'archiviazione cloud per Adobe Illustrator
      5. Documenti cloud di Illustrator | Domande frequenti
    2. Risoluzione dei problemi
      1. Risoluzione dei problemi di creazione o salvataggio dei documenti cloud di Illustrator
      2. Risoluzione dei problemi relativi ai documenti cloud di Illustrator
  5. Aggiunta e modifica di contenuti
    1. Disegno
      1. Nozioni di base sul disegno
      2. Modificare i tracciati
      3. Creare un disegno con perfezionamento pixel applicato
      4. Disegnare con lo strumento Penna, Curvatura o Matita
      5. Disegnare linee e forme semplici
      6. Ricalco immagine
      7. Semplificare un tracciato
      8. Definire le griglie prospettiche
      9. Strumenti simboli e set di simboli
      10. Regolare i segmenti di tracciato
      11. Disegna un fiore in 5 semplici passaggi
      12. Disegno in prospettiva
      13. Simboli
      14. Disegnare tracciati allineati ai pixel per i flussi di lavoro Web
    2. Oggetti e materiali 3D
      1. Informazioni sugli effetti 3D in Illustrator
      2. Creare grafica 3D
      3. Mappare l'immagine sugli oggetti 3D
      4. Creare testo 3D
    3. Colore
      1. Il colore
      2. Selezionare i colori
      3. Usare e creare i campioni
      4. Regolare i colori
      5. Utilizzare il pannello Temi Adobe Color
      6. Gruppi di colori (armonie)
      7. Pannello Temi colore
      8. Ricolorare il disegno
    4. Colorare
      1. Pittura
      2. Colorare con riempimenti e tracce
      3. Gruppi di pittura dinamica
      4. Sfumature
      5. Pennelli
      6. Metodi di trasparenza e fusione
      7. Applicare la traccia a un oggetto
      8. Creare e modificare i pattern
      9. Trame
      10. Pattern
    5. Selezionare e disporre oggetti
      1. Selezionare gli oggetti
      2. Livelli
      3. Raggruppare ed espandere gli oggetti
      4. Spostare, allineare e distribuire gli oggetti
      5. Sovrapporre gli oggetti    
      6. Bloccare, nascondere ed eliminare gli oggetti
      7. Copiare e duplicare gli oggetti
      8. Ruotare e riflettere gli oggetti
      9. Intrecciare gli oggetti
    6. Rimodellare oggetti
      1. Ritagliare le immagini
      2. Trasformare gli oggetti
      3. Combinare più oggetti
      4. Tagliare, dividere e rifilare gli oggetti
      5. Alterazione marionetta
      6. Ridimensionare, inclinare e distorcere gli oggetti
      7. Fusione di oggetti
      8. Rimodellare con gli involucri
      9. Rimodellare gli oggetti con gli effetti
      10. Creare nuove forme con gli strumenti Shaper e Crea forme
      11. Lavorare con gli angoli dinamici
      12. Flussi di lavoro migliorati per rimodellare gli oggetti con supporto touch
      13. Modificare le maschere di ritaglio
      14. Forme dinamiche
      15. Creare forme con lo strumento Crea forme
      16. Modifica globale
    7. Testo
      1. Aggiungere testo e utilizzare gli oggetti di testo
      2. Creare elenchi puntati e numerati
      3. Gestire l'area di testo
      4. Font e composizione tipografica
      5. Tipo di formato
      6. Importare ed esportare il testo
      7. Formattare i paragrafi
      8. Caratteri speciali
      9. Creare testo su un tracciato
      10. Stili di carattere e di paragrafo
      11. Tabulazioni
      12. Testo e composizione tipografica
      13. Trovare i font mancanti (flusso di lavoro Typekit)
      14. Aggiornare testo da Illustrator 10
      15. Testo in arabo e in ebraico
      16. Font | Domande frequenti e suggerimenti per la risoluzione dei problemi
      17. Creazione di un effetto di testo 3D
      18. Progettazioni di composizione tipografica creativa
      19. Ridimensionare e ruotare il testo
      20. Spaziatura tra righe e caratteri
      21. Sillabazione e interruzioni di riga
      22. Miglioramenti del testo
      23. Dizionari per il controllo ortografico e la sillabazione
      24. Formattare i caratteri asiatici
      25. Modulo di composizione per scritture asiatiche
      26. Creare progettazioni di testo con oggetti di fusione
      27. Creare un poster di testo utilizzando Ricalco immagine
    8. Creare effetti speciali
      1. Utilizzo degli effetti
      2. Stili di grafica
      3. Creare un’ombra esterna
      4. Attributi di aspetto
      5. Creare schizzi e mosaici
      6. Ombre esterne, bagliori e bordi sfocati
      7. Riepilogo degli effetti
    9. Grafica per il Web
      1. Come ottenere risultati ottimali nella creazione di grafica per il Web
      2. Grafici
      3. SVG
      4. Creare animazioni
      5. Sezioni e mappe immagini
  6. Importare, esportare e salvare
    1. Importazione
      1. Inserire più file
      2. Gestire file collegati e incorporati
      3. Informazioni sui collegamenti
      4. Scorporare le immagini
      5. Importare disegni di Photoshop
      6. Importare immagini bitmap
      7. Importare i file Adobe PDF
      8. Importare file EPS, DCS e AutoCAD
    2. Creative Cloud Libraries in Illustrator 
      1. Creative Cloud Libraries in Illustrator
    3. Salva
      1. Salvare un disegno
    4. Esporta
      1. Utilizzare la grafica di Illustrator in Photoshop
      2. Esportare un disegno
      3. Raccolta delle risorse ed esportazione in blocco
      4. Creare pacchetti di file
      5. Creare file Adobe PDF
      6. Estrarre il codice CSS | Illustrator CC
      7. Opzioni Adobe PDF
      8. Informazioni file e metadati
  7. Stampa
    1. Preparare la stampa
      1. Impostare i documenti per la stampa
      2. Modificare le dimensioni e l’orientamento della pagina
      3. Specificare gli indicatori di taglio per rifilare o allineare
      4. Introduzione al quadro di grandi dimensioni
    2. Stampa
      1. Sovrastampa
      2. Stampare con la gestione colore
      3. Stampa PostScript
      4. Predefiniti di stampa
      5. Segni di stampa e pagine al vivo
      6. Stampare e salvare un disegno con trasparenza
      7. Abbondanza
      8. Stampare le selezioni colore
      9. Stampare sfumature, trame e fusioni di colore
      10. Sovrastampa del bianco
  8. Automatizzare operazioni
    1. Unione dei dati mediante il pannello Variabili
    2. Automazione con script
    3. Automazione con le azioni
  9. Risoluzione dei problemi 
    1. Problemi di arresto anomalo
    2. Recuperare i file dopo l'arresto anomalo
    3. Problemi relativi ai file
    4. Formati di file supportati
    5. Problemi relativi ai driver del dispositivo GPU
    6. Problemi dei dispositivi Wacom
    7. Problemi relativi ai file DLL
    8. Problemi relativi alla memoria
    9. Problema del file delle preferenze
    10. Problemi di font
    11. Problemi con la stampante
    12. Condividere il rapporto sugli arresti anomali con Adobe
    13. Miglioramento delle prestazioni di Illustrator

Operazioni con SVG che consentono l'uso di XML e JavaScript per creare grafica per il Web che risponde alle azioni dell'utente con effetti sofisticati, quali evidenziamento, consigli, audio e animazioni.

Il formato SVG

Il formato SVG è un formato vettoriale che descrive le immagini come forme, tracciati, testo ed effetti dei filtri. I file risultanti sono compatti e forniscono grafica di alta qualità sul Web, in stampa e perfino in dispositivi mobili con risorse limitate, diversamente da GIF, JPEG, WBMP e PNG che sono di grandi dimensioni. Gli utenti possono ingrandire la visualizzazione di un'immagine SVG senza perdita di contrasto, dettaglio o nitidezza. Inoltre, il formato SVG supporta in modo avanzato testo e colori, consentendo la visualizzazione delle immagini come appaiono sulla tavola da disegno di Illustrator.

Il formato SVG è completamente basato su XML e offre diversi vantaggi sia agli sviluppatori sia agli utenti. 

Per salvare i disegni nel formato SVG, potete usare i comandi Salva, Salva con nome, Salva una copia o Salva per Web e dispositivi. Per accedere al set completo delle opzioni di esportazione SVG, usate il comando Salva, Salva con nome o Salva una copia. Il comando Salva per Web e dispositivi offre un sottoinsieme di opzioni di esportazione SVG applicabili al lavoro per il Web.

Applicare gli effetti SVG

Puoi usare gli effetti SVG per aggiungere al disegno proprietà grafiche, come ad esempio le ombre esterne. Gli effetti SVG si differenziano dagli equivalenti bitmap perché sono basati su XML e sono indipendenti dalla risoluzione. In realtà un effetto SVG è semplicemente un insieme di proprietà XML che descrivono varie operazioni matematiche. L'effetto risultante viene applicato all'oggetto di destinazione invece che alla grafica di origine.

Illustrator fornisce un set di effetti SVG predefiniti. Puoi usare gli effetti con le proprietà predefinite, modificare il codice XML per produrre effetti personali o scrivere nuovi effetti SVG.

Nota:

Per modificare i filtri SVG predefiniti di Illustrator, usa un editor di testo per modificare i file Adobe SVG Filters. svg  nella cartella Documenti e Impostazioni/<userdir>/Application Data/Adobe/Adobe Illustrator <numero versione> Impostazioni/<posizione>. Puoi modificare le definizioni esistenti del filtro, eliminare le definizioni del filtro e aggiungere nuove definizioni.

  1. Seleziona l'oggetto o il gruppo (oppure imposta come destinazione un livello nel pannello Livelli).
  2. Per applicare un effetto, effettuate una delle seguenti operazioni:

    Con le impostazioni predefinite

    Selezionate Effetto > Filtri SVG > Applica filtro SVG.

    Con impostazioni personalizzate

    1. Selezionate Effetto > Filtri SVG > Applica filtro SVG.

    2. Nella finestra di dialogo, selezionate l’effetto e fate clic su Modifica filtro SVG   . Modificate il codice predefinito e selezionate OK.

    Creare e applicare un nuovo effetto

    1. Selezionate Effetto > Filtri SVG > Applica filtro SVG.

    2. Nella finestra di dialogo, selezionate l’effetto e fate clic su Nuovo filtro SVG   . Immettete il nuovo codice e selezionate OK.

Quando applicate un effetto del filtro SVG, Illustrator visualizza sulla tavola da disegno la versione rasterizzata dell'effetto. Potete controllare la risoluzione di questa anteprima modificando le impostazioni della risoluzione di rasterizzazione del documento.

Nota:

Se un oggetto usa vari effetti, l’effetto SVG deve essere l’ultimo applicato, cioè deve apparire in fondo al pannello Aspetto (immediatamente prima della voce Trasparenza). Se un effetto SVG è seguito da altri effetti, l’output SVG consisterà in un oggetto raster.

Importare gli effetti da un file SVG

  1. Scegli Effetto > Filtro SVG > Importa filtro SVG.

  2. Selezionate il file SVG da cui volete importare gli effetti e scegliete Apri.

Panoramica del pannello Interattività SVG

Il pannello Interattività SVG consente di vedere tutti gli eventi e i file JavaScript associati al file corrente.
Potete usare il pannello Interattività SVG (Finestra > Interattività SVG) per aggiungere interattività ai disegni esportati per la visualizzazione in un browser Web. Ad esempio, potete definire un evento che attiva un comando JavaScript con cui creare un'animazione nella pagina Web in risposta a un'azione dell'utente (quale lo spostamento del cursore del mouse sopra un oggetto).

Eliminare un evento dal pannello Interattività SVG

È possibile utilizzare il pannello Interattività SVG per eliminare uno o tutti gli eventi.

Per eliminare un evento

  • Selezionate l'evento e scegliete Rimuovi voce selezionata.

Per eliminare tutti gli eventi

  • Selezionate Cancella eventi dal menu del pannello

Elencare, aggiungere o eliminare gli eventi collegati al file

Selezionate Collega file JavaScript   e scegliete Aggiungi per aggiungere ulteriori file JavaScript. Per rimuovere invece la voce JavaScript selezionata, scegliete Rimuovi.

Aggiungere interattività SVG al disegno

  1. Nel pannello Interattività SVG., selezionate un Evento. Consultate Eventi SVG.

  2. Immettete il JavaScript corrispondente e premete Invio.

Eventi SVG

onfocusin

Attiva l'azione quando un elemento viene richiamato (ad esempio, selezionato dal puntatore).

onfocusout

Attiva l'azione quando l'elemento smette di essere attivo (spesso quando diventa attivo un altro elemento).

onactivate

Attiva l'azione con un clic del mouse o premendo un tasto, a seconda dell'elemento SVG.

onmousedown

Attiva l'azione quando il pulsante del mouse è premuto sopra un elemento.

onmouseup

Attiva l'azione quando il pulsante del mouse è rilasciato sopra un elemento.

onclick

Attiva l'azione quando si fa clic con il pulsante del mouse sopra un elemento.

onmouseover

Attiva l'azione quando il puntatore viene portato sopra un elemento.

onmousemove

Attiva l'azione mentre il puntatore è sopra l'elemento.

onmouseout

Attiva l'azione quando il puntatore viene portato fuori dall'elemento.

onkeydown

Attiva l'azione quando un tasto resta premuto.

onkeypress

Attiva l'azione mentre viene premuto un tasto.

onkeyup

Attiva l'azione quando viene rilasciato un tasto.

onload

Attiva l'azione dopo che il documento SVG è stato completamente elaborato dal browser. Usa questo evento per attivare funzioni di inizializzazione da eseguire una sola volta.

onerror

Attiva l'azione quando un elemento non viene caricato correttamente o si verifica un altro errore.

onabort

Attiva l'azione quando il caricamento della pagina viene interrotto prima di completare il caricamento dell'elemento.

onunload

Attiva l'azione quando il documento SVG viene rimosso da una finestra o frame.

onzoom

Attiva un'azione quando si cambia il livello di zoom del documento.

onresize

Attiva l'azione quando viene ridimensionata la visualizzazione del documento.

onscroll

Attiva l'azione quando il documento viene visualizzato con scorrimento.

Suggerimenti per la creazione di file SVG

  • Utilizzate i livelli per strutturare un file SVG. Quando salvate un'immagine in formato SVG, ogni livello viene convertito in un elemento gruppo (<g>). Ad esempio, un livello chiamato Pulsante1 diventa <g id=“Pulsante1_ver3.0”> nel file SVG. I livelli nidificati diventano gruppi nidificati SVG, mentre i livelli nascosti vengono mantenuti con la proprietà di stile SVG display="none".

  • Se volete che gli oggetti su livelli diversi appaiano trasparenti, regolate l'opacità di ogni oggetto anziché di ogni livello.

  • I dati raster non sono scalabili nel visualizzatore SVG e non possono essere modificati come altri elementi SVG. Potete semplicemente evitare di creare disegni che richiedano di essere rasterizzati nel file SVG. Usate gli effetti SVG per aggiungere effetti grafici senza provocare rasterizzazione.

  • Per migliorare le prestazioni SVG, servitevi dei simboli e semplificate i tracciati nel disegno. Inoltre, se le prestazioni sono una priorità, evitate di usare pennelli che producono molti dati di tracciato, come Carboncino, Cenere e Pennino.

  • Usate sezioni, mappe immagini e script per aggiungere collegamenti Web a un file SVG.

  • Un linguaggio di script, come JavaScript, consente di aggiungere enormi funzionalità a un file SVG. Con il puntatore e la tastiera, ad esempio, si possono avviare funzioni di scripting, quali un effetto di rollover.

Opzioni di esportazione SVG ottimizzate per il Web

È disponibile una nuova opzione di esportazione SVG (File > Esporta > Esporta come > SVG). Il nuovo flusso di lavoro consente di creare file SVG standardizzati e ottimizzati per il Web per i progetti destinati al Web e alla visualizzazione su schermo. Per ulteriori informazioni, consultate Opzioni di esportazione SVG.


Risorse correlate

Contattaci

Chiedete alla community di utenti

Se avete una domanda o un'idea che desiderate condividere, partecipate alla community di Adobe Illustrator. Siamo sempre lieti di ricevere i vostri feedback.

Logo Adobe

Accedi al tuo account