Flash Catalyst e Photoshop - Pianificazione del progetto

• Potrebbe 7, 2024

Con il rilascio di Adobe^R Veloce^R Catalizzatore^TM beta, i designer hanno un nuovo strumento per creare progetti Flash e con l'aiuto di Photoshop^R o Illustrator^R, possiamo rendere i nostri progetti molto più visivamente accattivanti. Per quelli di voi che non hanno scaricato la versione beta gratuita, Catalyst è stato sviluppato pensando al progettista e con i suoi strumenti visivi, il progettista può aggiungere componenti dell'interfaccia utente praticabili a un layout dell'interfaccia utente senza richiedere competenze di programmazione.

Allora, da dove viene Photoshop? La maggior parte dei progetti di layout dell'interfaccia utente iniziano in Photoshop, quando il designer crea un modello. Dopo l'approvazione del mockup, è il momento di creare la grafica effettiva per l'interfaccia utente. Questo di solito viene fatto anche in Photoshop. Ora, con Catalyst, possiamo anche creare il layout finale in Photoshop e importare quel layout in Catalyst, dove aggiungeremo la navigazione basata su Flash per il nostro portafoglio. Tutti i livelli, gli stili e altri aspetti dell'immagine di Photoshop saranno ancora presenti quando il file si apre in Catalyst. La cosa bella di Catalyst è che possiamo usare la grafica così come l'abbiamo creata in Photoshop e trasformarla in componenti dell'interfaccia utente, come i pulsanti, senza alcuna preparazione speciale.

In questo tutorial, realizzeremo la grafica per un piccolo portfolio di alcuni webset che ho venduto su DIYeStores.com. Questi webset sono creati appositamente per il costruttore di siti Web fai-da-te del sito. L'aspetto e l'aspetto di ciascun webset si riflettono nel logo del webset. Per questo progetto, ho deciso di creare un portfolio di questi loghi. Ai fini di questo tutorial, avremo solo tre loghi ma probabilmente vorrai avere più campioni nel tuo portafoglio. Il nostro primo passo è decidere quali loghi vogliamo includere nel nostro portafoglio e l'ordine che desideriamo vengano visualizzati.

I loghi per i webset sono tutti 450 x 250 pixel per abbinare le specifiche del costruttore del sito web. Ho deciso che la dimensione complessiva dell'applicazione sarà di 500 x 500 pixel. Questo darà abbastanza spazio per un titolo in alto, i loghi e le miniature sotto i loghi, che diventeranno i pulsanti che controllano l'applicazione del visualizzatore di immagini. Dovremo creare un grafico in miniatura 100 x 100 per ciascuno dei nostri loghi. Se riduciamo semplicemente le dimensioni del logo alle dimensioni delle nostre miniature, gran parte del design sarà troppo piccolo per essere apprezzato. Sarebbe meglio scegliere una sezione di ciascun logo che rappresenti al meglio il design e utilizzarlo per i nostri pulsanti di navigazione. Ora che abbiamo tutti i campioni per il nostro portafoglio, è tempo di creare il layout per l'applicazione.

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.