Ultimo aggiornamento il
24 mag 2023
- Guida utente di Adobe Animate
- Introduzione ad Animate
- Animazione
- Concetti di base sulle animazioni in Animate
- Come utilizzare i fotogrammi e i fotogrammi chiave in Animate
- Animazione fotogramma per fotogramma in Animate
- Come lavorare con le animazioni interpolate classiche in Animate
- Strumento Pennello
- Guida di movimento
- Interpolazione di movimento e ActionScript 3.0
- Informazioni sull’animazione con interpolazione di movimento
- Animazioni con interpolazione di movimento
- Creazione di un’animazione con interpolazione di movimento
- Utilizzo dei fotogrammi chiave di proprietà
- Animare la posizione con un'interpolazione
- Come modificare le interpolazioni di movimento con l'Editor movimento
- Modifica del tracciato di movimento di un’animazione con interpolazione
- Manipolazione delle interpolazioni di movimento
- Aggiunta di andamenti personalizzati
- Creazione e applicazione di preimpostazioni di movimento
- Impostazione delle estensioni di interpolazione per l’animazione
- Operazioni con le interpolazioni di movimento salvate come file XML
- Interpolazioni di movimento e classiche a confronto
- Interpolazione di forme
- Utilizzare lo strumento di animazione Osso in Animate
- Utilizzare il rigging dei personaggi in Animate
- Come utilizzare i livelli maschera in Adobe Animate
- Come utilizzare le scene in Animate
- Interattività
- Come creare pulsanti con Animate
- Convertire progetti Animate in altri formati di tipi di documenti
- Creare e pubblicare documenti HTML5 Canvas in Animate
- Aggiungere interattività con gli snippet di codice in Animate
- Creazione di componenti HTML5 personalizzati
- Utilizzo dei componenti in HTML5 Canvas
- Creazione di componenti personalizzati: esempi
- Snippet di codice per componenti personalizzati
- Best practice - Pubblicità con Animate
- Creazione e pubblicazione di contenuti in realtà virtuale
- Area di lavoro e flusso di lavoro
- Creazione e gestione dei pennelli artistici
- Utilizzo di Google Fonts nei documenti HTML5 Canvas
- Utilizzo di Creative Cloud Libraries con Adobe Animate
- Utilizzare il pannello Strumenti e Stage per Animate
- Flusso di lavoro e area di lavoro di Animate
- Utilizzo di font Web nei documenti HTML5 Canvas
- Linee temporali e ActionScript
- Operazioni con più linee temporali
- Impostare le preferenze
- Uso dei pannelli di creazione di Animate
- Creare livelli della linea temporale con Animate
- Esportare animazioni per dispositivi mobili e motori grafici
- Spostamento e copia degli oggetti
- Modelli
- Trova e sostituisci in Animate
- Annulla, Ripeti e il pannello Cronologia
- Scelte rapide da tastiera
- Come utilizzare la linea temporale in Animate
- Creazione di estensioni HTML
- Opzioni di ottimizzazione per immagini e GIF animati
- Impostazioni per l’esportazione di immagini e file GIF
- Pannello Risorse in Animate
- File multimediali e video
- Trasformazione e combinazione di oggetti grafici in Animate
- Creazione e utilizzo di istanze di simboli in Animate
- Ricalco immagine
- Come utilizzare l’audio in Adobe Animate
- Esportazione di file SVG
- Creare file video da utilizzare in Animate
- Come aggiungere un video in Animate
- Disegnare e creare oggetti con Animate
- Rimodellare linee e forme
- Tratti, riempimenti e gradienti con Animate CC
- Utilizzo di Adobe Premiere Pro e After Effects
- Pannelli per il colore in Animate CC
- Apertura di file Flash CS6 con Animate
- Utilizzare il testo classico in Animate
- Inserimento di grafica in Animate
- Bitmap importate in Animate
- Grafica 3D
- Utilizzo dei simboli in Animate
- Disegnare linee e forme con Adobe Animate
- Utilizzare le librerie in Animate
- Esportazione di suoni
- Selezione degli oggetti in Animate CC
- Utilizzare i file AI di Illustrator in Animate
- Applicazione di metodi di fusione
- Disposizione degli oggetti
- Automazione delle operazioni con il menu Comandi
- Testo in più lingue
- Utilizzo della funzione Videocamera di Animate
- Filtri grafici
- Suono e ActionScript
- Preferenze di disegno
- Disegno con lo strumento Penna
- Piattaforme
- Convertire progetti Animate in altri formati di tipi di documenti
- Supporto piattaforme personalizzato
- Creare e pubblicare documenti HTML5 Canvas in Animate
- Creazione e pubblicazione di un documento WebGL
- Come creare pacchetti di applicazioni per AIR per iOS
- Pubblicazione di applicazioni AIR for Android
- Pubblicazione per Adobe AIR per desktop
- Impostazioni di pubblicazione ActionScript
- Procedure ottimali - Organizzazione del codice ActionScript in un’applicazione
- Come utilizzare ActionScript con Animate
- Accessibilità dell’area di lavoro di Animate
- Creazione e gestione di script
- Abilitazione del supporto per piattaforme personalizzate
- Panoramica di Supporto piattaforme personalizzate
- Operazioni con i plug-in di Supporto piattaforme personalizzate
- Debug di ActionScript 3.0
- Abilitazione del supporto per piattaforme personalizzate
- Esportazione e pubblicazione
- Come esportare i file da Animate CC
- Pubblicazione OAM
- Esportazione di file SVG
- Esportazione di elementi grafici e video con Animate
- Pubblicazione di documenti AS3
- Esportare animazioni per dispositivi mobili e motori grafici
- Esportazione di suoni
- Best practice - Suggerimenti per la creazione di contenuti per dispositivi mobili
- Best practice - Convenzioni per i contenuti video
- Best practice - Linee guida per la creazione di applicazioni SWF
- Best practice - Strutturazione dei file FLA
- Best practice per ottimizzare i file FLA per Animate
- Impostazioni di pubblicazione ActionScript
- Specificare le impostazioni di pubblicazione per Animate
- Esportazione di file proiettore
- Esportare immagini e GIF animati
- Modelli di pubblicazione HTML
- Utilizzo di Adobe Premiere Pro e After Effects
- Condividere e pubblicare rapidamente le animazioni
- Risoluzione dei problemi
Animate può essere esteso mediante estensioni HTML. Adobe Extension Builder 3 consente di creare estensioni HTML per Animate. In precedenza, era possibile estendere Animate solo con estensioni SWF. Tuttavia, Adobe Extension Builder 3 consente di creare estensioni HTML per le applicazioni Creative Cloud. Per iniziare, scaricate e installate Eclipse ed Extension Builder 3.0.
Creazione di un’estensione HTML
Per creare un’estensione HTML, effettuate le seguenti operazioni.
- Avviate Eclipse.
- Nella procedura guidata New Project (Nuovo progetto), create un nuovo progetto Application Extension (Estensione applicazione). Immettete un nome per il progetto e fate clic su Next (Avanti).
- Nel pannello New Adobe Application Extension Project (Nuovo progetto estensione applicazione Adobe), scegliete Adobe Animate. Fate clic su Avanti.
- Configurate l’estensione mediante le opzioni disponibili:
- Bundle ID (ID bundle) identifica in modo univoco l’estensione.
- Menu name (Nome menu) è il nome che verrà visualizzato per l’estensione. Questo nome verrà usato nel menu Finestra > Estensioni di Animate.
- Window Details (Dettagli finestra): usate queste opzioni per personalizzare il tipo e le dimensioni della finestra dell’estensione.
Fate clic su Next (Avanti).
- Potete personalizzare ulteriormente le librerie di riferimento dell’estensione nelle schermate che seguono:
- CEP Interface Library (Libreria di interfaccia CEP): questa libreria fornisce funzioni per l’interazione con l’applicazione host. Questa opzione è selezionata per impostazione predefinita.
- Frameworks (Framework): i framework vengono usati per librerie JavaScript condivise, come jQuery.
- Services (Servizi): i servizi includono Adobe IPC Communication Toolkit, che abilita la comunicazione tra le applicazioni Adobe, le estensioni e le applicazioni esterne. Fornisce un protocollo per la gestione dei messaggi tramite CEP Service Manager, che funge da centralina per le comunicazioni Creative Cloud.
Fate clic su Finish (Fine) per creare un nuovo progetto Eclipse.
Debug dell’estensione in Animate
Potete eseguire l’estensione direttamente da Eclipse:
- Fate clic con il pulsante destro del mouse sul progetto e selezionate Esegui come > Estensione Adobe Flash. Viene avviato Animate.
- In Animate selezionate la voce di menu Finestra > Estensioni . Viene aperto il pannello delle estensioni.
Esportazione dell’estensione
Per distribuire l’estensione, è necessario esportarla come pacchetto ZXP. Il pacchetto ZXP viene quindi scaricato ed eseguito da Adobe Extension Manager nelle applicazioni Creative Cloud:
- In Eclipse, passate alla vista Script Explorer. Fate clic con il pulsante destro del mouse sul progetto e selezionate Export > Adobe Extension Builder 3 > Application Extension (Esporta > Adobe Extension Builder 3 > Estensione applicazione). Viene visualizzata la procedura di esportazione guidata.
- È necessario disporre di un certificato per firmare il pacchetto dell’estensione. Individuate un certificato oppure fate clic su Create (Crea) per crearne uno nuovo.
- Fate clic su Finish (Fine).
- Al termine dell’esportazione, il pacchetto ZXP dell’estensione si trova nella cartella del progetto ed è pronto per la distribuzione.
Nota: per l’installazione è necessario accedere al file <extension>\.staged-extension\CSXS\manifest.xml e aggiornare il tag host impostando la versione minima di Animate su 13.0.
Installazione dell’estensione in Animate
Potete installare le estensioni HTML in Animate mediante Adobe Extension Manager. Con le estensioni HTML è possibile estendere le funzionalità di Animate.
Aggiunta di interattività alle estensioni HTML
È possibile creare un’estensione HTML che interagisca con Animate aggiungendo dei controlli e definendone il comportamento e ottenere informazioni sull’ambiente host (inclusi Animate e il sistema operativo). Questo può essere effettuato in due modi:
- Utilizzando la libreria di interfaccia CEP: la libreria di interfaccia CEP fornisce le API necessarie per ottenere informazioni sull’ambiente host e uno script eval che consente di eseguire gli script JSFL. Per ulteriori informazioni sulla libreria di interfaccia CEP, aprite Help > Help Contents > Adobe Extension Builder > References (Aiuto > Contenuti Aiuto > Adobe Extension Builder > riferimenti) in Eclipse.
- Utilizzando script JSFL: gli script JSFL possono essere eseguiti mediante lo script eval API della libreria di interfaccia CEP.
Oltre agli script JSFL, l’infrastruttura CEP in Animate espone i seguenti eventi che possono essere utilizzati solo nei pannelli HTML.- com.adobe.events.flash.documentChanged viene attivato in seguito a una modifica nel documento attivo corrente.
- com.adobe.events.flash.timelineChanged viene attivato in seguito a una modifica nella linea temporale del documento attivo corrente.
- com.adobe.events.flash.documentSaved viene attivato quando si salva il documento corrente.
- com.adobe.events.flash.documentOpened viene attivato quando si apre un nuovo documento.
- com.adobe.events.flash.documentClosed viene attivato quando si chiude il documento attivo corrente.
- com.adobe.events.flash.documentNew viene attivato quando si crea un nuovo documento.
- com.adobe.events.flash.layerChanged viene attivato quando si seleziona un altro livello.
- com.adobe.events.flash.frameChanged viene attivato quando si seleziona un altro fotogramma.
- com.adobe.events.flash.selectionChanged viene attivato quando si seleziona un altro oggetto sullo stage.
- com.adobe.events.flash.mouseMove viene attivato quando si sposta il mouse sullo stage.
Esempio
csinterface.addEventListener("com.adobe.events.flash.selectionChanged", CallbackFunction)
Nello snippet di codice precedente:
- csinterface: oggetto della libreria di interfaccia CEP.
- com.adobe.events.flash.selectionChanged: evento che attiva una modifica nella selezione di un oggetto. È possibile utilizzare anche uno qualsiasi degli eventi precedentemente descritti.
- CallbackFunction: metodo in ascolto dell’evento attivato.
