Edge Animate CC (3.0)

Audio
Movimentate i vostri progetti Animate grazie alla nuova possibilità di aggiungere l'audio alle vostre composizioni. Utilizzando le API audio HTML5 native, disponibili in tutti i browser più recenti, potrete associare eventi audio alla linea temporale, aggiungere azioni audio agli elementi e creare transizioni audio per produrre effetti sonori particolari.

Per ulteriori informazioni su come iniziare a utilizzare l'audio, consultate Aggiungere l'audio alle animazioni.

Ridimensionamento reattivo
Creare progetti Animate reattivi ora è semplice come fare clic su un pulsante. Quando è attivata, questa opzione consente di ridimensionare lo stage di Animate mantenendo le proporzioni in base alle dimensioni della finestra del browser o del contenitore principale.

Caricamento di script
Aggiungere le librerie JavaScript preferite per estendere i progetti Animate con il nuovo pannello di caricamento dello script. Le librerie possono essere importate sia da origini locali che online per essere salvate con la composizione e inserite in un pacchetto con i file pubblicati.

Ridimensionamento e rotazione del tracciato di movimento
Sono stati apportati dei miglioramenti alla modifica di tracciati di movimento, per consentire di ridimensionare facilmente le dimensioni di un tracciato di movimento e ruotarlo intorno all'origine di trasformazione. Passate sopra un tracciato di movimento per vedere i nuovi comandi, oppure premete H per chiudere la sovrapposizione.

Nuovi comandi di distribuzione
Nel menu Modifica sono disponibili nuovi comandi di distribuzione che agevolano l'allineamento e il posizionamento degli elementi sullo stage. Selezionate due o più oggetti, quindi selezionate Modifica > Distribuisci dal menu per accedere alle varie opzioni di distribuzione.

Centratura dello stage
Potete centrare lo stage di Animate nella finestra del browser o in qualsiasi contenitore principale nel quale è inserito. Potete scegliere di centrare lo stage orizzontalmente, verticalmente o in entrambi i modi semplicemente selezionando una casella di controllo nelle proprietà dello stage.

Immagine poster trasparente per OAM
Quando pubblicate un file OAM, ora potete salvare l'immagine poster come PNG trasparente. Utilizzate questo contenuto Animate di incorporamento all'interno di InDesign o Muse se desiderate sovrapporre uno stage trasparente al contenuto di progettazione del documento. Nota: quando utilizzate questa opzione in un'applicazione che supporta i file OAM, il file inserito apparirà vuoto a causa della trasparenza.

Questa funzione non è attualmente compatibile con i tipi di folio PDF per la pubblicazione in DPS. Per utilizzare un'immagine poster trasparente, scegliete i tipi di folio Automatico, PNG o JPG.

Pubblicazione CDN per OAM
Sfruttate la maggiore rapidità di caricamento dei progetti Animate con hosting nella cache, ora disponibile con la pubblicazione OAM. Selezionate questa opzione se create contenuto Animate da utilizzare online (plug-in di caricamento Muse, Dreamweaver o di terzi).

­

Nuove lezioni
Due nuove lezioni (Layout reattivo e Audio) sono ora disponibili per imparare a utilizzare alcune delle nuove funzioni disponibili in questa versione. Selezionate “Guida introduttiva” nella schermata introduttiva oppure Finestra > Lezioni per visualizzare il pannello delle lezioni.

Aggiornamento jQuery
Animate utilizza ora la versione 2.0.3 di jQuery, aggiornata da jQuery 1.7.1.

Supporto per mappe delle origini
Quando si esegue il debug delle composizioni Animate mediante la funzione Anteprima nel browser oppure su CDN, ora potete analizzare il codice della libreria Animate e jQuery se utilizzate un browser che supporta le mappe delle origini come Google Chrome.

 

Edge Animate CC (2.0.1)

Questo aggiornamento di Edge Animate CC risolve problemi di compatibilità con Internet Explorer 11 ed è consigliato per tutti gli utenti. Il contenuto creato con versioni precedenti di Animate non verrà eseguito su IE11 e questo aggiornamento è necessario per la compatibilità.

