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. Creare documenti
      3. Barra degli strumenti
      4. Scelte rapide da tastiera predefinite
      5. Personalizzare le scelte rapide da tastiera
      6. Introduzione alle tavole disegno
      7. Gestire le tavole disegno
      8. Personalizzazione dell’area di lavoro
      9. Pannello Proprietà
      10. Impostare le preferenze
      11. Area di lavoro Tocco
      12. Supporto di Microsoft Surface Dial in Illustrator
      13. Ripristino, annullamento, cronologia e automazione
      14. Ruota vista
      15. Righelli, griglie e guide
      16. Accesso facilitato in Illustrator
      17. Modalità protetta
      18. Visualizzare la grafica
      19. Usare la Touch Bar con Illustrator
      20. 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
  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. Aggiornare l'archiviazione cloud per Adobe Illustrator
      4. 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. Effetti 3D e materiali Adobe Substance
      1. Informazioni sugli effetti 3D in Illustrator
      2. Creare grafica 3D
      3. Mappare l'immagine sugli oggetti 3D
      4. Creare oggetti 3D
      5. 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. Duplicare gli oggetti
      8. Ruotare e riflettere 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

I formati immagine bitmap per Web (GIF, JPEG, WBMP e PNG) descrivono le immagini mediante una griglia di pixel. I file risultanti tendono a essere di grandi dimensioni, limitati a una singola (spesso bassa) risoluzione e usano grandi quantità di larghezza di banda sul Web. Il formato SVG, al contrario, è 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. 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, e consente 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. Con il formato SVG, potete usare XML e JavaScript per creare grafica per il Web che risponde alle azioni dell’utente con effetti sofisticati, quali evidenziamento, consigli, audio e animazioni.

Potete salvare il disegno nel  formato SVG  usando il comando 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.

Il modo in cui impostate il disegno in Illustrator si riflette sul file SVG risultante. Tenete presente le seguenti considerazioni:

  • Servitevi dei 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. Se cambiate l’opacità del livello, il file SVG risultante non presenterà la trasparenza nel modo in cui appare in Illustrator.

  • I dati raster non sono scalabili nel visualizzatore SVG e non possono essere modificati come altri elementi SVG. Se possibile, evitate quindi di creare disegni che richiedano di essere rasterizzati nel file SVG. Durante il salvataggio in formato SVG vengono rasterizzati le trame sfumate e gli oggetti con gli effetti Rasterizza, Artistico, Sfocatura, Tratti pennello, Distorsione, Effetto pixel, Contrasta, Schizzo, Stilizzazione, Texture e Video. Allo stesso modo, anche gli stili di grafica che includono questi effetti producono rasterizzazione. 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 quali un effetto di rollover. Inoltre, tramite il modello DOM (Document Object Model), gli script possono accedere e modificare il file SVG, ad esempio inserendo o eliminando elementi SVG.

Applicare gli effetti SVG

Potete 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. Potete 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, usate 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>. Potete modificare le definizioni esistenti del filtro, eliminare le definizioni del filtro e aggiungere nuove definizioni.

  1. Selezionate l’oggetto o il gruppo (oppure impostate come destinazione un livello nel pannello Livelli).
  2. Effettuate una delle seguenti operazioni:
    • Per applicare un effetto con le impostazioni predefinite, selezionate l’effetto nella sezione inferiore del sottomenu Effetto > Filtri SVG.

    • Per applicare un effetto con impostazioni personali, scegliete Effetto > Filtri SVG > Applica filtro SVG. Nella finestra di dialogo, selezionate l’effetto e fate clic sul pulsante Modifica filtro  pulsante . Modificate il codice predefinito e fate clic su OK.

    • Per creare e applicare un nuovo effetto, scegliete Effetto > Filtri SVG > Applica filtro SVG. Nella finestra di dialogo, fate clic sul pulsante Nuovo Filtro  pulsante , immettete il nuovo codice e fate clic su 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 utilizza più effetti, l’effetto SVG deve comparire come ultimo effetto nel pannello Aspetto (appena sopra la 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. Scegliete Effetto > Filtro SVG > Importa filtro SVG.

  2. Selezionate il file SVG da cui volete importare gli effetti e fate clic su Apri.

Panoramica del pannello Interattività SVG

Usate 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). Il pannello Interattività SVG consente inoltre di vedere tutti gli eventi e i file JavaScript associati al file corrente.

