- 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
Uso di dimensioni suggerite
Attenetevi alle direttive dell'IAB (Interactive Advertising Bureau) per impostare le dimensioni degli annunci pubblicitari creati in Animate. Nella tabella riportata di seguito sono elencati i formati e le unità di misura suggeriti dall'IMU (Interactive Marketing Unit):
Tipo di annuncio |
Dimensioni (pixel) |
|---|---|
Banner verticale (Skyscraper) largo |
160 x 600 |
Banner verticale (Skyscraper) |
120 x 600 |
Mezza pagina |
300 x 600 |
Banner intero |
468 x 60 |
Mezzo banner |
234 x 60 |
Barra piccola |
88 x 31 |
Bottone 1 |
120 x 90 |
Bottone 2 |
120 x 60 |
Banner verticale |
120 x 240 |
Pulsante quadrato |
125 x 125 |
Leaderboard |
728 x 90 |
Rettangolo medio |
300 x 250 |
Popup quadrato |
250 x 250 |
Rettangolo verticale |
240 x 400 |
Rettangolo grande |
336 x 280 |
Rettangolo |
180 x 150 |
Quando create un file FLA da un modello (selezionando File > Nuovo e facendo clic sulla scheda Modelli), potete scegliere uno di questi formati.
Creazione di annunci con file SWF
Quando create annunci pubblicitari, osservate le linee guida seguenti:
Ottimizzate la grafica. Le dimensioni dei file dei banner pubblicitari in formato SWF non devono superare i 15 KB.
Create un banner GIF in Animate di dimensioni pari o inferiori a 12 KB.
Limitate a tre ripetizioni gli annunci pubblicitari ciclici. Molti siti Web adottano i suggerimenti sulle dimensioni standard dei file come specifiche generali.
Utilizzate il comando GET per passare i dati tra un annuncio pubblicitario e un server e non utilizzate il comando POST. Per ulteriori informazioni su GET e POST, vedete la funzione getURL nella Guida di riferimento di ActionScript 2.0.
fornite il controllo all'utente. Se aggiungete audio a un annuncio pubblicitario, includete anche un pulsante per disattivare il volume. Se create un annuncio pubblicitario Animate trasparente che passa su una pagina Web, inserite un pulsante che consenta di chiudere l'annuncio e sia visibile per tutta la sua durata.
Tenere traccia degli annunci
Molti network pubblicitari leader di settore supportano metodi standard per tenere traccia degli annunci, implementabili in file SWF di Animate. Le linee guida presentate di seguito descrivono la metodologia supportata:
Creare un pulsante o un pulsante di clip filmato
Attenetevi alle dimensioni standard suggerite dall'IAB. Per un elenco di dimensioni standard, visitate il sito Web IAB. Per ulteriori informazioni sulla creazione di un pulsante in Animate, consultate Creazione di pulsanti.
Aggiungere uno script al pulsante
Lo script viene eseguito quando l'utente fa clic sul banner. Potete fare ricorso alla funzione getURL() per aprire una nuova finestra del browser, I seguenti snippet sono due esempi di codice ActionScript 2.0 che può essere aggiunto al fotogramma 1 della linea temporale:
myButton_btn.onRelease = function(){
getURL(clickTAG, "_blank");
};
Anche il codice seguente può essere aggiunto al fotogramma 1 della linea temporale:
myButton_btn.onRelease = function() {
if (clickTAG.substr(0, 5) == "http:") {
getURL(clickTAG);
}
};
La funzione getURL() aggiunge la variabile passata nei tag object e embed, quindi invia il browser che viene aperto con l'URL specificato. Il server su cui è presente l'annuncio pubblicitario può tenere traccia del numero di volte che gli utenti hanno fatto clic sull'annuncio. Per ulteriori informazioni sull'uso della funzione getURL(), vedete la Guida di riferimento di ActionScript 2.0.
Utilizzare codice clickTAG
Questo codice consente di tenere traccia dell'annuncio pubblicitario e aiuta il network che ha creato l'annuncio a controllare dove l'annuncio è presente e quando viene visualizzato.
Il processo presentato in questa sezione è il metodo standard di creazione di una campagna pubblicitaria per un annuncio pubblicitario Animate tipico. Se assegnate la funzione getURL() al banner, potete adottare il processo illustrato di seguito per aggiungere al banner funzioni di controllo. Nell'esempio riportato di seguito, per passare i dati viene aggiunta una variabile a una stringa URL. Impostando variabili dinamiche per ogni banner è possibile evitare di creare un banner separato per ogni dominio. Potete utilizzare un solo banner per l'intera campagna. Ogni server su cui è presente l'annuncio sarà in grado di tenere traccia del numero di volte che gli utenti hanno fatto clic sul banner.
Nei tag object e embed del codice HTML, andrebbe aggiunto codice simile al seguente (in cui www.helpexamples.com è il network e adobe.com è la società che pubblica l'annuncio):
<EMBED src="your_ad.swf?clickTAG= http://helpexamples.com/tracking?http://www.adobe.com">
Immettete il codice seguente nei tag HTML:
<PARAM NAME=movie VALUE="your_ad.swf?clickTAG =http: //helpexamples.com/tracking?http://www.adobe.com"> << questo HTML potrebbe dover essere aggiornato per tenere conto della sistemazione dei contenuti di Active, che potrebbe portare gli utenti a modificare i file .js invece dei file html - JayA >>
Prova degli annunci
Provate il file SWF contenente l'annuncio pubblicitario con i browser più comuni, specialmente quelli più utilizzati dal proprio target di utenti. Alcuni utenti potrebbero non disporre di Flash Player o aver disabilitato JavaScript. Per far fronte a queste situazioni, prevedete la disponibilità di un'immagine GIF predefinita sostitutiva o di altre soluzioni. Per maggiori informazioni su come rilevare Flash Player, vedete Definire le impostazioni di pubblicazione per i file SWF. Garantite all'utente il controllo del file SWF e dell'audio eventualmente contenuto nell'annuncio pubblicitario. Se l'annuncio è un file SWF senza bordi che passa sopra una pagina Web, consentite all'utente di chiudere l'annuncio subito e per tutta la durata della sua visualizzazione.
Per informazioni aggiornate sulla versione di Flash Player più utilizzata nei diversi Paesi, consultate il sitowww.adobe.com/go/fp_version_penetration_it.
