Esportare immagini e GIF animati

  1. Guida utente di Adobe Animate
  2. Introduzione ad Animate
    1. Novità di Animate
    2. Glossario visivo
    3. Requisiti di sistema per Animate
    4. Scelte rapide da tastiera di Animate
    5. Utilizzare diversi tipi di file in Animate
  3. Animazione
    1. Concetti di base sulle animazioni in Animate
    2. Come utilizzare i fotogrammi e i fotogrammi chiave in Animate
    3. Animazione fotogramma per fotogramma in Animate
    4. Come utilizzare le animazioni con interpolazione classica in Animate
    5. Strumento Pennello
    6. Guida di movimento
    7. Interpolazione di movimento e ActionScript 3.0
    8. L’animazione con interpolazione di movimento
    9. Animazioni con interpolazione di movimento
    10. Creazione di un’animazione con interpolazione di movimento
    11. Utilizzo dei fotogrammi chiave di proprietà
    12. Animare la posizione con un'interpolazione
    13. Come modificare le interpolazioni di movimento con l'Editor movimento
    14. Modifica del tracciato di movimento di un’animazione con interpolazione
    15. Manipolazione delle interpolazioni di movimento
    16. Aggiunta di andamenti personalizzati
    17. Creazione e applicazione di preimpostazioni di movimento
    18. Impostazione delle estensioni di interpolazione per l’animazione
    19. Operazioni con le interpolazioni di movimento salvate come file XML
    20. Interpolazioni di movimento e classiche a confronto
    21. Interpolazione di forme
    22. Utilizzare lo strumento di animazione Osso in Animate
    23. Utilizzare il rigging dei personaggi in Animate
    24. Come utilizzare i livelli maschera in Adobe Animate
    25. Come utilizzare le scene in Animate
  4. Interattività
    1. Come creare pulsanti con Animate
    2. Convertire progetti Animate in altri formati di tipi di documenti
    3. Creare e pubblicare documenti HTML5 Canvas in Animate
    4. Aggiungere interattività con gli snippet di codice in Animate
    5. Creazione di componenti HTML5 personalizzati
    6. Utilizzo dei componenti in HTML5 Canvas
    7. Creazione di componenti personalizzati: esempi
    8. Snippet di codice per componenti personalizzati
    9. Best practice - Pubblicità con Animate
    10. Creazione e pubblicazione di contenuti in realtà virtuale
  5. Area di lavoro e flusso di lavoro
    1. Creazione e gestione dei pennelli artistici
    2. Utilizzo di Google Fonts nei documenti HTML5 Canvas
    3. Utilizzo di Creative Cloud Libraries con Adobe Animate
    4. Utilizzare il pannello Strumenti e Stage per Animate
    5. Flusso di lavoro e area di lavoro di Animate
    6. Utilizzo di font Web nei documenti HTML5 Canvas
    7. Linee temporali e ActionScript
    8. Operazioni con più linee temporali
    9. Impostare le preferenze
    10. Uso dei pannelli di creazione di Animate
    11. Creare livelli della linea temporale con Animate
    12. Esportare animazioni per dispositivi mobili e motori grafici
    13. Spostamento e copia degli oggetti
    14. Modelli
    15. Trova e sostituisci in Animate
    16. Annulla, Ripeti e il pannello Cronologia
    17. Scelte rapide da tastiera
    18. Come utilizzare la linea temporale in Animate
    19. Creazione di estensioni HTML
    20. Opzioni di ottimizzazione per immagini e GIF animati
    21. Impostazioni per l’esportazione di immagini e file GIF
    22. Pannello Risorse in Animate
  6. File multimediali e video
    1. Trasformazione e combinazione di oggetti grafici in Animate
    2. Creazione e utilizzo di istanze di simboli in Animate
    3. Ricalco immagine
    4. Come utilizzare l’audio in Adobe Animate
    5. Esportazione di file SVG
    6. Creare file video da utilizzare in Animate
    7. Come aggiungere un video in Animate
    8. Operazioni con i cue point video
    9. Disegnare e creare oggetti con Animate
    10. Rimodellare linee e forme
    11. Tratti, riempimenti e gradienti con Animate CC
    12. Utilizzo di Adobe Premiere Pro e After Effects
    13. Pannelli per il colore in Animate CC
    14. Apertura di file Flash CS6 con Animate
    15. Utilizzare il testo classico in Animate
    16. Inserimento di grafica in Animate
    17. Bitmap importate in Animate
    18. Grafica 3D
    19. Utilizzo dei simboli in Animate
    20. Disegnare linee e forme con Adobe Animate
    21. Utilizzare le librerie in Animate
    22. Esportazione di suoni
    23. Selezione degli oggetti in Animate CC
    24. Utilizzare i file AI di Illustrator in Animate
    25. Applicare pattern con lo strumento Pennello spray
    26. Applicazione di metodi di fusione
    27. Disposizione degli oggetti
    28. Automazione delle operazioni con il menu Comandi
    29. Testo in più lingue
    30. Utilizzo della funzione Videocamera di Animate
    31. Utilizzo di Animate con Adobe Scout
    32. Operazioni con file di Fireworks
    33. Filtri grafici
    34. Suono e ActionScript
    35. Preferenze di disegno
    36. Disegno con lo strumento Penna
  7. Piattaforme
    1. Convertire progetti Animate in altri formati di tipi di documenti
    2. Supporto piattaforme personalizzate
    3. Creare e pubblicare documenti HTML5 Canvas in Animate
    4. Creazione e pubblicazione di un documento WebGL
    5. Come creare pacchetti di applicazioni per AIR per iOS
    6. Pubblicazione di applicazioni AIR for Android
    7. Pubblicazione per Adobe AIR per desktop
    8. Impostazioni di pubblicazione ActionScript
    9. Procedure ottimali - Organizzazione del codice ActionScript in un’applicazione
    10. Come utilizzare ActionScript con Animate
    11. Best practice - Linee guida per l’accessibilità
    12. Accessibilità dell’area di lavoro di Animate
    13. Creazione e gestione di script
    14. Abilitazione del supporto per piattaforme personalizzate
    15. Panoramica di Supporto piattaforme personalizzate
    16. Creazione di contenuto accessibile
    17. Operazioni con i plug-in di Supporto piattaforme personalizzate
    18. Debug di ActionScript 3.0
    19. Abilitazione del supporto per piattaforme personalizzate
  8. Esportazione e pubblicazione
    1. Come esportare i file da Animate CC
    2. Pubblicazione OAM
    3. Esportazione di file SVG
    4. Esportazione di elementi grafici e video con Animate
    5. Pubblicazione di documenti AS3
    6. Esportare animazioni per dispositivi mobili e motori grafici
    7. Esportazione di suoni
    8. Esportare i file video QuickTime
    9. Controllo della riproduzione dei video esterni mediante ActionScript
    10. Best practice - Suggerimenti per la creazione di contenuti per dispositivi mobili
    11. Best practice - Convenzioni per i contenuti video
    12. Best practice - Linee guida per la creazione di applicazioni SWF
    13. Best practice - Strutturazione dei file FLA
    14. Best practice per ottimizzare i file FLA per Animate
    15. Impostazioni di pubblicazione ActionScript
    16. Specificare le impostazioni di pubblicazione per Animate
    17. Esportazione di file proiettore
    18. Esportare immagini e GIF animati
    19. Modelli di pubblicazione HTML
    20. Utilizzo di Adobe Premiere Pro e After Effects
    21. Condividere e pubblicare rapidamente le animazioni

