Adobe Flash CS3 a colori Introduzione In questa sezione imparerai a gestire il tuo spazio di lavoro utilizzando alcuni degli strumenti disponibili in Flash CS3. Il tutto sarà fatto realizzando la prima pagina del sito Web. 26
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 27 L ambiente di lavoro e la prima pagina La pagina di benvenuto di Flash CS3 Quando esegui Flash senza che vi siano documenti aperti, viene visualizzata la pagina di benvenuto. Questa contiene quattro aree che ora andremo a conoscere. Apri elemento recente: ti consente di aprire i documenti più recenti (fai clic sull icona Apri). Crea nuovo: elenca i tipi di file Flash, quali i documenti Flash e i file ActionScript. Crea da modello: elenca i modelli utilizzati più comunemente per creare i documenti Flash. Estendi: accede al sito Web Flash Exchange, che ti consente di scaricare applicazioni di supporto, estensioni e informazioni correlate. La pagina di benvenuto ti offre inoltre un accesso rapido alle risorse della Guida in linea. Puoi esaminare una panoramica completa di Flash, leggere i manuali e individuare i centri di formazione Adobe autorizzati. Per nascondere la pagina di benvenuto all avvio, seleziona l opzione Non mostrare più. Per attivare nuovamente la visualizzazione della pagina di benvenuto: 3. Seleziona quindi nell elenco All avvio l opzione Schermata di benvenuto. 1. Apri il menu Modifica e seleziona la voce Preferenze. 2. Attiva la categoria Generali e apri, nella sezione destra, l elenco All avvio. 27
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 28 Adobe Flash CS3 a colori Creare la prima pagina del sito Definisci le dimensioni dello stage sul quale lavorerai con i vari strumenti. 1. Nell area Crea nuovo della pagina di benvenuto, fai clic sulla voce File Flash (ActionScript 3.0). Viene aperta la finestra dell area di lavoro. Tale finestra riporta, nella barra del titolo, il nome del documento (che per impostazione predefinita è Senza nome-1). Nella finestra di ispezione Proprietà sono riportate le dimensioni, il colore di sfondo, la frequenza dei fotogrammi e il player che sarà utilizzato per la visualizzazione dei filmati. 28
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 29 L ambiente di lavoro e la prima pagina Modificare le dimensioni e le proprietà dello stage Salvando un documento in formato Flash, è possibile richiamarlo ed effettuare tutte le modifiche che ritieni necessarie. Questo ti permette di rielaborare i tuoi documenti senza dover ripartire da zero. Modificare le dimensioni e le proprietà Per cambiare le dimensioni del documento: 1. Fai clic sul menu Elabora e di seguito sulla voce Documento. Flash CS3 Professional apre la finestra di dialogo Proprietà documento. Puoi aprire la finestra di dialogo Proprietà documento direttamente dalla finestra di ispezione Proprietà facendo clic sul pulsante Dimensioni. 2. Per incorporare metadati nei file SWF, immetti un titolo descrittivo e una descrizione nelle caselle Titolo e Descrizione; inserisci quindi nel campo Titolo il titolo che vuoi assegnare al progetto che stai per realizzare. 3. Inserisci invece nel campo Descrizione una breve descrizione del progetto che stai per realizzare. 29
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 30 Adobe Flash CS3 a colori L incorporamento dei metadati ti consente di incrementare la possibilità da parte dei motori di ricerca basati su Web di restituire risultati significativi relativamente al contenuto Flash. Le descrizioni possono contenere informazioni sull autore e i diritti d autore e una breve spiegazione del contenuto dei metadati e relativi scopi. I metadati di ricerca si basano sulle specifiche RDF (Resource Description Framework) e XMP (Extensible Metadata Platform) e sono archiviati in Flash in formato compatibile con W3C. Il titolo e la descrizione immessi devono essere un titolo e una descrizione in formato leggibile. Questi campi non sono destinati a parole chiave per fornire maggiori risultati di ricerca. Sono invece disponibili per motori di ricerca che indicizzano file SWF e visualizzano il contenuto dei campi del titolo e della descrizione nei loro risultati di ricerca. I metadati di ricerca possono essere esportati in qualsiasi versione di Flash. Essendo stato introdotto per la prima volta in Flash 8, Flash Player ignora i tag che non comprende; di conseguenza Flash 8 li esporta in tutte le versioni. 4. Nella sezione Dimensioni, inserisci le nuove dimensioni che dovrà avere il documento: nei campi Larghezza e Altezza digita quindi i valori 780 e 600 (espressi in pixel). 5. Nella sezione Adatta, fai clic su uno dei tre pulsanti, tenendo presente che: Il pulsante Stampante imposta le dimensioni dello stage in base all area di stampa massima disponibile. Il pulsante Contenuto imposta le dimensioni dello stage in modo che lo spazio attorno al contenuto sia uguale su tutti i lati. Il pulsante Predefinito imposta le dimensioni predefinite dello stage, che sono 550 400 pixel (le dimensioni minime sono 1 1 pixel, quelle massime 2880 2880 pixel). 30
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 31 L ambiente di lavoro e la prima pagina 6. Lascia invariato il campo Frequenza fotogrammi. Per la maggior parte delle animazioni visualizzate su computer, in special modo per quelle riprodotte da un sito Web, sono sufficienti da 8 a 12 f/s (fotogrammi al secondo). 12 f/s è la frequenza di fotogrammi predefinita. 7. Nel campo Unità di misura righello puoi specificare l unità di misura dei righelli, selezionando un opzione dal menu a comparsa. 8. Per usare queste impostazioni come proprietà predefinite per tutti i nuovi documenti, fai clic sul pulsante Impostazione predefinita. 9. Fai clic sul pulsante OK per confermare e applicare le nuove impostazioni al documento. Sei pronto a creare le prime forme e a prendere confidenza con il pannello Strumenti? Bene, procediamo! 31
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 32 Adobe Flash CS3 a colori Cambiare il colore dello stage Con Flash CS3 Professional è possibile cambiare il colore dello stage come e quando si vuole. Questa possibilità è molto importante perché potrebbe capitare che le immagini o gli oggetti inseriti nel documento non risaltino o peggio ancora diano fastidio. Per cambiare il colore dello stage: 1. Nella finestra di ispezione Proprietà fai clic sulla vaschetta Colore sfondo. 2. La forma del cursore cambia diventando un contagocce e si apre la tavolozza dei colori. 3. Individua e fai clic, per esempio, su una delle gradazioni di verde. 4. La vaschetta colore ora riporta il colore selezionato e il tuo stage è del colore selezionato. 32
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 33 L ambiente di lavoro e la prima pagina Griglie, guide e righelli A volte posizionare nell area di lavoro tutti gli oggetti necessari in maniera ordinata e precisa può risultare difficile. Niente paura, Flash CS3 Professional ti mette a disposizione tre strumenti di disegno indispensabili per gestire al meglio queste situazioni difficili : la griglia, le guide e i righelli. Visualizza la griglia Come anticipato, è possibile visualizzare nell area di lavoro una griglia composta da un insieme di linee orizzontali e verticali che suddividono l area di lavoro in celle e che può essere visualizzata o nascosta. Per impostazione predefinita, le celle hanno dimensioni 36 36 pixel e colore nero, ma entrambe le impostazioni possono essere modificate. La particolarità della griglia è di avere un potere magnetico, disattivabile e attivo anche quando la griglia non è visualizzata, che aggancia gli oggetti presenti nel documento. 1. Fai clic sul menu Visualizza e di seguito seleziona la voce Griglia per aprire il sottomenu associato. 2. Dal sottomenu fai clic sul comando Mostra griglia (se la voce presenta già il segno di spunta facendo clic ottieni la disattivazione della visualizzazione della griglia). 33
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 34 Adobe Flash CS3 a colori Ecco che la griglia è ora visibile nell area di lavoro. Veramente semplice non credi? 1. Per agganciare alla griglia gli oggetti presenti nel documento fai clic sul menu Visualizza (oppure fai clic sulla griglia con in pulsante destro del mouse) e seleziona la voce Aggancio. 2. Seleziona ora la voce Aggancia alla griglia. 34
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 35 L ambiente di lavoro e la prima pagina Modifica la griglia È possibile personalizzare la griglia modificando il colore delle linee (molto utile quando il colore di sfondo del documento che si sta creando non permette un giusto contrasto tra sfondo e griglia) che la compongono e la dimensione delle celle. Anche questa è un operazione molto semplice da effettuare. 1. Fai clic sul menu Visualizza e di seguito seleziona la voce Griglia per aprire il sottomenu associato. 2. Dal sottomenu fai clic sul comando Modifica griglia per aprire la relativa finestra di dialogo Griglia. 35
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 36 Adobe Flash CS3 a colori 3. Fai clic sulla vaschetta Colore per cambiare il colore delle linee della griglia. 4. La forma del cursore cambia diventando un contagocce e si apre la tavolozza dei colori. Scegli il colore più adatto alle tue esigenze. La vaschetta Colore ora riporta il colore selezionato. 5. Fai clic sul campo Mostra griglia per visualizzare (segno di spunta presente) o nascondere (segno di spunta assente) la griglia nell area di lavoro. 6. Fai clic sul campo Aggancia alla griglia, per agganciare (segno di spunta presente) o non agganciare (segno di spunta assente) gli oggetti del documento alla griglia. 10. Fai clic sul pulsante OK per confermare le tue scelte. 8. Imposta la Precisione di aggancio selezionando una delle voci previste. 9. Fai clic sul pulsante Salva Predefiniti per memorizzare le impostazioni effettuate e richiamarle automaticamente a ogni avvio del programma. 7. Per impostare larghezza e altezza delle celle diverse da quelle preimpostate (18 pixel), digita le nuove dimensioni nei campi Larghezza e Altezza. Ora la griglia visualizzata nell area di lavoro rispecchia le modifiche che hai apportato. 36
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 37 L ambiente di lavoro e la prima pagina I righelli Lo strumento Righelli è utile per ordinare l area di lavoro e per posizionare in maniera millimetrica gli oggetti. Lo strumento Righelli usa il pixel come unità di misura, a prescindere dall unità di misura utilizzata creando il documento. L angolo in alto a sinistra della finestra corrisponde alle coordinate 0,0 (zero,zero). In tale angolo, di conseguenza, è situato il punto zero di ogni righello (orizzontale e verticale). Per visualizzare i righelli: 1. Fai clic sul menu Visualizza e di seguito seleziona la voce Righelli. Due righelli (uno orizzontale, l altro verticale) compaiono ai margini del documento. 2. Muovi il cursore del mouse sull area di lavoro e osserva i righelli. Due linee all interno visualizzano, istante per istante, le coordinate del cursore mentre muovi il mouse. 37
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 38 Adobe Flash CS3 a colori Le guide A volte, anche dopo aver abilitato la visualizzazione della griglia e dei righelli, potresti avere la necessità di sistemare o allineare gli oggetti in posizioni particolari dell area di lavoro, non corrispondenti alle impostazioni standard della griglia e difficilmente individuabili con la stessa precisione per più oggetti. In questi casi Flash CS3 Professional ti viene in aiuto con uno strumento che generalmente hanno solo i programmi di DTP: le Guide o Linee guida. Crea una guida verticale e una orizzontale. 1. Fai clic sul righello verticale. La forma del cursore cambia. 2. Trascina il cursore sull area di lavoro. Quando il cursore è sull area di lavoro, tra le due linee verticali del cursore compare una linea nera (per impostazione predefinita) verticale. 3. Rilascia il pulsante del mouse quando avrai raggiunto il punto in cui posizionare la guida. 4. Per creare una guida orizzontale segui le modalità precedenti ma fai clic sul righello orizzontale. Per bloccare le guide inserite, evitando spostamenti involontari delle stesse durante le fasi di modifica di altri oggetti presenti nel documento, seleziona il menu Visualizza, di seguito la voce Guide e infine il comando Blocca guide. Per eliminare una guida dall area di lavoro, selezionala e trascinala fuori dall area di lavoro. 38
03-FlashCS3.qxd 19-09-2008 13:45 Pagina 39 L ambiente di lavoro e la prima pagina Salva il documento creato Anche se non hai ancora creato nulla all interno del nuovo documento, salvalo assegnandogli un nome. 1. Fai clic sul menu File e, di seguito, sul comando Salva con nome. 2. Seleziona nel campo Salva in la cartella dove vuoi memorizzare il documento. 3. Inserisci nel campo Nome file il nome da attribuire al documento e quindi digita intro. 4. Lascia invariato il campo Salva come per salvare il documento nel formato nativo di Flash e fai clic sul pulsante Salva per confermare le scelte fatte e avviare le operazioni di salvataggio. Se salvi il documento nel formato nativo di Flash (estensione.fla) saranno salvati anche tutti gli elementi utilizzati, sui quali potrai ancora intervenire riaprendo di nuovo il documento. 39