elementi grafici Panoramica della lezione

Transcript

1 2 Lavorare con gli elementi grafici Panoramica della lezione In questa lezione imparerai come: Disegnare rettangoli, ovali e altre forme Capire la differenza tra le modalità di disegno Modificare forma, colore e dimensione degli oggetti disegnati Comprendere le impostazioni di riempimenti e tratti Creare pattern simmetrici e decorativi Creare e modificare curve Applicare sfumature e trasparenze Raggruppare elementi Creare e modificare testo Per completare questa lezione occorrono circa 90 minuti. Rimuovi, se necessario, la cartella della lezione precedente dalla tua cartella di lavoro Lessons e copiavi la cartella Lesson02. 42

2 Puoi utilizzare rettangoli, ovali e linee per creare grafica e illustrazioni interessanti e complesse in Flash. Modifica le loro forme e combinale con sfumature, trasparenze, testo e filtri per ottenere tante altre soluzioni. 43

3 Iniziare Inizia visualizzando il filmato completo per vedere l animazione che creerai in questa lezione. 1 Fai doppio clic sul file 02End.swf nella cartella Lesson02/02End per visualizzare il progetto finale. Il progetto è una semplice illustrazione statica per un banner pubblicitario. È un illustrazione per Garden Court Cafe, una società fittizia che pubblicizza il proprio caffè e il proprio punto vendita. In questa lezione disegnerai le forme, le modificherai e imparerai a combinare elementi semplici per creare immagini più complesse. Per il momento non creeerai nessuna animazione. Infatti, come si dice, prima di poter correre bisogna imparare a camminare! E imparare a creare e modificare elementi grafici è un passo importante prima di realizzare qualsiasi animazione Flash. 2 Scegli File > Nuovo. Nella finestra di dialogo Nuovo documento seleziona ActionScript 3.0. Nota: Ogni colore ha un valore esadecimale in Flash, HTML e molte altre applicazioni. Il grigio chiaro è #999999, il bianco è #FFFFFF e il nero # Potrebbe essere utile memorizzare i valori dei colori utilizzati più di frequente. 3 Nel pannello Proprietà porta le dimensioni dello Stage a 700 pixel per 200 pixel e modifica il suo colore in un marrone chiaro (#CC9966). 4 Scegli File > Salva. Denomina il file 02_workingcopy.fla e salvalo nella cartella 02Start. Salvare subito il file è una buona abitudine e garantisce che il lavoro non vada perso se l applicazione o il computer si bloccano per un qualsiasi problema. Comprendere tratti e riempimenti In Flash ogni elemento di grafica inizia con una forma. Una forma ha due componenti: il riempimento, ossia la parte interna di una forma, e il tratto, ossia i contorni della forma. Se riesci a ricordare sempre questi due componenti, sei sulla buona strada per creare immagini belle e complesse. Il riempimento e il tratto sono indipendenti l uno dall altro, cosicché puoi modificare o eliminare ciascuno dei due senza toccare l altro. Per esempio, puoi creare un rettangolo con un riempimento blu e un tratto rosso e poi, successivamente, cambiare il riempimento in viola ed eliminare del tutto il tratto rosso. Alla fine otterrai un rettangolo viola senza nessun contorno. È possibile anche spostare il riempimento o il tratto indipendentemente l uno dall altro, per cui se desideri spostare tutta la forma, assicurati di avere selezionato sia il riempimento sia il tratto. 44 LEZIONE 2 Lavorare con gli elementi grafici

4 Creare forme Flash include vari strumenti di disegno, che funzionano con modalità diverse. Molte delle nostre creazioni cominceranno con forme semplici come rettangoli e ovali, per cui è importante che tu sia in grado di disegnarle, modificarne l aspetto e applicare riempimenti e tratti. Comincerai disegnando la tazza di caffè. Utilizzare lo strumento Rettangolo La tazza di caffè è fondamentalmente un cilindro, che è un rettangolo con un ovale in cima e un ovale in fondo. Comincerai disegnando il corpo rettangolare. È utile suddividere gli oggetti complicati nelle parti che li compongono per facilitarne la composizione. 1 Nel pannello Strumenti seleziona lo strumento Rettangolo ( ). Assicurati che l icona della modalità Disegno oggetto ( ) non sia selezionata. 2 Scegli un colore per il tratto ( ) e un colore per il riempimento ( ) in fondo al pannello Strumenti. Scegli # (marrone scuro) per il tratto e #CC6600 (marrone chiaro) per il riempimento. 3 Sullo Stage disegna un rettangolo più alto che largo. Specificherai la posizione e le dimensioni esatte del rettangolo al passo 6. 4 Seleziona lo strumento Selezione ( ). 5 Trascina lo strumento Selezione intorno all intero rettangolo per selezionarne sia il tratto sia il riempimento. Quando una forma è selezionata, Flash la visualizza con puntini bianchi. Puoi anche fare doppio clic sulla forma per selezionare sia il tratto sia il riempimento. 6 Nel pannello Proprietà digita 130 come larghezza e 150 come altezza. Premi Invio per applicare i valori. Utilizzare lo strumento Ovale Adesso creerai l apertura in cima e il fondo arrotondato. 1 Nel pannello Strumenti fai clic e mantieni il puntatore del mouse sopra lo strumento Rettangolo per accedere agli strumenti nascosti. Scegli lo strumento Ovale. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 45

