L interfaccia 02 In questo capitolo imparerai a destreggiarti tra i vari pannelli, a modificare l ambiente di lavoro, a salvare le nuove impostazioni e a ripristinare le impostazioni originali di Flash Professional CS5. L interfaccia di Flash Professional CS5 Prima di iniziare ad utilizzare Flash, è opportuno dare un rapido sguardo all interfaccia del programma. Ciò ti permetterà di familiarizzare con i vari componenti dell interfaccia e acquisire così la padronanza necessaria per gestire il tuo ambiente di lavoro (figura 2.1). Figura 2.1 L interfaccia di Flash Professional CS5 19
C A P I T O L O 0 2 L interfaccia di Flash presenta elementi standard, comuni a tutte le applicazioni sviluppate per il sistema operativo Windows, ed elementi specifici del programma che, come vedremo nel corso del libro, includono gli strumenti necessari alla creazione e manipolazione dei documenti e delle immagini. Descriviamo ora rapidamente gli elementi dell interfaccia di Flash così come appaiono all avvio del programma, in base alle impostazioni di default. Il primo elemento posizionato in alto è la barra dell applicazione, quella dove sono presenti le voci di menu. Facendo clic sulle voci si accede tramite dei menu a tendina ai relativi comandi. Sulla barra, secondo lo stile Adobe, compare anche un controllo per cambiare area di lavoro e i tre pulsanti di riduzione ad icona, di ingrandimento o ripristino e di chiusura (figura 2.2). Figura 2.2 La barra dei menu! NOTA La classica barra degli strumenti non è visualizzata per default. Tale barra è costituita da un insieme di pulsanti tramite i quali è possibile accedere velocemente ai comandi più comuni. Su ogni pulsante è presente un icona esplicativa sul tipo di operazione effettuabile (figura 2.3). Per attivarla fai clic sul menu Finestra e di seguito seleziona la voce Barre degli strumenti. Seleziona quindi la voce Principale (figura 2.4). Figura 2.3 La barra degli strumenti Figura 2.4 Le voci di menu relative alla visualizzazione delle barre degli strumenti! NOTA Un pulsante disattivato sta ad indicare che il relativo comando non è applicabile in quella determinata situazione. 20
L interfaccia Sotto la barra dell applicazione si trova l area di lavoro all interno della quale è presente lo stage, che è l area in cui si crea il contenuto dei singoli fotogrammi del filmato, disegnando direttamente all interno di quest area o disponendovi le immagini importate, e la linea temporale, ovvero la sezione in cui si definiscono i contenuti del filmato nel tempo e l ordine in cui dovranno essere visualizzati (figura 2.5). Figura 2.5 L area di lavoro con lo stage e la linea temporale Per default nell area di lavoro è visualizzata la barra di modifica (figura 2.6). Il penultimo elemento presente, procedendo verso destra, è la finestra di ispezione Proprietà. Tramite questa finestra è possibile accedere velocemente ai più comuni attributi della selezione corrente, sia sullo stage che nella linea temporale. È possibile inoltre apportare modifiche agli attributi di un oggetto o di un documento nella finestra di ispezione Proprietà senza accedere ai menu e ai pannelli contenenti le funzioni necessarie (figura 2.7). 21
C A P I T O L O 0 2 Figura 2.6 La barra di modifica Figura 2.7 La finestra di ispezione Proprietà! NOTA In base all elemento attualmente selezionato, la finestra di ispezione Proprietà visualizza informazioni e impostazioni relative al documento, al testo, al simbolo, alla forma, alla bitmap, al video, al gruppo, al fotogramma o allo strumento correnti. Quando si selezionano due o più tipi di oggetti diversi, la finestra di ispezione Proprietà visualizza il numero totale di oggetti selezionati. A destra del pannello Proprietà troviamo la scheda Libreria (figura 2.8). Il pannello Libreria è il pannello in cui è possibile memorizzare e organizzare i simboli creati con Flash nonché i file importati, come le immagini bitmap, i file audio e i video clip. È ora possibile organizzare gli elementi della libreria in cartelle, controllare quante volte un elemento viene utilizzato in un documento e ordinare gli elementi per nome, tipo, data, conteggio usi o identificatore di collegamento ActionScript. Altra novità è la possibilità di effettuare delle ricerche nel pannello Libreria con l apposito campo e impostare le proprietà della maggior parte delle selezioni di oggetti multipli. Per ridurre lo spazio occupato dal pannello Proprietà fai clic sul pulsante Comprimi in icone posizionato in alto a destra per ridurre ad icona il pannello (figura 2.9). Continuiamo con la descrizione dell interfaccia di Flash analizzando gli elementi specifici, propri del programma. Sempre sul lato destro della finestra è posizionato il pannello Strumenti (figura 2.10). Questo pannello contiene i pulsanti con le relative icone di tutti gli strumenti necessari per il disegno, la selezione, la creazione, la colorazione ed il ritocco. Basterà fare clic su tali pulsanti per attivare volta per volta lo strumento da utilizzare. 22
L interfaccia Figura 2.8 La scheda Libreria Figura 2.9 Il pulsante Comprimi in icone Figura 2.10 Il pannello Strumenti L attivazione dello strumento selezionato comporta la sostituzione della forma standard del puntatore del mouse con un icona raffigurante lo strumento scelto. Per default il pannello mostra tutti gli strumenti su una sola colonna ma è possibile disporre gli strumenti anche su due colonne. Questo è utile se non puoi impostare la tua scheda grafica a risoluzioni molto alte. Per disporre gli strumenti su due colonne è sufficiente ridimensionare il pannello (figura 2.11). Per ridurre invece lo spazio occupato dal pannello fai clic sul pulsante Comprimi in icone posizionato in altro sul pannello Strumenti per ridurlo ad icona (figure 2.12 e 2.13). Figura 2.11 Il pannello Strumenti ridimensionato Figura 2.12 Il pulsante Comprimi in icone Figura 2.13 Il pannello Strumenti ridotto 23
C A P I T O L O 0 2! NOTA Se hai compresso i riquadri il pulsante Comprimi in icone diventa Espandi pannelli.! NOTA L intero pannello Strumenti risulterà disattivato nel caso in cui nell area di lavoro di Flash non è presente alcun documento. Dal menu Barre degli strumenti puoi accedere alla barra Controller (figura 2.14). Questa barra contiene i controlli di riproduzione dei filmati. I pulsanti presenti sono simili a quelli di un videoregistratore o di un registratore audio. Figura 2.14 La barra Controller Mettere in ordine e personalizzare l interfaccia I pannelli di Flash sono utili per accedere alle varie opzioni di creazione e modifica del documento ma a volte potrebbero risultare ingombranti. Flash ti permette di personalizzare il layout dell interfaccia. Le operazioni possibili con i pannelli sono le seguenti. Per spostare i pannelli: 1. Trascina il dispositivo di aggancio del pannello, che si trova nell angolo superiore sinistro, allontanandolo dall area di aggancio del pannello sul lato destro dello schermo. Durante il trascinamento puoi notare il ghost del pannello che ti aiuta a capire quale sarà la nuova posizione del pannello (figura 2.15). 2. Individuata la posizione ottimale per il pannello, rilascia il pulsante del mouse. Per ridurre ed espandere i pannelli: Fai clic sul titolo del gruppo di pannelli o del pannello per aprire o chiudere il pannello. Per nascondere i pannelli: Apri il menu del pannello (figura 2.16) e seleziona la voce Chiudi gruppo (figura 2.17) oppure apri il menu Finestra e deseleziona (togli il segno di spunta) la voce del pannello che vuoi nascondere. 24
L interfaccia Figura 2.15 Il ghost Figura 2.16 Il pulsante per accedere al menu del pannello Figura 2.17 Il percorso di menu Salvare le impostazioni di layout dell area di lavoro Ti consiglio vivamente di sperimentare i passi del paragrafo precedente e, dopo aver definito quella che è la tua interfaccia ideale, svolgi i passi che seguono per mettere al sicuro il tuo layout preferito. 1. Sulla barra dei menu individua e fai clic sulla voce Finestra. 2. Seleziona la voce Area di lavoro e di seguito la voce Nuova area di lavoro (figura 2.18). 3. Inserisci nella finestra di dialogo Nuova area di lavoro un nome per il tuo layout e fai clic sul pulsante OK per confermare e salvarlo sul disco rigido (figura 2.19). 25
C A P I T O L O 0 2 Figura 2.18 Il percorso di menu Figura 2.19 La finestra di dialogo Nuova area di lavoro. Eliminare un layout personalizzato Per eliminare un layout personalizzato: 1. Apri il menu Finestra e seleziona la voce di menu Area di lavoro. 2. Nel sottomenu fai clic su Gestisci aree di lavoro (figura 2.20). 3. Seleziona, nella finestra di dialogo Gestisci aree di lavoro, l area di lavoro da eliminare e fai clic sul pulsante Elimina (figura 2.21). 4. Fai clic sul pulsante OK per chiudere la finestra. 26
L interfaccia Figura 2.20 Il percorso di menu Figura 2.21 La selezione dell area da eliminare e il pulsante Elimina Ripristinare le preferenze originali Se durante le operazioni svolte nei paragrafi precedenti hai commesso degli errori o non sei soddisfatto del risultato finale niente paura poiché, come già accennato nel capitolo 1, Flash Professional CS5 ti permette di gestire i file di configurazione. Pertanto sarà sufficiente ripristinare le preferenze originali di Flash Professional CS5 per riportare il layout dell area di lavoro così come era al momento del primo avvio. Vediamo come fare. 1. Sulla barra dei menu individua e fai clic sulla voce Finestra. 2. Seleziona la voce Area di lavoro e di seguito la voce Fondamentali (figura 2.22). 3. Fatto. Il layout originale dell area di lavoro è stato ripristinato. Dopo questa veloce descrizione dell interfaccia e dei suoi elementi, sei ora in grado di orientarti in quello che sarà il tuo futuro ambiente di lavoro, ovvero la rappresentazione digitale di un tavolo da disegno con sopra tutti gli strumenti necessari per la tua attività di grafico. 27
C A P I T O L O 0 2 Figura 2.22 Il percorso di menu Aree di lavoro preimpostate Flash CS5 mette a disposizione dell utente una serie di layout che visualizzano i pannelli più idonei al tipo di attività da eseguire. Vediamo i layout previsti. 1. Per accedere ai vari tipi di layout apri l elenco a discesa posizionato a destra della barra dei menu. Per default è attiva la voce Fondamentali (figura 2.23). Figura 2.23 L elenco a discesa 28
L interfaccia 2. Seleziona la voce Animator e attendi qualche istante. L interfaccia ora mostra tutti gli strumenti ed i pannelli più adatti (figura 2.24). Le immagini che seguono mostrano gli altri layout previsti (figure 2.25-2.29). Figura 2.24 L area di lavoro Animator Figura 2.25 L area di lavoro Classica 29
C A P I T O L O 0 2 Figura 2.26 L area di lavoro Debug Figura 2.27 L area di lavoro Designer 30
L interfaccia Figura 2.28 L area di lavoro Sviluppatore Figura 2.29 L area di lavoro Schermo piccolo 31
C A P I T O L O 0 2 L elenco visualizza anche i layout personalizzati (figura 2.30)! NOTA Figura 2.30 L elenco con l area personalizzata 32