Rapida Panoramica di una composizione di Edge Animate - dummies

Il processo per creare una composizione di Edge Animate non è molto diverso dalla creazione di qualsiasi altro tipo di contenuto. All'avvio, dovresti considerare cosa, dove e come vuoi che venga visualizzata l'animazione. La tua animazione farà parte di un sito web esistente? Stai aggiungendo un'animazione per integrare un libro? Il tuo cliente richiede un logo animato nuovo di zecca?

Forse vuoi crearne uno per apparire sul web? Puoi creare tutti questi progetti usando Edge Animate.

Ecco la struttura di base per la creazione di una composizione di Edge Animate:

1. Determina in che modo il tuo pubblico e il tuo pubblico useranno questa animazione.

2. Raccogli le tue immagini e altre risorse.

3. Scrivi una struttura.

4. Crea e salva elementi di uso comune come i pulsanti per riutilizzarli in seguito.

5. Inizia l'animazione.

6. Salva ed esporta l'animazione finita.

Prima di iniziare l'animazione, valuta se l'animazione verrà visualizzata in un e-reader, nel browser, in iBooks o come app da utilizzare su dispositivi iOS e Android.

Indipendentemente dal dispositivo, se supporta HTML5 e JavaScript, il progetto Edge Animate verrà eseguito senza intoppi.

Raccolta delle risorse

Dopo aver saputo cosa vuoi creare e dove vuoi che venga visualizzato, è tempo di iniziare a raccogliere le risorse - immagini disegnate elettronicamente, fotografie, paragrafi di testo o una combinazione di tutti e tre - che costituirà l'animazione finale. Edge Animate semplifica l'importazione o la creazione di queste risorse.

Creazione di un approccio delineato alla tua animazione

A questo punto hai definito lo scopo della tua animazione e l'arte per renderlo bello. Ora è necessario creare un wireframe , in sostanza come una traccia di come si desidera riprodurre l'animazione.

Certo, puoi armarlo e inventarlo mentre vai avanti, ma un'eccellente idea è quella di immaginare la tua animazione nella tua testa, e poi mettere su carta come immagini che la tua animazione giocherà dall'inizio alla fine. Questo schema fornisce una base da cui puoi lavorare.

Creazione di simboli per elementi di uso frequente

Se si conosce che l'animazione conterrà molti elementi simili, o gli stessi elementi ripetuti più volte, si desidera innanzitutto creare quegli elementi. Gli elementi sono i diversi pezzi che compongono la tua animazione. Un elemento può essere una casella disegnata, una casella di testo specificata, un'immagine importata e così via.

Un elemento che puoi riutilizzare può essere un pulsante o una risorsa che riutilizzi durante l'animazione o qualsiasi tipo di navigazione che il pubblico può utilizzare.

Dopo aver creato questo elemento e averlo comportato nel modo desiderato, è possibile salvarlo come simbolo . È quindi possibile esportare questo simbolo per utilizzarlo in altri progetti. In questo modo, se questa animazione diventa parte di una serie di animazioni e desideri riutilizzare gli stessi simboli, sarai in testa al gioco avendo alcune risorse già salvate e pronte per andare quando crei l'animazione effettiva.

È anche possibile salvare un intero progetto di animazione come simbolo. Ad esempio, se si crea un'animazione di presentazione, è possibile salvare l'intera presentazione come un simbolo, che è possibile esportare da Edge Animate, quindi importarla in un altro progetto Edge Animate.

Animatori, avvia la tua animazione

Quando hai uno scopo per la tua animazione, tutte le tue risorse sono allineate e pronte per andare, e hai salvato i tuoi elementi multiuso come simboli, è ora di iniziare a animare.

Per avviare l'animazione, importare le risorse sullo stage. Quindi si utilizza la linea temporale per creare i fotogrammi chiave. Un fotogramma chiave rappresenta una sequenza di animazione. Ad esempio, se si anima una casella spostando da un lato all'altro dello stage, quell'animazione viene rappresentata nella linea temporale come un fotogramma chiave.

Da lì, aggiungi azioni ai tuoi elementi per l'interattività. Mentre crei l'animazione, puoi visualizzarla in anteprima per assicurarti che l'animazione si comporti come ci si aspetta che si comporti.

Salvataggio ed esportazione dell'animazione

Al termine della creazione del progetto di animazione, si desidera salvare o esportare la composizione per l'utilizzo da parte del pubblico o per l'utilizzo in un altro progetto o strumento di progettazione. Edge Animate offre molte opzioni per esportare e salvare il tuo lavoro. Allo stesso modo, ci sono una moltitudine di opzioni su come presentare il tuo lavoro sia online che in iBooks o da utilizzare con altri strumenti di progettazione.

Finire il processo

Alla fine, attraverso questo processo, hai creato un'animazione usando HTML5 e jQuery - senza digitare una singola riga di codice. Il tuo pubblico potrebbe non conoscere mai le tecnologie che hanno reso possibile l'animazione che guardano e interagiscono (anche se non è possibile comprendere appieno le tecniche di codifica avanzate che lo rendono possibile, o mai necessario).

Ma questa è la bellezza di Adobe Edge Animate CC: fa tutto il pesante sollevamento dietro le quinte, che ti permette di sederti e fare ciò che sai fare meglio - creare bellissimi contenuti animati e interattivi che possano rispondere a forma e forma con qualsiasi numero di dimensioni dello schermo e dispositivi.