Scopri come esportare le immagini e i file GIF con animazione.

Animate offre le nuove funzioni Esporta immagine ed Esporta GIF animato che facilitano l’esportazione delle risorse in formato .png, .jpeg e come immagini GIF statiche o animate, in modo intuitivo e interattivo.

Quando preparate le immagini per il Web e per altri supporti online, spesso avete bisogno di trovare un compromesso tra la qualità di visualizzazione delle immagini e le dimensioni dei file delle immagini.

Le funzioni di ottimizzazione disponibili nella finestra di dialogo Esporta immagine permettono di visualizzare un’anteprima delle immagini ottimizzate per diversi formati di file e con diversi attributi. Potete visualizzare contemporaneamente più versioni di un’immagine e modificare le impostazioni di ottimizzazione durante l’anteprima, per selezionare la migliore combinazione di impostazioni richiesta. Potete anche specificare la trasparenza e l’alone, selezionare le opzioni di dithering e ridimensionare l’immagine tramite dimensioni in pixel o percentuale delle dimensioni originali.

Quando salvate un file ottimizzato con il comando Esporta immagine, potete creare un file HTML per l’immagine contenente il codice necessario per visualizzarla in un browser Web.

In Animate, usate il comando Salva con nome per salvare le immagini in formato GIF, JPEG o PNG. In base al formato, potete specificare la qualità dell’immagine, la trasparenza o l’alone di sfondo, la visualizzazione dei colori e il metodo di download. Eventuali funzioni Web (come collegamenti e animazioni) aggiunte al file non vengono tuttavia conservate.

