Flash  »  Articoli  »  Flash design 

Nato col nome di Thermo, Flash Catalyst è l'anello di congiunzione tra la fase di design e di sviluppo di un'applicazione Flash, ed è disponibile in versione beta presso gli Adobe Labs.

Già dal primo annuncio (Max 2007) c'è stata molta curiosità su questo strumento, che promette, in pochi e semplici passaggi, di trasformare un layout grafico in un'interfaccia interattiva, senza dover lavorare sul codice.

Il codice comunque c'è: viene generato del markup in formato MXML (compatibile quindi con Flex), il ché permette agli sviluppatori di effettuare modifiche o aggiunte con ActionScript e il nuovissimo Flash Builder (successore di Flex Builder e anch'esso in beta), senza intaccare illayout.

Abbiamo già parlato di questo progetto in un precedente articolo, ma questa volta possiamo iniziare a fare pratica realizzando un semplice progetto: vedremo come importare un layout di Photoshop o Illustrator in Flash Catalyst e come renderlo interattivo.

Download e installazione di Flash Catalyst

Anzitutto dobbiamo scaricare Flash Catalyst. Il software è disponibile sia per Windows che per Mac, con i relativi codici seriali. Per poter scaricare il prodotto è necessario essere registrati al sito Adobe.

Una volta effettuato il download avviamo il setup e seguiamo i pochi passi di installazione (al momento l'applicazione è disponibile solo in inglese e non possiamo quindi scegliere altre lingue).

I requisiti sono quelli di una macchina di potenza medio/alta con almeno 1GB di RAM. L'unico software richiesto per poter testare le applicazioni è l'ultima versione del Flash Player. Non è obbligatorio invece avere installata la CS4.

Schermata di benvenuto

Completata l'installazione, abbiamo Flash Catalyst nel menu dei programmi, avviamolo.

La schermata iniziale di Catalyst offre un numero piuttosto ridotto di opzioni: sulla sinistra troviamo la lista degli ultimi progetti creati mentre dalle opzioni a destra possiamo decidere di creare un nuovo progetto partendo da un layout di Photoshop (PSD), Illustrator (AI) o da un file FXG (Flash XML Graphics), infine abbiamo l'opzione Create new project che consente di creare un nuovo progetto senza utilizzare un layout grafico come base.

Scegliamo inizialmente quest'ultima opzione, che consente di creare un nuovo progetto e di impostare il wireframe, ovvero lo "scheletro" dell'applicazione, quindi senza partire da un layout completo ma iniziando con uno stage vuoto.

Altri articoli

Altre guide

Altre newsletter