Per Info clicca qui

Un trucco al giorno nella tua casella di posta elettronica?


Advertising - Circuito banner pubblicitario Merlin Wizard srl - www.ilbanner.com

scarica la lezione.gif (284 byte)

Scarica questa lezione 21,5KB

Questo tutorials e' stato tradotto dalla versione inglese presso il sito www.lynda.com  

Come fondere in un'unica proiezione più serie di eventi con Fireworks 2

Una delle più potenti caratteristiche di FireWorks 2 è la capacità di cambiare più immagini nello stesso tempo, durante la loro proiezione. In questo esempio, proiettare le parole "rosso", "verde" ed "azzurro", provocherà anche la visualizzazione della stellina rossa, verde, e poi azzurra
 


1. Scrivi le parole rosso, verde, ed azzurro come tre blocchi di testo separati.

2. Usa Modify > Align per allineare i blocchi di testo a sinistra, e poi per incolonnarli ordinatamente.

3. Crea una stellina accanto al testo, con lo strumento Poligono i( Options > Polygon = Star).

4. Spostati su <Frames> e copia tre volte l'intera Inquadratura: con ciò avrai ottenuto quattro Inquadrature, tutte con l'atrwork nero [= come per magia - n.d.t.]

5. Nella seconda inquadratura, colora di rosso sia la parola "rosso" che la stellina. Mettigli dentro un cerchietto fiammeggiante, che copierai anche nelle inquadrature successive.

6. Nella terza, colora di verde la stellina, il cerchietto, e la parola "verde"

7. Nella quarta, colora di azzurro la stellina, il cerchietto, e la parola "azzurro"


8. Torna alla prima inquadratura, seleziona ciascun oggetto e scegli Insert > Slice: ciò creerà automaticamente un campo a zone, le quali si adattano perfettamente a ciascuna forma. A questo punto è molto importante dare un nome ad ogni zona. nella finestra di controllo "Object Inspector": 'rosso', 'verde', 'azzurro', e 'stella'

  

 

9. Attiva la zona rossa e premi il segno "+" nella finestra "Behaviors ( = comportamento). Scegli il comportamento Scambio Immagine, seleziona il nome "rosso" e la seconda inquadratura. Ancora, ripeti tutti i comandi, ma questa volta riferendo - sempre alla seconda inquadratura - il nome "stella".

10. Da capo, per la zona verde: attivale e premi il segno "+" nella finestra "Behaviors ( = comportamento). Scegli il comportamento Scambio Immagine, seleziona il nome "verde" e la terza inquadratura. Ancora, ripeti tutti i comandi,  riferendo il nome "stella".

11. Ripeti lo stesso procedimento anche per la zona azzurra.

12. Scegli Anteprima del file ( = F12 ) per vedere l'effetto che fa...

13. Seleziona Export > Adaptative Web Snap (= Predisporre alla Collegamento al Web), e premi Next (= Avanti); rammenta di esportare il file in formato HTML Dreamweaver 2 (= TessitoreDiSogni-2)

Ed ecco fatto! Dopo tanti click, ma senza neanche toccare un editor HTML, hai creata una graziosa scritta animata in Java! Carino !

 [traslate by alfridus@tin.it].


 
Iscriviti alle nostre newsletter

|HomePage| Sezione Grafica|                                                                                         |Vai al prossimo Tutorial Fireworks|

 scarica la lezione.gif (284 byte) Scarica questa lezione 21,5KB

Aggiornamenti e novità  |Forum | Sezione Download | Sevizi utili | Supporta GuidainLinea | Guida al sito | Rassegna Stampa | Home page