Potete anche usare lo strumento Elaboratore immagini di Animate per salvare copie di una cartella di immagini in formato JPEG. Elaboratore immagini consente di ridimensionare e convertire il profilo di colore di un’immagine in formato sRGB per il Web.

Esportare le immagini

Utilizzate la finestra di dialogo Esporta immagine (File > Esporta > Esporta immagine e File > Esporta > Esporta GIF animato) per selezionare le opzioni di ottimizzazione e visualizzare in anteprima la grafica ottimizzata.

A. Opzioni di visualizzazione B. Menu a comparsa Ottimizza C. Opzioni dei predefiniti D. Opzioni per dimensioni immagine E. Opzioni per l’animazione F. Anteprima G. Barre degli strumenti 

Fate clic nella parte superiore dell’area dell’immagine per selezionare un’opzione di visualizzazione:

Originale

Visualizza l’immagine senza ottimizzazione.

Ottimizzato

Visualizza l’immagine a cui sono applicate le impostazioni di ottimizzazioni.

2 immagini

Visualizza una accanto all’altra due versioni dell’immagine.

Se nella finestra Esporta immagine non viene visualizzata tutta la grafica, servitevi dello strumento Mano per spostare la visualizzazione. Usate lo strumento zoom per ingrandire o ridurre la vista.

  • Selezionate lo strumento mano (o tenete premuta la barra spaziatrice) e trascinatelo nell’area di visualizzazione per scorrere l’immagine.
  • Selezionate lo strumento zoom e fate clic in una vista per ingrandirla; tenete premuto Alt (Windows) oppure Opzione (Mac OS) e fate clic in una vista per ridurla.

    Potete immettere un valore percentuale di ingrandimento o sceglierne uno nell’angolo in basso della finestra di dialogo.

Visualizzare informazioni sull’immagine ottimizzata e tempo di scaricamento

L’area di annotazione sotto ogni immagine nella finestra di dialogo Esporta immagine contiene informazioni sull’ottimizzazione. L’annotazione relativa all’immagine originale mostra il nome e le dimensioni del file; quella relativa all’immagine ottimizzata mostra le opzioni di ottimizzazione correnti, la dimensione del file ottimizzato e il tempo di caricamento stimato in base alla velocità del modem selezionato. Potete scegliere la velocità per il modem dal menu a comparsa Anteprima.

Visualizzare l’anteprima di un’immagine usando valori gamma diversi

Il valore di gamma del monitor di un computer condiziona il livello di luminosità a cui viene visualizzata un’immagine nel browser Web. Potete vedere in anteprima come saranno le vostre immagini sui sistemi con valori gamma differenti e regolare i valori gamma per compensare l’immagine. L’attivazione di un’opzione di anteprima non incide sull’output finale dell’immagine.

  • Scegliete una delle opzioni seguenti dal menu a comparsa Anteprima della finestra di dialogo Esporta immagine.

Colore monitor

Mantiene gli stessi valori gamma dell’immagine e rappresenta l’impostazione predefinita.

Macintosh Legacy (senza gestione del colore)

Simula il valore gamma predefinito di 1,8 utilizzato da Mac OS 10.5 e versione precedente.

Windows (senza gestione del colore)