Per aggiornare i progetti, installate l'aggiornamento di Animate CC disponibile qui e salvate di nuovo il progetto. Per ulteriori informazioni sui problemi affrontati dall'aggiornamento, visitate il blog del Team Animate qui.

Edge Animate CC (2.0)

Tracciati movimento

L’introduzione dei tracciati movimento consente di aggiungere movimento altamente espressivo agli elementi che seguono su un tracciato curvo personalizzato. Questo consente di emulare esperienze del mondo reale tramite movimenti fluidi basati sulla fisica non ottenibili con il movimento lineare.

La conversione x/y è sempre il metodo predefinito per il controllo della posizione. Per controllare il movimento con i tracciati movimento in base a ogni elemento, selezionate il pulsante di opzione "Tracciati movimento" nel pannello Proprietà. Per impostare i tracciati animati come il metodo predefinito di movimento dei nuovi elementi nella composizione, selezionate "Tracciati di movimento" nelle impostazioni predefinite di layout.

Con i tracciati movimento applicati all'oggetto, create una transizione normalmente come con fotogrammi chiave o il Blocco. Vedrete ora un tracciato disegnato sullo stage tra due punti di ancoraggio pronto per la modifica con le curve. I punti di ancoraggio finali sono rappresentati dai triangoli che puntano nella direzione di spostamento dell'oggetto.

Per controllare il tempo di un tracciato movimento, aggiungete un fotogramma chiave Posizione alla transizione Posizione nella linea temporale. Questo crea due tracciati separati con velocità indipendenti. Potete anche aggiungere l'andamento al percorso per controllare in modo realistico l’accelerazione e la decelerazione del movimento.

Selezionate la casella di controllo Orientamento automatico per ruotare automaticamente gli elementi durante il movimento lungo il tracciato.

Gesti di scorrimento

Ora potete associare lo scorrimento a sinistra e a destra per elementi per esperienze incentrate su mobile. Lo scorrimento può essere associato a qualsiasi elemento all'interno della composizione. Assegnate un’azione a un evento di scorrimento come per gli eventi clic, doppio clic e così via tramite il pulsante Aggiungi azione di un elemento.

Pubblicazione ottimizzata con l'hosting CDN

Traete benefici da download più rapidi e output più semplici da gestire grazie all'hosting in fase di esecuzione fornito da Adobe tramite i server Akamai. Deselezionate questa opzione se il contenuto deve essere eseguito offline o se preferite utilizzare il vostro hosting.

Modelli

Potete ora caricare, salvare e riutilizzare i modelli da una galleria di modelli. Questo consente di caricare una composizione Animate per modelli di file comuni.

Accedete al menu Modelli dalla schermata introduttiva (“Crea da modello”) o dal menu File. Dalla galleria dei modelli potete importare, eliminare e creare una nuova composizione da un modello.

Salvando il modello si crea un file .antmpl che può essere distribuito liberamente e trovarsi in qualsiasi punto nel file system. I modelli possono acquisire immagini, testo, simboli, caratteri e tutte le modifiche personalizzate apportati alla composizione corrente. I modelli possono essere caricati dal loader di modelli visivo.

Passaggio a elemento/linea temporale

I pannelli Elementi e Linea temporale possono ora scorrere per mostrare gli elementi selezionati se il pannello è a scorrimento.

Strumento Contagocce

Il nuovo strumento contagocce è disponibile nel Selettore colore a comparsa. Selezionate l’icona del contagocce dall'elemento a comparsa Colore per campionare i colori dallo stage.

Identificazione tramite colori della linea temporale e degli elementi

Quando fate clic sull'assegnazione del colore di un elemento, nel pannello Elementi o Linea temporale, potete assegnare un colore per semplificare la segmentazione dei colori degli oggetti. Questo cambia l'assegnazione di colori alle transizioni di elementi e linea temporale.

Livelli di zoom aggiuntivi per lo stage

Potete controllare il livello zoom dello stage in un intervallo compreso tra 10% e 400% per una visione panoramica dei progetti.

