Flash Catalyst - L'area di lavoro

• Potrebbe 2, 2024

Nel nostro progetto di portfolio, abbiamo creato la grafica per la nostra interfaccia di portfolio in Photoshop^R e importato il file PSD in Adobe^R Veloce^R Catalizzatore^TM. Ora siamo pronti per creare i pulsanti (chiamati componenti interattivi) che renderanno il portfolio navigabile. Apri il tuo file PortfolioLayout.psd in Catalyst e diamo un'occhiata in giro. A prima vista, vedrai che l'area di lavoro non è così intimidatoria come l'area di lavoro di Flash.

La parte superiore è il pannello Pagine / Stati in cui troverai un'anteprima per ogni pagina del nostro progetto. In questo momento, abbiamo una pagina con il primo logo visibile. Ma per poter visualizzare gli altri due loghi nel portfolio, dovremo creare altre due pagine (Stati).

Sotto il pannello Pagine / Fasi si trova la vista del nostro progetto, chiamato Tavola da disegno, e sotto quello il pannello Timeline. Quelli di voi che hanno familiarità con Flash noteranno che la linea temporale è leggermente diversa in Catalyst. Come puoi vedere dalle schede Transizioni di stato e Sequenze di azioni, usiamo ancora la linea temporale per controllare cosa succede ma la linea temporale non ha quei fotogrammi chiave familiari. Questo perché Catalyst prende la maggior parte delle decisioni su ciò che accade per noi quando aggiungiamo i componenti dell'interfaccia utente.

A destra, abbiamo il pannello Strumenti e icone simili a tutto il software Adobe. Sotto quello, abbiamo il pannello Livelli. Funziona in modo molto simile a Photoshop e Illustrator^R Pannelli di livelli e non come i livelli di Flash, che fanno parte della linea temporale.

Successivamente, abbiamo i pannelli Wireframe Components, Library e Design-Time Data. Fai clic sulla scheda Libreria e vedrai un elenco della grafica e degli stili dal nostro file PSD importato. Torna al pannello Componenti Wireframe. Questo è il pannello che contiene tutti i componenti che possiamo aggiungere al nostro progetto. Sono chiamati "Wireframe" perché questi componenti sono "ossa nude". Sono pensati per essere aggiunti alla nostra grafica importata per creare componenti visivi.

Il pannello Proprietà in Catalyst è come il pannello Proprietà in Flash. Quando selezioni un oggetto nel nostro progetto, le proprietà modificabili di quell'oggetto vengono visualizzate in questo pannello. Mentre lavoriamo sulla nostra navigazione per questo progetto, presenteremo un nuovo pannello in Catalyst chiamato HUD. In questo momento, è quella scheda in grigio intitolata "Nessuna selezione". Una volta che inizieremo a lavorare, si espanderà per darci i controlli di cui abbiamo bisogno, in base all'oggetto attivo.

Infine, per quei tipi curiosi, possiamo passare dallo spazio di lavoro Design predefinito allo spazio di lavoro Codice. Basta fare clic su Finestra - Area di lavoro del codice nella barra dei menu. Come puoi vedere, assomiglia molto al pannello Azioni Flash ma invece di ActionScript vediamo il codice MXML che Catalyst sta generando in background mentre lavoriamo.

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.

Istruzioni Video: Tutorial Flash CS5 | By Hacker3000 parte 3 (Potrebbe 2024).