Video: Il futuro... - tra Photoshop e Flash- V.Murphy 2024
Adobe Flash Catalyst Creative Suite 5 può semplificare la creazione di siti Web Flash o applicazioni desktop. Puoi iniziare creando il tuo disegno in Photoshop o Illustrator e importando il file risultante in Catalyst. Quindi, puoi effettuare le seguenti operazioni:
-
Crea pulsanti che cambiano mentre l'utente sposta il cursore del mouse su di essi o fa clic su di essi (proprio come i pulsanti in Flash).
-
Aggiungi pulsanti, cursori e altri componenti dell'interfaccia utente che si collegano ad altre posizioni o eseguono altri meravigliosi trucchi.
-
Aggiungi animazioni, come lo spostamento di componenti sullo schermo e fuori dallo schermo.
-
Sviluppa un intero sito con più pagine.
-
Aggiungi facilmente transizioni animate, come ridimensionare, ruotare o spostare oggetti o sbiadire oggetti o pagine dentro e fuori.
Nei progetti più grandi che potrebbero richiedere codice di programmazione (come applicazioni desktop o siti Web basati su database), Catalyst facilita l'interazione tra designer e sviluppatore. Lo sviluppatore può utilizzare le informazioni di Flash Catalyst direttamente in Adobe Flash Builder, un programma per l'aggiunta di ActionScript. Il progettista può quindi incorporare le modifiche apportate in Builder nei file di Flash Catalyst.
Nella figura, si vede Catalyst con un esempio di un sito Web progettato in Photoshop e trasformato in un sito Web interattivo. Puoi trovare il sito originale su www. tellnshow. com.
Grazie a Ellen Finkelstein per il permesso di usare il suo sito Web come esempio.
Se sei un artista che lavora in Adobe Fireworks, puoi anche interagire con Catalyst usando i file che vengono salvati nel formato FXG. (Scegli Comandi → Esporta in FXG dal menu Fireworks.) Tuttavia, questi file al momento non supportano i livelli. Se si desidera utilizzare i file di Fireworks in Catalyst, forse la cosa più semplice da fare è esportarli in formato Photoshop per conservare i livelli prima di importarli in Catalyst.
La schermata Catalyst è composta da quanto segue:
-
Tavola da disegno : come lo stage in Flash: dove si esegue la progettazione principale.
-
Display Heads-up (HUD) : usa questo pannello fluttuante scuro per convertire facilmente gli oggetti. Cambia in base a ciò che selezioni.
-
Tavolozza strumenti : contenitore per strumenti di selezione, forme base, zoom, testo e uno strumento di rotazione.
-
Pannello Livelli : riorganizza, visualizza e blocca i livelli, nonché aggiungi ed elimina livelli. Si trova sotto la tavolozza Strumenti, insieme a Componenti Wireframe e Libreria.
-
Pannello libreria (nascosto nella figura): per oggetti che si prevede di utilizzare più di una volta o oggetti importati, come immagini o file SWF.
-
Pannello Componenti wireframe (nascosto nella figura): una selezione di componenti dell'interfaccia utente che puoi aggiungere al tuo sito web.
-
Pannello interazioni : dove si definisce quale azione intraprendere per i clic del pulsante e altre interazioni.
-
Pannello Proprietà : imposta le proprietà per gli oggetti selezionati.
-
Briciole di pane : torna indietro dal lavorare con gli stati dei pulsanti (o stati di altri componenti) alla tavola da disegno principale. (La figura mostra solo un elemento breadcrumb.)
-
Pannello Linee temporali : consente di specificare il movimento di oggetti, la rotazione, i cambiamenti di opacità, il ridimensionamento e altro.
-
Pannello Dati in fase di progettazione (nascosto nella figura): per le applicazioni che richiedono dati, è possibile aggiungere dati di esempio utilizzando questo pannello.