Come aggiungere azioni a elementi in Edge Animate - dummies

Una caratteristica particolarmente potente di Adobe Edge Animate CC è la possibilità di aggiungere azioni, trigger, etichette e attributi del cursore alla composizione. Questi strumenti sono ciò che utilizzi per rendere l'animazione interattiva in modo che il tuo pubblico possa partecipare a ciò che sta facendo l'animazione invece di dover sederti e guardare passivamente.

Una delle azioni che potresti voler aggiungere a un elemento nel tuo progetto Edge Animate è di aprire un nuovo URL. Questa funzionalità è utile per creare menu o creare collegamenti ad altri contenuti pertinenti. Puoi seguire la stessa procedura di base anche per la maggior parte delle altre azioni.

Per iniziare ad aggiungere azioni ad un elemento, devi prima creare un elemento. Con un elemento sullo stage, attenersi alla seguente procedura:

1. Selezionare un elemento, fare clic con il tasto destro e scegliere Apri azioni per (come mostrato).

   Dopo aver fatto clic su Apri azioni dal menu, si apre una casella di codifica vuota (il punto in cui si digitano i comandi).

   

   tasto destro del mouse su un elemento per aprire un menu di grandi dimensioni.

2. Dal menu a destra, seleziona Apri URL.

   Edge Animate popola la casella con il codice, come mostrato.

   Per impostazione predefinita, Adobe Edge Animate CC utilizza l'URL per Adobe. com quando fai clic su Apri URL. Se un'altra destinazione per il collegamento si adatta meglio al tuo scopo, sostituisci semplicemente Adobe. com URL con un URL che va dove vuoi inviare il tuo pubblico.

   È possibile utilizzare più azioni su un elemento:

   • Per aggiungere un'azione a un elemento, con la casella di codifica Azioni aperta, fare clic su + nell'angolo in alto a sinistra, come indicato nella figura.

   • Per rimuovere un'azione da un elemento, fare clic sul -.

   • Quando si ha più di un'azione associata a un singolo elemento, Edge Animate mostra tutte le azioni in una vista a schede (come mostrato in questa figura). Basta fare clic sulle schede per visualizzare il codice pertinente per ogni azione.

     

     La casella di codice Azioni appare così con il codice inserito.

     

     Puoi avere più di un'azione per elemento.

3. Dal menu a destra, seleziona Apri URL.

4. Aggiorna l'URL nella casella del codice, che è evidenziata in testo arancione.

5. Chiudi la finestra di codice per salvare il tuo lavoro.

6. Visualizza l'anteprima dell'animazione in un browser per testare il tuo lavoro.

Per verificare che il collegamento funzioni, fare clic sul collegamento con il mouse.

Sulla maggior parte dei siti Web, quando si posiziona il mouse su un collegamento, il cursore cambia da una freccia a una mano. Utilizzando le procedure descritte in questo capitolo, è possibile impostare gli attributi del cursore per fornire indizi visivi al pubblico per indicare, ad esempio, dove sono i collegamenti o per mostrare se è possibile selezionare un elemento.

Congratulazioni! Ora hai un ciclo all'interno della tua animazione.

Se a un elemento è già associata un'azione, quando si fa clic su Apri azioni, Edge Animate apre immediatamente la casella di codifica anziché il menu visualizzato. Quando ciò accade, e vuoi aggiungere una seconda azione a quell'elemento, quindi fai clic sul + (come mostrato).