- 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
Questo articolo funge da guida per gli sviluppatori di plug-in per la realizzazione di plug-in di Animate per il supporto di piattaforme personalizzate utilizzando Animate.
Per creare un plug-in per il supporto di una piattaforma personalizzata, è necessario utilizzare il kit di sviluppo Custom Platform Support Development Kit. Fate clic qui per scaricarlo.
- Scegliete Animate Custom Platform SDK nella scheda Downloads.
- Selezionate la versione 2020 dell’SDK.
- Selezionate Cross Platform (Multipiattaforma).
- Selezionate l’opzione Animate 20.0 (Latest) per scaricare la versione più recente.
Fate clic qui per scaricare un plug-in di esempio e usarlo come riferimento per creare un plug-in per il supporto di una piattaforma personalizzata.
- Scegliete Animate Custom Platform SDK nella scheda Downloads.
- Selezionate la versione 2020 dell’SDK.
- Selezionate Sample Plug-in (Plug-in di esempio).
Un plug-in comprende i seguenti elementi:
- DocType aggiunge un nuovo tipo di documento per la piattaforma personalizzata in Animate e controlla le funzioni di authoring.
- L'editore consente di configurare le impostazioni di pubblicazione e di pubblicare il documento nella piattaforma personalizzata.
Per una panoramica della funzione Supporto piattaforme personalizzate, consultate Supporto piattaforme personalizzate.
Creazione di un plug-in Animate di Supporto piattaforme personalizzate
Per creare un plug-in di supporto per una piattaforma personalizzata, utilizzate uno dei metodi seguenti:
- Create un plug-in utilizzando le API del kit di sviluppo Supporto piattaforme personalizzate.
- Personalizzate le impostazioni del plug-in di esempio incluso nel kit di sviluppo in base alle vostre esigenze.
I plug-in di Supporto piattaforme personalizzate sono compilati come file .zxp installabili in Animate. Potete caricare il plug-in sulla pagina Componenti aggiuntivi di Adobe da dove gli utenti potranno scaricarlo e installarlo con l’applicazione Creative Cloud. In alternativa, potete distribuirlo come pacchetto .zxp da installare con l’utility Gestisci estensioni.
Requisiti software
Uno sviluppatore necessita del software seguente per creare un plug-in utilizzando il kit di sviluppo Supporto piattaforme personalizzate:
- Microsoft Windows 10 (1803 e versioni successive) o Apple Mac OS 10.13 e versioni successive
- Microsoft Visual Studio 2017 (per Windows) o XCode 10.1 (per Mac)
- Animate
- Eclipse IDE for C/C++ Developers
- Adobe Extension Builder 3.0
- Utility Gestisci estensioni
Documentazione di riferimento delle API per gli sviluppatori di plug-in
Il kit di sviluppo Supporto piattaforme personalizzate contiene gli elementi seguenti:
- FCM (Flash Component Model): i file di intestazione contenuti nel kit di sviluppo definiscono un framework denominato FCM, responsabile della gestione dei plug-in.
- DocType: contiene una serie di interfacce che permettono di aggiungere un nuovo tipo di documento alla pagina iniziale di Animate e di abilitare o disabilitare le funzioni per il tipo di documento personalizzato.
- DOM (Document Object Model): contiene una serie di interfacce che consentono di accedere al contenuto del documento Animate sotto forma di DOM.
- Editore: contiene una serie di interfacce che permettono di collegarsi ai flussi di lavoro di pubblicazione.
Per informazioni complete sulle API di Supporto piattaforme personalizzate ed esempi di come utilizzarle per creare i plug-in, consultate Documentazione delle API di Supporto piattaforme personalizzate.
Creazione di un plug-in di Supporto piattaforme personalizzate
Per creare un plug-in di supporto per una piattaforma personalizzata, procedete nel modo seguente:
- Scaricate il kit di sviluppo Custom Platform Support Development Kit.
- Estraete il contenuto del kit nel computer.
- Aprite un nuovo progetto in VisualStudio o in Xcode e includete i file di intestazione del kit di sviluppo software nel vostro progetto di sviluppo software. Per iniziare rapidamente a creare il plug-in di supporto per la piattaforma personalizzata, potete usare il seguente plug-in di esempio disponibile nella directory SampleCreateJSPlatform come codice di base per il progetto di plug-in.
- Apportate le modifiche necessarie per la piattaforma di destinazione.
- Compilate il codice per generare un plug-in (.dll o .plug-in).
Ad esempio, i file del plug-in SampleCreateJS si trovano in SampleCreateJSPlatform\Plugin\SampleCreateJS\project\
Compilazione del plug-in di Supporto piattaforme personalizzate
Per generare un pacchetto distribuibile del plug-in di Supporto piattaforme personalizzate:
- Aprite il file Eclipse di esempio oppure, nella procedura guidata New Project (Nuovo progetto) di Eclipse, 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 come applicazione di destinazione e fate clic su Next.
- Cambiate le estensioni dei file di plug-in che avete creato da .dll a .fcm in Windows e da .plug-in in .fcm.plug-in su Mac, quindi aggiungete i file del plug-in al progetto (ExtensionContent/plugins/lib/win per Windows e ExtensionContent/plugins/lib/mac per MAC).
- Configurate l'estensione modificando il file manifest.xml. Per aprire il file manifest, fate clic con il pulsante destro del mouse sull'estensione in Project Explorer e selezionate Adobe Extension Builder 3 > Bundle Manifest Editor, quindi selezionate la scheda manifest in Bundle Manifest Editor, nel percorso EclipseProject\.staged-extension\CSXS.
- Per abilitare la modifica del file manifest.xml, fate clic con il pulsante destro nella finestra e scegliete Open with > XML editor. I due tag sui quale dovete concentrarvi sono ExtensionList e DispatchInfoList:
Un tipico tag ExtensionList ha il seguente aspetto:
<ExtensionList>
<Extension Id="PluginID" Version="1.0" />
<Extension Id="PublishSettingsID" Version-"1.0" />
</ExtensionList>
Questo tag contiene l'elenco delle estensioni del pacchetto ZXP finale, in cui ogni estensione presenta una stringa univoca come proprio ID. In questo caso, il file .dll o .plugin creato nella sezione precedente è incluso in un'estensione. Successivamente, l'altra estensione viene utilizzata per configurare l'interfaccia utente delle impostazioni di pubblicazione dell'editore. Nell'esempio, il tag ExtensionList contiene l'estensione con l'ID PluginID, che contiene il file .dll/.plugin e l'estensione con ID PublishSettingsID che configura l'interfaccia utente delle impostazioni di pubblicazione dell'editore.
- Il tag DispatchInfoList contiene i dettagli di ciascuna estensione menzionata in ExtensionList. Di seguito è riportato un esempio di DispatchInfoList:
<DispatchInfoList>
<Extension Id="PluginID">
<DispatchInfo >
<Resources>
<MainPath>./plugin/fcm.xml</MainPath>
</Resources>
<Lifecycle>
<AutoVisible>true</AutoVisible>
</Lifecycle>
<UI>
<Type>ModalDialog</Type>
<Menu>CreateJS</Menu>
<Geometry>
<Size>
<Height>200</Height>
<Width>200</Width>
</Size>
</Geometry>
</UI>
</DispatchInfo>
</Extension>
<Extension Id="PublishSettingsID">
<DispatchInfo >
<Resources>
<MainPath>./index.html</MainPath>
</Resources>
<Lifecycle>
<AutoVisible>true</AutoVisible>
</Lifecycle>
<UI>
<Type>ModalDialog</Type>
<Menu>Publish Settings</Menu>
<Geometry>
<Size>
<Height>170</Height>
<Width>486</Width>
</Size>
</Geometry>
</UI>
</DispatchInfo>
</Extension>
</DispatchInfoList>
- Per l'estensione che contiene il file .dll o .plugin, potete ignorare tutti i tag eccetto MainPath. Il tag MainPath contiene il percorso del file fcm.xml relativo alla cartella ExtensionContent. Dovete rinominare il file .dll in .fcm e inserirlo nella cartella win accanto a fcm.xml. Analogamente, se lavorate in ambiente Mac, rinominate il file .plugin in .fcm.plugin e inseritelo nella cartella mac accanto a fcm.xml.
- L'estensione HTML per configurare l'interfaccia utente delle impostazioni di pubblicazione è un'estensione HTML di Animate. Per ulteriori informazioni sulle estensioni HTML di Animate, consultate Creazione di estensioni HTML.
- Assicuratevi che il valore più basso dell’attributo version del tag Host sia 15.1, ovvero la versione minima (interna) di Animate con Supporto piattaforme personalizzate.
<ExecutionEnvironment> <HostList> <Host Name="FLPR" Version="15.1" /> </HostList>. . . </ExecutionEnvironment>
- 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 guidata di esportazione.
- È necessario disporre di un certificato per firmare il pacchetto dell’estensione. Individuate un certificato esistente oppure fate clic su Create (Crea) per crearne uno nuovo.
- Fate clic su Finish (Fine) per compilare il progetto. Eclipse genera un file di plug-in con estensione .zxp, che potete caricare sul sito Adobe Add-ons.
Distribuzione del plug-in di Supporto piattaforme personalizzate
Potete distribuire il plug-in di Supporto piattaforme personalizzate caricandolo sul sito Adobe Add-ons e commercializzandolo. Il pacchetto del plug-in sarà sottoposto a una procedura di verifica e approvazione da parte di Adobe prima di essere pubblicato nella pagina. Per caricare un plug-in:
- Accedete alla pagina Componenti aggiuntivi di Adobe con il vostro ID utente Adobe e la relativa password.
- Nel pannello di sinistra, sotto Diventate produttori, fate clic sul collegamento Vai al portale produttori.
- Fate clic sul pulsante di iscrizione (Sign-up) se non siete ancora registrati come produttore.
- Per istruzioni dettagliate su come registrarsi come produttore e caricare i propri plug-in, consultate Getting Started with the Producer Portal (Introduzione al portale produttori).
- Effettuate i seguenti passaggi nel portale produttori, così come illustrato alla pagina Getting Started:
- Compilate il prodotto in un singolo file.
- Immettete le informazioni relative al prodotto e caricate il file.
- Aggiungete le risorse di marketing.
- Verificate il prodotto.
- Inviate il prodotto per l'approvazione.
- Dopo l'approvazione, il plugin figurerà nella categoria del prodotto Animate della pagina Componenti aggiuntivi di Adobe.
Per installare un plug-in, create un documento per una piattaforma personalizzata e pubblicatelo utilizzando Animate; consultate Utilizzo dei plug-in di Supporto piattaforme personalizzate.
Per informazioni complete sulla gestione delle estensioni Adobe, consultate Download e installazione delle estensioni.
Richieste di funzioni e segnalazione di bug
Compilate il modulo seguente se desiderate inviare domande, segnalare dubbi o bug del prodotto oppure richiedere l'aggiunta di nuove funzioni al team del prodotto Animate:
Richieste di nuove funzioni Adobe e modulo per la segnalazione di errori