Simula il valore gamma predefinito di 2,2 utilizzato da Mac OS 10.6 e versione precedente.

Usa profilo documento

Regola i valori gamma secondo il profilo colore allegato al documento con gestione dei colori.

Ottimizzare un’immagine per il Web

  1. Scegliete File > Esporta immagine o File > Esporta GIF animato.

  2. Fate clic su una scheda nella parte superiode della finestra di dialogo per selezionare un’opzione di visualizzazione: Ottimizzato o 2 immagini.

  3. (Facoltativo) Se l’immagine contiene più sezioni, selezionate una o più sezioni da ottimizzare.

  4. Scegliete un’impostazione di ottimizzazione predefinita o impostate delle opzioni di ottimizzazione individuali. Le opzioni disponibili variano a seconda del formato di file selezionato.

  5. Rifinite le impostazioni di ottimizzazione fino a ottenere il miglior rapporto tra qualità dell’immagine e dimensioni. Se l’immagine contiene più sezioni, accertatevi di averle selezionate tutte per l’ottimizzazione.

    Nota:

    Per ripristinare la versione originale di un’anteprima ottimizzata, selezionatela e scegliete Originale dal menu Predefiniti.

  6. Per essere certi che i colori dell’immagine ottimizzata resteranno tali anche in browser diversi, convertite l’immagine nel metodo colore sRGB.

    Nota:

    i metadati di output sono conformi agli standard del consorzio Metadata Working Group, quindi alcuni metadati JPEG sono memorizzati nei formati EXIF e IIM, anziché XMP.

  7. Selezionate le seguenti opzioni:

    Nessuno

    Nessun metadato salvato, eccetto per la nota di copyright nei dati EXIF dei file JPEG. Con questa opzione viene generato un file di dimensioni minime.

    Copyright

    Salva la nota sul copyright, i termini dei diritti di utilizzo, lo stato del copyright e l’URL per le informazioni sul copyright.

    Copyright e dati di contatto

    Salva tutte le informazioni sul copyright e le seguenti informazioni: creatore, funzione del creatore, e-mail, indirizzo, città, Stato/provincia, CAP, Paese, telefoni e siti Web.

    Tutti eccetto info fotocamera

    Salva tutti i metadati, eccetto i dati EXIF relativi alle impostazioni della fotocamera, come la velocità dell’otturatore, data e ora, lunghezza focale, esposizione, compensazione, metodo di misurazione e utilizzo del flash.

    Tutti

    Salva nel file tutti i metadati.

  8. Fate clic su Salva.

  9. Nella finestra di dialogo Salva ottimizzato come, effettuate le seguenti operazioni e fate clic su Salva:

    1. Specificate un nome per il file e scegliete una posizione in cui salvare il file o i file finali.

    2. Selezionate un’opzione di formato per specificare che tipo di file desiderate salvare: file HTML e file di immagine, solo file di immagine o solo un file HTML.

    3. (Facoltativo) Impostate le impostazioni di output per i file HTML e i file di immagine.

    4. Se l’immagine contiene più sezioni, selezionate un’opzione per salvare tali sezioni dal menu Sezioni: Tutte le sezioni o Sezioni selezionate.

      Nota:

      Per ripristinare la versione più recente delle impostazioni di ottimizzazione, premete Alt (Windows) oppure Opzione (Mac OS), quindi fate clic su Ripristina. Per conservare le stesse impostazioni per la successiva apertura della finestra di dialogo Salva per Web, premete Alt/Opzione e fate clic su Ricorda.

    5. Per un video sul salvataggio dei file per il Web in Illustrator, visitate www.adobe.com/go/vid0063_it.

Salvare o eliminare i predefiniti di ottimizzazione