5 Nota: Flash applica al rettangolo il riempimento e il tratto predefiniti, che sono determinati dall ultimo riempimento e dall ultimo tratto applicati 2 Assicurati che l opzione Aggancia agli oggetti ( ) sia attiva. Questa opzione fa in modo che le forme disegnate sullo Stage vengano agganciate tra di loro per garantire che le linee e gli angoli siano connessi. 3 Fai clic all interno del rettangolo e trascina per creare un ovale al suo interno. L opzione Aggancia agli oggetti fa in modo che i lati dell ovale si congiungano ai lati del rettangolo. 4 Disegna un altro ovale in fondo al rettangolo. Creare selezioni Per modificare un oggetto, bisogna prima selezionare le varie parti che lo compongono. In Flash puoi creare selezioni utilizzando lo strumento Selezione, Sottoselezione o Lazo. Di solito si utilizza lo strumento Selezione per selezionare un oggetto o una sua sezione. Lo strumento Sottoselezione permette di selezionare un punto o linea specifica in un oggetto. Con lo strumento Lazo puoi creare una selezione a mano libera. Selezionare tratti e riempimenti Adesso farai in modo che il rettangolo e gli ovali assomiglino a una tazza da caffè. Utilizzerai lo strumento Selezione per cancellare tratti e riempimenti inutili. 1 Nel pannello Strumenti seleziona lo strumento Selezione ( ). 2 Fai clic sul riempimento sopra l ovale superiore per selezionarlo. La forma sopra l ovale superiore viene evidenziata. 3 Premi il tasto Canc. La forma viene eliminata. 46 LEZIONE 2 Lavorare con gli elementi grafici

6 4 Seleziona ciascuno dei tre segmenti sopra l ovale superiore e premi il tasto Canc. I singoli tratti vengono cancellati lasciando l ovale superiore congiunto al rettangolo. 5 Ora seleziona il riempimento e i tratti sotto l ovale inferiore così come l arco in fondo alla tazza e premi il tasto Canc. La forma rimanente è un cilindro. Modificare forme Nota: Quando crei selezioni, tieni premuto il tasto Maiusc per selezionare più riempimenti o tratti contemporaneamente. Quando disegni in Flash, inizierai quasi sempre con gli strumenti Rettangolo e Ovale. Per creare grafica più complessa, dovrai però utilizzare altri strumenti per modificare le due forme di base. Lo strumento Trasformazione libera, i comandi Copia e Incolla e lo strumento Selezione possono aiutarti a trasformare il semplice cilindro in una tazza da caffè. Utilizzare lo strumento Trasformazione libera La tazza da caffè apparirà più realistica se assottigli il bordo inferiore. Utilizzerai lo strumento Trasformazione libera per modificare la forma complessiva. Con lo strumento Trasformazione libera puoi modificare la dimensione, la rotazione o l inclinazione di un oggetto oppure distorcere un oggetto trascinando punti di controllo intorno al rettangolo di selezione. 1 Nel pannello Strumenti seleziona lo strumento Trasformazione libera ( ). 2 Trascina lo strumento Trasformazione libera intorno al cilindro sullo Stage per selezionarlo. Sul cilindro appaiono le maniglie di trasformazione. 3 Premi Ctrl/Comando+Maiusc mentre trascini verso l interno uno degli angoli inferiori. Tenendo premuti questi tasti durante il trascinamento puoi spostare entrambi gli angoli della stessa distanza simultaneamente. 4 Fai clic all esterno della forma per deselezionarla. Il fondo del cilindro è stretto mentre la parte superiore è larga. Adesso ha l aspetto di una tazza da caffè. Nota: Se premi Alt o Opzione mentre sposti uno dei punti di controllo, l oggetto selezionato viene ridimensionato relativamente al suo punto di trasformazione, rappresentato dall icona del piccolo cerchio. Puoi spostare il punto di trasformazione in qualunque posizione, anche al di fuori dell oggetto. Premi Maiusc per mantenere le proporzioni dell oggetto. Premi Ctrl/Comando per deformare l oggetto da un singolo punto di controllo. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 47

