Adobe Edge Animate CC: 6 Funzionalità che interagiscono e adattano - dummies

Adobe Edge Animate CC è molto più che spostare gli elementi sullo schermo. Puoi utilizzare molte delle sue funzioni per creare interattività per il tuo pubblico e perfezionare molti altri aspetti per configurare il software in base alle tue preferenze:

• Interattività: Puoi creare animazioni completamente interattive con tali controlli e azioni come pulsanti, link e loop.

• Simboli: Puoi salvare gli elementi che crei (come i pulsanti) e utilizzarli di nuovo in un'animazione diversa.

• Progettazione Web reattiva: Edge Animate consente di creare una composizione che risponde alle dimensioni della finestra del browser e del dispositivo.

• Opzioni di pubblicazione multiple: Edge Animate offre numerosi modi per pubblicare le animazioni da utilizzare in diverse applicazioni, ad esempio diversi browser Web e iBook, oppure puoi importare Adobe Edge Animation in diversi prodotti Adobe come InDesign o Muse.

• Scelta font: Edge Animate offre una moltitudine di scelte di font. Se sei esigente riguardo a caratteri particolari, la buona notizia è che se riesci a trovare un carattere sul Web, molto probabilmente lo utilizzerai nella tua animazione.

• Scegli la tua lingua: Se l'inglese non è la tua lingua madre e preferisci lavorare in (tedesco), spagnolo, francese o giapponese, Edge Edge ti ha coperto.

Implementazione intelligente dell'interattività

Adobe Edge Animate CC ti consente di fare molto di più che disegnare e animare elementi. Puoi anche rendere interattivi quegli elementi, che consentono al pubblico di fare clic sugli elementi per fare in modo che azioni diverse accadano.

Ad esempio, puoi creare pulsanti di interruzione, riproduzione e pausa per una presentazione interattiva. Puoi anche creare un menu aggiungendo collegamenti che consentano al tuo pubblico di navigare in diverse parti delle animazioni o in pagine Web completamente diverse.

Quando il pubblico sposta il cursore attorno all'animazione, puoi fare azioni diverse quando il cursore si sposta su aree specifiche. Questo tipo di movimento del cursore è chiamato mouseover . Oppure, se il pubblico utilizza tablet o smartphone per visualizzare l'animazione, puoi consentire loro semplicemente di toccare un elemento per provocare un'azione.

Usare i simboli per creare oggetti riutilizzabili

All'inizio, usare i simboli potrebbe rivelarsi un po 'scoraggiante, ma dopo aver acquisito esperienza nel lavorare con loro, diventano indispensabili.

Quindi, cos'è esattamente un simbolo ? È essenzialmente un'animazione nidificata che si crea con la propria Timeline indipendente e capacità interattive.Ad esempio, supponiamo di trovarti a creare lo stesso elemento con le stesse azioni più e più volte per molti progetti diversi. Salvando quell'elemento ricorrente come un Simbolo, puoi riutilizzarlo e le azioni ad esso associate per qualsiasi progetto.

Un primo esempio di un simbolo è un pulsante. Se ti ritrovi a ricreare lo stesso pulsante - ad esempio, un pulsante Riproduci per una presentazione - potresti voler salvare quel pulsante Riproduci come simbolo per riutilizzarlo in seguito.

Puoi trovare i tuoi Simboli nel pannello Libreria, come mostrato.

Integrazione del responsive web design

Proprio insieme a HTML5, responsive web design è la terminologia della buzzword più recente per quanto riguarda lo sviluppo web. Un web design reattivo consente di ridimensionare l'animazione in modo appropriato in base alle dimensioni della finestra del browser.

Questo può significare molte cose. Supponiamo, ad esempio, che qualcuno stia visualizzando la tua animazione su un computer desktop. Se l'utente ridimensiona la finestra del browser per ingrandirla o ridurla, gli elementi all'interno dell'animizzazione si ridimensionano in modo appropriato, con le nuove dimensioni in base alle percentuali.

Ad esempio, se la finestra del browser è ingrandita al 100%, le immagini e così via nell'animazione appaiono al 100%. Se la finestra del browser viene ridotta al 50% delle sue dimensioni, anche le immagini si ridurranno al 50% delle loro dimensioni normali.

Questa è una funzionalità molto potente perché al giorno d'oggi c'è una grande varietà di dimensioni dello schermo. Non sai mai se il tuo pubblico sta visualizzando la tua animazione su un display da 60 pollici, un iPhone da 4 pollici o qualsiasi altra via di mezzo. Le compresse si aggiungono alla diversità delle dimensioni dello schermo.

Conteggio delle tue opzioni di pubblicazione multiple

In questi giorni hai più di un modo di pubblicare le animazioni - e Adobe Edge Animate CC ti copre, offrendo una moltitudine di opzioni (come mostrato in questa figura). È possibile pubblicare l'animazione come pagina Web autonoma o incorporarla in una pagina Web esistente.

Trovate anche le opzioni che consentono di esportare l'animazione per l'utilizzo in un iBook. Puoi perfino pubblicare la tua animazione come una pagina HTML statica da utilizzare su browser Web meno recenti che non supportano HTML5 o animazioni.

Caratteri in Adobe Edge Animate

È possibile utilizzare una moltitudine di caratteri sul Web e Adobe Edge Animate CC è coperto. Oltre a un elenco predefinito standard di font disponibili (vedere la figura), Edge Animate consente anche di importare i font da tutto il Web.

Se nessuno di questi tipi di carattere soddisfa le tue esigenze, puoi importare i font da molte fonti diverse, inclusi Google Web Fonts. È inoltre possibile utilizzare Adobe Edge Web Fonts, che è incorporato in Animate. E se hai familiarità con Typekit (un altro strumento gratuito per i font), puoi festeggiare sapendo che lo strumento funziona anche con Edge Animate.

Lavorare nella lingua scelta

Adobe Edge Animate CC è globale sotto molti aspetti, inclusa la lingua che vedi nei menu e nei pannelli. Se ti senti più a tuo agio a lavorare in una lingua diversa dall'inglese, Edge Animate ti consente di cambiare facilmente la lingua utilizzata nel software in una delle tante lingue popolari.

Dal menu Guida, come mostrato in questa figura, è possibile scegliere tra diverse lingue. Quando si sceglie una lingua dal menu Guida, quella lingua appare nel software. Le lingue tra cui è possibile scegliere sono tedesco, inglese, spagnolo, francese e giapponese.

Se scegli un'altra lingua, devi chiudere e riavviare Edge Animate per vedere le modifiche hanno effetto. Dopo aver selezionato la lingua desiderata, l'interfaccia non si aggiorna automaticamente, basta chiudere il programma e quindi riaprirlo per vedere la lingua appena selezionata.