Potete salvare più impostazioni di ottimizzazione come un set con nome e applicarle ad altre immagini. Le impostazioni salvate appaiono nel menu a comparsa Predefinito insieme a quelle predefinite. Se modificate un set con nome o un set predefinito, il menu Predefinito riporta “Senza nome”.

  1. Impostate le opzioni di ottimizzazione desiderate e scegliete Salva impostazioni dal menu della palette Ottimizza.

  2. Date un nome alle impostazioni e salvatele nella cartella appropriata:

    Photoshop

    (Windows XP) Document and Settings\[nome utente]\Dati applicazioni\AdobePhotoshop CS5\Optimized Settings

    (Windows Vista) Utenti\[nome utente]\AppData\Roaming\Adobe\Adobe Photoshop CS5\Optimized Settings

    (Mac OS) Utenti/[nome utente]/Libreria/Preferenze/AdobePhotoshop CS5Settings/Optimized Settings

    Illustrator

    (Windows XP) Document and Settings\[nome utente]\Dati applicazioni\AdobeIllustrator CS5 Settings\[Lingua]\Save for Web Settings\Optimize

    (Windows Vista) Utenti\[nome utente]\AppData\Roaming\AdobeIllustrator CS5 Settings\[Lingua]\Save for Web Settings\Optimize

    (Mac OS) Utenti/[nome utente]/Libreria/ApplicationSupport/Adobe/Adobe Illustrator CS5/[Lingua]/Save for Web Settings/Optimize

    Nota:

    le impostazioni, se salvate in un’altra directory, non saranno disponibili dal menu a comparsa Predefiniti.

  3. Per eliminare un predefinito, selezionate il predefinito nel menu Predefinito e scegliete Elimina impostazioni nel menu Ottimizza.

Comprimere la grafica per il Web secondo dimensioni specifiche

  1. Scegliete File > Esporta > Esporta immagine o File > Esporta > Esporta GIF animato.

  2. Fate clic su una scheda nella parte superiore della finestra di dialogo Esporta immagine o Esporta GIF animato per selezionare un’opzione di visualizzazione: Ottimizzato o 2 immagini. 

  3. (Facoltativo) Selezionate le sezioni da ottimizzare e il formato di file da usare.

  4. Dal menu Ottimizza selezionate Ottimizza per la dimensione file (sulla destra del menu Predefinito).

  5. Immettete la dimensione del file.

  6. Specificate un’opzione Inizia con:

    Impostazioni correnti

    Usa il formato di file corrente.

    Selezione automatica GIF/JPEG

    Seleziona automaticamente il formato ottimale a seconda dei contenuti dell’immagine.

  7. Selezionate un’opzione dal menu Usa, a seconda che intendiate applicare le dimensioni del file specificate solo alla sezione selezionata, a ogni sezione dell’immagine o a tutte le sezioni. Fate clic su OK.

Ridimensionare la grafica durante l’ottimizzazione

Nella finestra di dialogo Esporta immagine potete ridimensionare un’immagine specificando dimensioni in pixel o una percentuale delle dimensioni originali.

  1. Fate clic sulla linguetta Dimensione immagine nella finestra di dialogo Esporta immagine.

  2. Impostate le seguenti ulteriori opzioni:

    Mantieni proporzioni

    Mantiene le proporzioni attuali di larghezza e altezza in pixel.

    Nota:

    l’unica funzione della palette Dimens. immagine disponibile per i formati di file SWF e SVG è Ritaglia secondo tavola da disegno.

  3. Digitate le nuove dimensioni in pixel oppure specificate una percentuale secondo la quale ridimensionare l’immagine, quindi fate clic su Applica.

Visualizzare l’anteprima di immagini ottimizzate in un browser Web

Potete visualizzare in anteprima un’immagine ottimizzata in qualsiasi browser installato sul vostro sistema, dalla finestra di dialogo Esporta immagine (File > Esporta > Esporta immagine o File > Esporta > Esporta GIF animato). Nel browser l’immagine viene visualizzata con una didascalia che riporta tipo di file, dimensioni in pixel, dimensioni del file, specifiche di compressione e altre informazioni HTML.

  • Per visualizzare l’anteprima di un’immagine nel browser Web predefinito, fate clic sull’icona del browser nella parte inferiore della finestra di dialogo Esporta immagine.
  • Nella finestra di dialogo Browser potete trovare tutti i browser installati sul computer e impostare quello predefinito per l’anteprima dell’immagine.

Altri argomenti presenti nell’Aiuto

Logo Adobe

Accedi al tuo account