7 Utilizzare Copia e Incolla Utilizza i comandi Copia e Incolla per duplicare facilmente le forme sullo Stage. Creerai la superficie del caffè copiando e incollando il bordo superiore della tazza da caffè. 1 Tieni premuto il tasto Maiusc e seleziona l arco superiore e quello inferiore dell apertura della tazza da caffè. 2 Scegli Modifica > Copia (Ctrl/Comando+C). I tratti superiori dell ovale vengono copiati. 3 Scegli Modifica > Incolla al centro (Ctrl/Comando+V). Sullo Stage appare un secondo ovale. 4 Nel pannello Strumenti seleziona lo strumento Trasformazione libera. Sull ovale appaiono le maniglie di trasformazione. 5 Premi i tasti Maiusc e Alt/Opzione mentre trascini gli angoli verso l interno. Rimpicciolisci l ovale del 10% circa. Premendo il tasto Maiusc, puoi modificare la forma in modo uniforme cosicché l ovale conservi le sue proporzioni. Premendo il tasto Alt/Opzione, la forma viene modificata dal suo punto di trasformazione. 6 Seleziona lo strumento Selezione. 7 Trascina l ovale sopra il bordo della tazza da caffè in modo da sovrapporlo alla parte anteriore del bordo. 8 Fai clic all esterno della selezione per deselezionare l ovale. 9 Seleziona la parte inferiore dell ovale più piccolo e cancellala. Ora la tazza è piena di caffè! Modificare i profili della forma Con lo strumento Selezione puoi spingere e tirare linee e angoli per modificare il profilo di qualunque forma. È un modo veloce e intuitivo di utilizzare le forme. 1 Nel pannello Strumenti seleziona lo strumento Selezione. 2 Sposta il puntatore del mouse vicino a uno dei lati della tazza di caffè. Vicino al cursore appare una linea curva per indicare che è possibile modificare la curvatura del tratto. 3 Fai clic e trascina il tratto verso l esterno. I lati della tazza di caffè si curvano, rendendola leggermente bombata. 48 LEZIONE 2 Lavorare con gli elementi grafici