Eliminare un evento dal pannello Interattività SVG

  • Per eliminare un evento, selezionatelo e fate clic sul pulsante Elimina o scegliete Elimina evento dal menu del pannello.
  • Per eliminare tutti gli eventi, scegliete Cancella eventi dal menu del pannello.

Elencare, aggiungere o eliminare gli eventi collegati al file

  1. Fate clic sul pulsante Collega file JavaScript  .
  2. Nella finestra di dialogo File JavaScript, selezionate un evento JavaScript ed effettuate una delle seguenti operazioni:
    • Fate clic su Aggiungi per cercare altri file JavaScript.

    • Fate clic su Rimuovi per eliminare la voce JavaScript selezionata.

Aggiungere interattività SVG al disegno

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

  2. Immettete il corrispondente JavaScript 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. Usate 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.

Opzioni di esportazione SVG ottimizzate per il Web

È disponibile una nuova opzione di esportazione SVG (File > Esporta > 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.

Sono disponibili le seguenti opzioni:

  • Stile: scegliete la modalità di memorizzazione delle informazioni sullo stile visivo nel markup SVG.
    • Attributi di presentazione: utilizza attributi XML separati per ogni singola proprietà di stile su ciascun tag SVG. Questo formato è necessario per utilizzare le risorse SVG con Android Studio.
    • CSS interno: utilizza un singolo tag `<style>` con le classi CSS, condividendo le impostazioni di stile tra oggetti che hanno gli stessi stili. Ciò può portare a file di dimensioni inferiori.
    • Stile in linea: utilizza un singolo attributo `stile` per tag SVG, contenente tutte le proprietà di stile del tag combinate nella sintassi CSS.

Nota: lo stile predefinito per SVG è impostato su Attributi di presentazione perché migliora la compatibilità con i comuni strumenti di sviluppo, come Android Studio.

  • Font. Scegliete come devono essere rappresentati i font nel file SVG. L’opzione Contorni mantiene la definizione dei tracciati  e  offre una maggiore compatibilità.
  • Immagini: scegliete se le immagini devono essere incorporate nel documento o gestite come file collegati esterni al documento.
  • ID oggetto: scegliete in che modo i tipi di ID (nomi) vengono assegnati agli oggetti nel file SVG. Le opzioni disponibili sono Nomi livello, Minimo e Univoco. Questa opzione determina come vengono gestiti eventuali nomi di oggetti duplicati e come gli oggetti vengono denominati nel file CSS esportato.
  • Decimale: specificate quanti dati mantenere per il posizionamento preciso degli oggetti. Con un valore Decimale elevato gli oggetti vengono disposti con maggiore precisione, per una maggiore fedeltà visiva della grafica SVG renderizzata. Tuttavia, questo comporta anche un aumento delle dimensioni del file SVG esportato risultante.
  • Riduci dimensioni: ottimizza la dimensione del file SVG rimuovendo spazi e gruppi vuoti. Questa opzione riduce anche la leggibilità del codice SVG risultante.
  • Reattivo. Selezionate questa opzione affinché il contenuto SVG generato possa ridimensionarsi per adattarsi al browser. Non viene scritto alcun valore assoluto di dimensione.
  • Mostra codice: apre il contenuto esportato nell’editor di testo predefinito.
  • Mostra nel  browser (icona): visualizza l’immagine nel browser Web predefinito.
Logo Adobe

Accedi al tuo account