Edge Animate 1.5

Supporto per filtri CSS

Le funzionalità più avanzate di CSS arrivano in Edge Animate.

Supporto per filtri CSS per:

  • Inverti
  • Rotazione tonalità
  • Contrasto
  • Saturazione
  • Seppia
  • Scala di grigio
  • Sfoca
  • Ombra

Tali filtri sono disponibili nel pannello Proprietà come effetti di animazione. Nota: i filtri CSS rappresentano una nuova funzionalità alle specifiche CSS e il supporto è disponibile solo in Chrome 18 e versioni successive, Safari 6, Safari 6 di iOS e BlackBerry 10.

Sfumature
Applicate uno stile di sfumata radiale e lineare agli elementi con il nuovo strumento sfumatura. La nuova funzione di sfumatura consente di:

  • Aggiungere più interruzioni di sfumatura agli elementi
  • Creare interpolazioni di animazioni per i colori e il posizionamento delle sfumature
  • Ripetere le sfumature all’infinito in base alle interruzioni definite del colore
  • Le transizioni delle sfumature possono essere lineari o radiali (le due tipologie non possono essere utilizzate contemporaneamente)
  • Specificare le proprietà CSS di sfumature radiali quali ellipse-farthest-corner, circle-farthest-corner e così via.
  • Controllare la posizione della sfumatura lineare in gradi di rotazione e di quella radiale in percentuali x/y.

Effetti tipografici avanzati con Edge Web Fonts

Ora potete sfogliare la libreria di Edge Web Fonts da Edge Animate e applicare i font della raccolta alle composizioni. I font possono essere sfogliati per stile e aggiunti alla libreria dei font a livello di documento.

Nuovo Selettore colore
Il nostro Selettore colore è stato aggiornato per consentire di modificare i colori con maggiore facilità.

Nuovi metodi colore
I colori ora possono essere definiti per le sfumature e il colore utilizzando RGBa, HSLa e HEX.

Cursori colore
Il colore può essere controllato e applicato facilmente utilizzando i nuovi cursori colore disponibili nei pannelli sfumatura e colore.

Campioni riutilizzabili
I campioni possono essere salvati e riutilizzati per le sfumature e il colore a livello di documento.

Attenuazione di elementi bloccati
Gli elementi bloccati appaiono ora attenuati sia nella linea temporale, sia nel pannello Elementi per distinguerli facilmente dagli oggetti modificabili.

Precaricatori Iframe ottimizzati
Il precaricamento ora è ottimizzato per funzionare negli iframe per il caricamento coordinato di risorse. Le composizioni Animate contenute in Iframes possono attendere il caricamento del documento prima di segnalare l’esecuzione della composizione, consentendo il caricamento senza problemi delle pubblicità.

Modalità di modifica del simbolo mantenuta durante l'anteprima
La composizione Animate non ritorna più allo stage durante l'anteprima nel browser. Animate conserva la condizione di modifica corrente per ogni anteprima.

Edge Animate 1.0.1

Questo aggiornamento include la possibilità di comunicare dati anonimi relativi all’utilizzo di specifiche funzioni di Edge Animate. L’obiettivo è quello di comprendere meglio quali funzioni sono di maggiore importanza per gli utenti di Edge Animate. Queste informazioni consentiranno al team di Edge Animate di prendere decisioni accurate per dare priorità e concentrarsi su determinate funzioni. Il team di Edge Animate ha interagito molto da vicino con i suoi utenti durante lo sviluppo della versione 1.0 e il loro riscontro ha influito sul prodotto in modo significativo. Questo aggiornamento vi consente di comunicare con Adobe tramite le vostre azioni nell’applicazione.

Adobe ha inoltre risolto alcuni problemi importanti del prodotto:

  • È stato aggiunto il supporto per Edge Web Fonts
  • Le prestazioni sul contenuto pubblicato sono state migliorate
  • Correzione per iOS 6 per più composizioni incorporate mediante Iframe e Adobe DPS.
  • Varie correzioni per migliorare la stabilità dell’applicazione

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online