8 4 Fai clic e trascina l altro lato della tazza di caffè leggermente verso l esterno. La tazza di caffè ha adesso un corpo più arrotondato. Modificare tratti e riempimenti Se desideri modificare le proprietà di un tratto o di un riempimento, puoi utilizzare lo strumento Bottiglia inchiostro oppure lo strumento Secchio di vernice. 1 Nel pannello Strumenti seleziona lo strumento Secchio di vernice ( ). 2 Nel pannello Proprietà scegli un colore marrone più scuro (#663333). Nota: Tieni premuto il tasto Alt/Opzione mentre trascini i lati di una forma per aggiungere un nuovo angolo. 3 Fai clic sulla superficie del caffè all interno della tazza. Nota: Se lo strumento Secchio di vernice modifica il riempimento nelle aree circostanti, potrebbe esserci un piccolo spazio vuoto che permette al riempimento di fuoriuscire. Chiudi lo spazio oppure, in fondo al pannello Strumenti, scegli di chiudere spazi di dimensioni diverse per lo strumento Secchio di vernice. Il riempimento dell ovale superiore si trasforma nel colore marrone prescelto. 4 Nel pannello Strumenti seleziona lo strumento Bottiglia inchiostro ( ) che è nascosto sotto lo strumento Secchiello. 5 Nel pannello Proprietà scegli un colore marrone più scuro (#330000). 6 Fai clic sul tratto superiore sopra la superficie del caffè. Il tratto intorno alla superficie del caffè diventa di un colore marrone più scuro. Nota: Puoi anche selezionare un tratto o un riempimento e modificarne il colore nel pannello Proprietà senza utilizzare lo strumento Secchio di vernice o Bottiglia inchiostro. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 49

9 modalità di disegno in flash Flash offre tre diverse modalità di disegno che determinano in che modo gli oggetti interagiscono tra loro sullo Stage e come è possibile modificarli. Per impostazione predefinita, Flash utilizza la modalità Disegno unione, ma puoi attivare la modalità Disegno oggetto o servirti dello strumento Rettangolo di base o Ovale di base per utilizzare la modalità di disegno Oggetto di base. modalità Disegno unione In questa modalità Flash combina forme disegnate, come rettangoli e ovali, nei punti in cui esse si sovrappongono, cosicché forme multiple appaiono come una forma unica. Se sposti o cancelli una forma che è stata unita con un altra, la porzione sovrapposta viene eliminata in modo permanente. modalità Disegno oggetto In questa modalità Flash non unisce gli oggetti disegnati, che rimangono distinti e separati anche quando si sovrappongono. Per attivare la modalità Disegno oggetto, seleziona lo strumento che desideri utilizzare e poi fai clic sull icona Disegno oggetto nell area opzioni del pannello Strumenti. Per convertire un oggetto in forme (modalità Disegno unione), selezionalo e premi Ctrl/Comando+B. Per convertire una forma in un oggetto (modalità Disegno oggetto), selezionala e scegli Elabora > Combina oggetti > Unione. modalità di disegno oggetto di base Quando utilizzi lo strumento Rettangolo di base o lo strumento Ovale di base, Flash disegna le forme come oggetti separati. A differenza dei normali oggetti, però, puoi modificare il raggio angolo dei rettangoli di base, e gli angoli iniziale e finale nonché il raggio interno degli ovali di base utilizzando il pannello Proprietà. 50 LEZIONE 2 Lavorare con gli elementi grafici

10 Utilizzare riempimenti sfumati e riempimenti bitmap Il riempimento è l interno dell oggetto disegnato. Al momento il riempimento è marrone chiaro tinta unita, ma puoi anche avere una sfumatura o un immagine bitmap (come un file JPEG) come riempimento, oppure puoi specificare che l oggetto non abbia alcun riempimento. In una sfumatura un colore si trasforma gradualmente in un altro. Flash è in grado di creare sfumature lineari, che cambiano colore orizzontalmente, verticalmente o diagonalmente, oppure sfumature radiali, che cambiano colore verso l esterno partendo da un punto focale centrale. Per questa lezione utilizzerai un riempimento sfumato lineare per aggiungere un effetto tridimensionale alla tazza di caffè. Per dare l aspetto di uno strato superiore di schiuma, importerai un immagine bitmap da utilizzare come riempimento. Puoi importare un file bitmap nel pannello Colore. Creare transizioni sfumate Nel pannello Colore definirai i colori che desideri utilizzare per la sfumatura. Per impostazione predefinita, una sfumatura lineare passa da un colore a un secondo colore, ma in Flash è possibile utilizzare fino a quindici transizioni di colore in un unica sfumatura. Un puntatore colore determina il punto in cui la sfumatura passa da un colore a quello successivo. Occorre aggiungere puntatori colore sotto la barra di definizione della sfumatura nel pannello Colore per aggiungere le transizioni di colore. Creerai una sfumatura che va dal beige chiaro al bianco al beige scuro sulla superficie della tazza di caffè per creare un aspetto tondeggiante. 1 Scegli lo strumento Selezione. Seleziona il riempimento che rappresenta la superficie anteriore della tazza di caffè. 2 Apri il pannello Colore (Finestra > Colore). Nel pannello Colore seleziona l icona Colore riempimento e seleziona Gradiente lineare. La superficie anteriore della tazza di caffè viene riempita con una sfumatura di colore che va da sinistra a destra. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 51

11 3 Seleziona il puntatore colore a sinistra della sfumatura di colore nel pannello Colore (il triangolo sopra di esso diventa nero quando è selezionato) e poi digita FFCCCC nel campo valore Esadecimale per specificare un colore beige chiaro. Premi Invio per applicare il colore. Puoi anche scegliere un colore nel selettore colore oppure fare doppio clic sul puntatore colore per scegliere un colore nei campioni colore. 4 Seleziona il puntatore colore all estrema destra e poi immetti B86241 per specificare un colore beige scuro. Premi Invio per applicare il colore. Il riempimento sfumato della tazza di caffè passa gradualmente dal beige chiaro al beige scuro sulla superficie della tazza. 5 Fai clic sotto la barra di definizione sfumatura per creare un nuovo puntatore colore. Nota: Per eliminare un puntatore colore dalla barra di definizione della sfumatura, basta trascinarlo fuori della barra. 6 Trascina il nuovo puntatore colore al centro della sfumatura. 7 Seleziona il nuovo puntatore colore e poi digita FFFFFF nel campo valore Esadecimale per specificare il bianco come nuovo colore. Premi Invio per applicare il colore. Il riempimento sfumato della tazza di caffè passa gradualmente dal beige chiaro al bianco al beige scuro. 8 Deseleziona il riempimento sullo Stage facendo clic in un altro punto dello Stage. Scegli lo strumento Secchio di vernice e assicurati che l opzione Blocca riempimento ( ) in fondo al pannello Strumenti sia deselezionata. L opzione Blocca riempimento blocca la sfumatura corrente alla prima forma a cui è stata applicata, in modo che forme successive estendano la sfumatura. Ora vuoi creare una nuova sfumatura per la superficie posteriore della tazza di caffè, per cui l opzione Blocca riempimento deve essere deselezionata. 52 LEZIONE 2 Lavorare con gli elementi grafici

12 9 Con lo strumento Secchio di vernice seleziona la superficie posteriore della tazza di caffè. La sfumatura viene applicata alla superficie posteriore. Utilizzare lo strumento Trasformazione gradiente Oltre a scegliere i colori e a posizionare i puntatori colore per una sfumatura, puoi regolare la dimensione, la direzione o il centro di un riempimento sfumato. Per restringere la sfumatura nella superficie anteriore e invertirla nella superficie posteriore, utilizzerai lo strumento Trasformazione gradiente. 1 Seleziona lo strumento Trasformazione gradiente (lo strumento Trasformazione gradiente è raggruppato con lo strumento Trasformazione libera). 2 Fai clic sulla superficie anteriore della tazza di caffè. Vengono visualizzate le maniglie di trasformazione. 3 Trascina la maniglia quadrata sul lato del rettangolo di selezione verso l interno per restringere la sfumatura. Trascina il piccolo cerchio centrale per spostare la sfumatura a sinistra in modo che la luce bianca venga posizionata leggermente a sinistra del centro. 4 Ora fai clic sulla superficie posteriore della tazza di caffè. Vengono visualizzate le maniglie di trasformazione. 5 Trascina la maniglia rotonda all angolo del rettangolo di selezione per ruotare la sfumatura di 180 gradi, in modo che passi dal beige scuro a sinistra al bianco e poi al beige chiaro a destra. Nota: Sposta il piccolo cerchio centrale per cambiare il centro della sfumatura; trascina il piccolo cerchio con la freccia per ruotare la sfumatura oppure trascina la freccia nel quadratino per estendere la sfumatura. La tazza di caffè appare ora più realistica, poiché le ombre e le luci fanno apparire la superficie frontale convessa e quella posteriore concava. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 53

13 Aggiungere un riempimento bitmap Adesso renderai questa tazza di caffè più allegra aggiungendo uno strato schiumoso superficiale. Come riempimento bitmap verrà utilizzata un immagine JPEG di schiuma. 1 Seleziona la superficie del caffè con lo strumento Selezione. 2 Apri il pannello Colore (Finestra > Colore). 3 Seleziona Riempimento bitmap. 4 Nella finestra di dialogo Importa nella libreria, accedi al file coffeecream.jpg nella cartella Lesson02/02Start. Nota: Puoi utilizzare anche lo strumento Trasformazione gradiente per cambiare il modo in cui viene applicato un riempimento bitmap. 5 Seleziona il file coffeecream.jpg e fai clic su Apri. La superficie del caffè viene riempita con l immagine della schiuma. La tazza di caffè è completa! Rinomina coffee il livello contenente il disegno finito. Ora resta da aggiungere qualche bolla e il vapore. Raggruppare gli oggetti Ora che hai terminato la creazione della tazza di caffè, puoi trasformarla in un gruppo unico. Un gruppo riunisce un insieme di forme e di altri elementi grafici per conservarne l integrità. Una volta raggruppata, puoi spostare la tazza di caffè come un unità senza preoccuparti che possa unirsi a forme sottostanti. Utilizza i gruppi per organizzare il disegno. 1 Seleziona lo strumento Selezione. 2 Seleziona tutte le forme che compongono la tazza di caffè. 54 LEZIONE 2 Lavorare con gli elementi grafici

14 3 Scegli Elabora > Raggruppa. La tazza di caffè è ora un gruppo unico. Quando la selezioni, un contorno azzurro indica il suo rettangolo di selezione. 4 Se vuoi cambiare una delle parti della tazza di caffè, fai doppio clic sul gruppo per modificarlo. Nota che tutti gli altri elementi sullo Stage diventano inattivi, mentre la barra orizzontale superiore sullo Stage riporta Scena 1 Gruppo. Ciò indica che ora sei in un determinato gruppo e puoi modificarne il contenuto. 5 Fai clic sull icona Scena 1 sulla barra orizzontale in cima allo Stage oppure fai doppio clic su una parte vuota dello Stage e ritorna alla scena principale. Creare pattern e decorazioni È possibile creare pattern complessi con lo strumento Decorazione ( ) che, in Flash Professional CS5, ha molti pennelli nuovi. Svariate opzioni consentono di realizzare velocemente e con facilità disegni simmetrici, griglie o ghirigori e svolazzi ramificati. In questa lezione utilizzerai lo strumento Decorazione per dare al banner pubblicitario un impatto maggiore con la creazione di forme simmetriche e linee tratteggiate, nonché di decorazioni floreali per abbellirne i bordi. Nota: Per trasformare nuovamente un gruppo nelle forme che lo compongono, s c e g l i E l a b o r a > Separa (Maiusc+Ctrl+G [Windows] oppure Maiusc+Comando+G [Mac]). Creare un simbolo per un pattern Prima di potere utilizzare il Pennello simmetria dello strumento Decorazione, occorre creare un simbolo da utilizzare come forma di base da ripetere. Per ulteriori informazioni sui simboli, consulta la lezione successiva. 1 Nel menu in cima scegli Inserisci > Nuovo simbolo. 2 Nella finestra di dialogo Crea nuovo simbolo che viene visualizzata digita line come nome e scegli il Tipo di simbolo Immagine. Fai clic su OK. 3 Flash ti porta immediatamente in modalità modifica simbolo. Nota la barra orizzontale superiore sopra lo Stage, che indica che stai al momento modificando il simbolo chiamato line. Adesso disegnerai una linea per questo simbolo. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 55

15 4 Seleziona lo strumento Linea ( ). 5 Seleziona un colore marrone per il tratto e Sottilissima come Stile tratto. Un tratto sottilissimo conserva uno spessore uniforme a prescindere dalle sue dimensioni. 6 Tieni premuto il tasto Maiusc mentre disegni una linea al centro dello Stage nel punto in cui vedi un mirino che rappresenta il punto centrale del simbolo. Crea una linea alta circa 25 pixel. 7 Fai clic su Scena 1 sulla barra orizzontale sopra lo Stage per ritornare alla Linea temporale principale. Il nuovo simbolo chiamato line è stato creato ed è memorizzato nel pannello Libreria per poter essere utilizzato successivamente. 56 LEZIONE 2 Lavorare con gli elementi grafici

16 Utilizzare il Pennello simmetria dello strumento Decorazione Con lo strumento Decorazione creerai una forma a stella. 1 Sulla Linea temporale inserisci un nuovo livello e chiamalo coffee aroma. Disegnerai le forme simmetriche in questo livello. 2 Nel pannello Strumenti seleziona lo strumento Decorazione ( ). 3 Nel pannello Proprietà scegli l opzione Pennello simmetria. 4 Fai clic sul pulsante Modifica accanto a Modulo per cambiare la forma che verrà ripetuta. 5 Nella finestra di dialogo Seleziona simbolo scegli il simbolo line. Fai clic su OK. 6 Sotto Opzioni avanzate seleziona Ruota intorno. Con questa opzione dello strumento Decorazione, puoi creare un pattern ripetuto del simbolo line che è simmetrico intorno a un punto. Sullo Stage viene visualizzata una guida verde che mostra il punto centrale, l asse principale e un asse secondario che determina la frequenza con cui il simbolo viene ripetuto. 7 Fai clic sullo Stage per posizionare il simbolo e, mentre tieni premuto il pulsante del mouse, trascinalo intorno alle guide verdi per ottenere il pattern radiale desiderato. La linea iniziale dovrebbe essere verticale. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 57

17 8 Per aumentare il numero delle ripetizioni, trascina l asse verde secondario più vicino all asse principale. 9 Quando hai finito, seleziona lo strumento Selezione per uscire dallo strumento Decorazione. Il pattern risultante è un gruppo composto da numerosi simboli line. Allineare oggetti Adesso creerai una bolla al centro delle linee radiali. La bolla deve essere posizionata esattamente al centro delle linee e, per questo motivo, puoi utilizzare il pannello Allinea. Questo pannello, come si può facilmente indovinare, allinea gli oggetti selezionati verticalmente oppure orizzontalmente. Può anche distribuire gli oggetti in modo uniforme. 1 Seleziona lo strumento Ovale. 2 Seleziona un colore marrone per il tratto e nessun riempimento. Per selezionare nessun riempimento, scegli la casella colorata attraversata da una linea diagonale rossa. Seleziona Sottilissima come Stile tratto. 58 LEZIONE 2 Lavorare con gli elementi grafici

18 3 Seleziona il livello coffee aroma. Tieni premuto il tratto Maiusc mentre disegni un piccolo cerchio sullo Stage. 4 Adesso seleziona lo strumento Selezione. 5 Trascina lo strumento Selezione sia sul gruppo a forma di stella sia sul nuovo ovale. È preferibile bloccare il livello inferiore per evitare di selezionare per errore le forme sui livelli inferiori. 6 Apri il pannello Allinea (Finestra > Allinea). 7 Fai clic sul pulsante Allineamento orizzontale rispetto al centro. Il gruppo a forma di stella e l ovale vengono allineati orizzontalmente. 8 Fai clic sul pulsante Allineamento verticale rispetto al centro. Il gruppo a forma di stella e l ovale vengono allineati verticalmente. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 59

19 Separare e raggruppare oggetti Hai utilizzato lo strumento Decorazione per creare il gruppo di linee radiali e il pannello Allinea per centrare la bolla rispetto alle linee. Adesso raggrupperai questa forma per creare un entità unica. Per eseguire questa operazione, separerai il gruppo di linee radiali e le raggrupperai con l ovale. 1 Con lo strumento Selezione trascina una selezione intorno alla stella in modo da selezionare tutte le linee e il cerchio. 2 Scegli Elabora > Dividi. Il gruppo di linee si suddivide nelle sue componenti e diventa una raccolta di simboli linea. 3 Scegli ancora una volta Elabora > Dividi. La raccolta di simboli linea si suddivide nelle sue componenti e diventa una raccolta di tratti. 4 Scegli Elabora > Raggruppa. Le linee e il cerchio centrale diventano un gruppo unico. 60 LEZIONE 2 Lavorare con gli elementi grafici

20 5 Copia e incolla il gruppo per creare più bollicine sopra la tazza di caffè. Utilizza lo strumento Trasforma per dare alle bollicine dimensioni diverse. Utilizzare Pennello decorato dello strumento Decorazione Adesso imparerai a utilizzare Pennello decorato dello strumento Decorazione, che crea bordi decorati e pattern a linea complessi. 1 Nel pannello Strumenti seleziona lo strumento Decorazione ( ). 2 Nel pannello Proprietà scegli l opzione Pennello decorato. 3 Nelle Opzioni avanzate seleziona Linea tratteggiata. Scegli un marrone scuro come Colore pattern e lascia Dimensione pattern e Larghezza pattern ai loro valori predefiniti. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 61

21 Nota: Anche gli strumenti Linea e Ma tita possono creare linee tratteggiate e vari pattern a linea, ma non sono in grado di creare pattern complessi ripetuti come lo strumento Decorazione. Nel pannello Proprietà, fai clic sul pulsante Modifica stile tratto per personalizzare il tratto delle linee tratteggiate. 4 Sullo Stage disegna varie linee curve sulla tazza di caffè. Il Pennello decorato crea linee tratteggiate che rendono più vivace la tazza di caffè! Utilizzare Pennello fiore dello strumento Decorazione Ora creerai pattern a fiori per decorare i bordi del banner pubblicitario. 1 Nel pannello Strumenti seleziona lo strumento Decorazione ( ). 2 Nel pannello Proprietà scegli l opzione Pennello fiore. 3 Nelle Opzioni avanzate seleziona Fiore da giardino. Seleziona l opzione Ramo e lascia colori e dimensioni ai loro valori predefiniti. 62 LEZIONE 2 Lavorare con gli elementi grafici

22 4 Disegna un ramo di fiori nella parte inferiore dello Stage. Fiori, foglie, frutta e rami vengono generati ripetutamente mentre muovi il pennello sopra lo Stage. 5 Seleziona tutti i fiori, le foglie, i frutti e i rami. Scegli Elabora > Raggruppa. Le decorazioni floreali vengono combinate in un unico gruppo in modo che sia possibile spostarle o modificarle come unità. Creare curve Hai utilizzato lo strumento Selezione per spingere e tirare i bordi delle forme in modo da creare curve. Per un controllo più preciso, puoi utilizzare lo strumento Penna ( ). Utilizzare lo strumento Penna Adesso creerai un riposante elemento grafico di sfondo a forma di onda. 1 Scegli Inserisci > Linea temporale > Livello e denomina il nuovo livello dark brown wave. 2 Trascina il livello in fondo alla pila dei livelli. 3 Blocca tutti gli altri livelli. 4 Nel pannello Strumenti seleziona lo strumento Penna ( ). 5 Imposta il colore del tratto su marrone scuro. 6 Comincia a creare la forma facendo clic sullo Stage per stabilire il primo punto di ancoraggio. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 63

23 7 Fai clic su un altra parte dello Stage per creare il successivo punto di ancoraggio della forma. Quando desideri creare una curva uniforme, fai clic e trascina con lo strumento Penna. Dal punto di ancoraggio viene visualizzata una maniglia che indica la curvatura della linea. 8 Continua a fare clic e a trascinare per creare il contorno dell onda. Disegna un onda più larga dello Stage. 9 Chiudi la forma facendo clic sul primo punto di ancoraggio. Non preoccuparti di creare curve perfette, poiché l utilizzo dello strumento Penna richiede una certa pratica. Inoltre, avrai la possibilità di perfezionare le curve nella parte successiva della lezione. 10 Seleziona lo strumento Secchio di vernice. 11 Imposta il Colore di riempimento su un marrone scuro. 12 Fai clic all interno del contorno appena creato per riempirlo di colore e cancellare il tratto. 64 LEZIONE 2 Lavorare con gli elementi grafici

24 Modificare curve con gli strumenti Selezione e Sottoselezione Il tuo primo tentativo di creare onde uniformi non sarà stato probabilmente il massimo. Per perfezionare le curve, utilizza lo strumento Selezione oppure lo strumento Sottoselezione. 1 Scegli lo strumento Selezione. 2 Passa con lo strumento sopra un segmento della linea e guarda la curva che appare vicino al puntatore. Indica che puoi modificare la curva. Se vicino al puntatore appare un angolo, significa che puoi modificare il vertice. 3 Trascina la curva per modificarne la forma. 4 Nel pannello Strumenti seleziona lo strumento Sottoselezione ( ). 5 Fai clic sul contorno della forma. 6 Trascina i punti di ancoraggio in una nuova posizione oppure sposta le maniglie per ridefinire l intera forma. Eliminare o aggiungere punti di ancoraggio Utilizza gli strumenti nascosti sotto lo strumento Penna per eliminare o aggiungere punti di ancoraggio, se necessario. 1 Fai clic sullo strumento Penna e tieni premuto il pulsante del mouse per accedere agli strumenti nascosti sotto di esso. 2 Seleziona lo strumento Elimina punto di ancoraggio ( ). 3 Fai clic su un punto di ancoraggio sul contorno della forma per eliminarlo. 4 Seleziona lo strumento Aggiungi punto di ancoraggio ( ). 5 Fai clic sulla curva per aggiungere un punto di ancoraggio. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 65

25 Creare trasparenze A questo punto creerai una seconda onda sovrapposta alla prima. Renderai questa seconda onda leggermente trasparente per dare l impressione di una maggiore profondità. La trasparenza può essere applicata sia al tratto sia al riempimento. La trasparenza viene misurata in percentuale e definita alfa. Un alfa al 100% indica che il colore è completamente opaco, mentre un alfa allo 0% indica che il colore è completamente trasparente. Modificare il valore alfa di un riempimento 1 Seleziona la forma nel livello dark brown wave. 2 Scegli Modifica > Copia. 3 Scegli Inserisci > Linea temporale > Livello e denomina il nuovo livello light brown wave. 4 Scegli Modifica > Incolla in posizione (Ctrl/Comando+Maiusc+V). Il comando Incolla in posizione colloca l elemento copiato nella stessa identica posizione da cui è stato copiato. 5 Scegli lo strumento Selezione e sposta la forma incollata leggermente a sinistra o a destra in modo che le creste dell onda siano disallineate. Nota: Puoi modificare la trasparenza di una forma anche nel pannello Proprietà facendo clic sull'icona Colore riempimento e cambiando il valore Alfa nel menu colore di scelta rapida. 6 Seleziona il riempimento della forma nel livello light brown wave. 7 Nel pannello Colore (Finestra > Colore), imposta il colore del riempimento su una tonalità di marrone leggermente diversa (CC6666) e poi cambia il valore Alfa in 50%. 66 LEZIONE 2 Lavorare con gli elementi grafici

26 Il campione colore in fondo al pannello Colore fornisce un anteprima del colore selezionato. Le trasparenze sono indicate dal pattern grigio che appare dietro il campione colore. Creare un colore corrispondente a quello di un oggetto esistente Se vuoi creare un colore identico a un colore esistente, puoi utilizzare lo strumento Contagocce ( ) per campionare un riempimento o un tratto. Dopo avere fatto clic su una forma con lo strumento Contagocce, Flash fornisce automaticamente lo strumento Secchio di vernice o lo strumento Bottiglia inchiostro con il colore selezionato e le proprietà associate da applicare a un altro oggetto. 1 Nel pannello Strumenti scegli lo strumento Contagocce. 2 Fai clic sul riempimento della forma nel livello dark brown wave. Lo strumento si trasforma automaticamente nel Secchio di vernice con il colore di riempimento campionato. 3 Fai clic sulla forma nel livello light brown wave. Il riempimento nel livello light brown wave si trasforma nel riempimento del livello dark brown wave. Annulla questo passaggio per ritornare alle forme onda di colore diverso. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 67

27 Creare e modificare testo Per finire, aggiungiamo del testo per completare l illustrazione. Flash ha due opzioni di testo, Testo classico e una nuova caratteristica chiamata Testo TLF. Per ulteriori informazioni su Testo TLF, consulta la lezione 7. Per questo progetto utilizzerai la più semplice opzione Testo classico. Quando crei testo sullo Stage e pubblichi il progetto, Flash include automaticamente tutti i tipi di carattere necessari per visualizzare il testo correttamente. Ciò significa che non devi preoccuparti se chi visualizzerà il progetto abbia o meno i tipi di carattere necessari per vedere il testo così come lo hai creato. Utilizzare lo strumento Testo 1 Seleziona il livello più in alto. 2 Scegli Inserisci > Linea temporale > Livello e denomina il nuovo livello text. 3 Scegli lo strumento Testo ( ). 4 Nel pannello Proprietà seleziona Testo classico e scegli Testo statico. 5 Sotto le opzioni Carattere stabilisci una famiglia, uno stile, una dimensione e un colore. 6 Sotto Paragrafo ci sono altre opzioni per formattare il testo, per esempio giustificazione o interlinea. 7 Fai clic sullo Stage e inizia a digitare. Inserisci Garden Court Cafe Taste the Difference. In alternativa puoi fare clic e trascinare una casella di testo per definire la larghezza massima del testo. 8 Esci dallo strumento Testo scegliendo lo strumento Selezione. 68 LEZIONE 2 Lavorare con gli elementi grafici

28 Domande di verifica 1 Quali sono le tre modalità di disegno in Flash e in cosa differiscono? 2 Come si può disegnare un cerchio perfetto utilizzando lo strumento Ovale? 3 In che situazioni si utilizzano i diversi strumenti di selezione di Flash? 4 A cosa serve il pannello Allinea? Risposte 1 Le tre modalità di disegno sono la modalità Disegno unione, la modalità Disegno oggetto e la modalità di disegno Oggetto di base. Nella modalità Disegno unione le forme disegnate sullo Stage si uniscono per diventare un unica forma. Nella modalità Disegno oggetto ogni oggetto resta distinto e separato, anche quando si sovrappone a un altro oggetto. Nella modalità di disegno Oggetto di base è possibile modificare gli angoli, il raggio o il raggio angolo di un oggetto. 2 Per disegnare un cerchio perfetto, basta tenere premuto il tasto Maiusc mentre si trascina lo strumento Ovale sullo Stage. 3 Flash include tre strumenti di selezione: lo strumento Selezione, lo strumento Sottoselezione e lo strumento Lazo. Lo strumento Selezione si utilizza per selezionare un intera forma o un oggetto. Lo strumento Sottoselezione si utilizza per selezionare un punto specifico o una linea in un oggetto. Lo strumento Lazo si utilizza per disegnare un area di selezione a mano libera. 4 Il pannello Allinea serve ad allineare verticalmente od orizzontalmente tutti gli elementi selezionati ed è in grado anche di distribuire gli elementi in modo uniforme. Adobe FLASH PROFESSIONAL CS5 Classroom in a Book 69