Homepage -> Guida SWISHmax



REALIZZARE UN SITO (LAYOUT)




Anteprima Movie





  1. Come prima cosa dovete creare le varie scritte e forme; in ordine il rettangolo bianco sopra la scritta Monroe, quello nero per l'effetto di sinistra, le varie scritte ( in duplice copia visto che dovete creare anche l'ombra ), la sprite "Eye" relativa all'effetto di sinistra, i vari rettangoli rossi, la foto della ragazza, e la sprite "eyeshadow" relativa all'effetto degli occhi.




    Fig. 1





    Fig. 2



  2. Gli effetti da applicare a tale scena sono mostrati di seguito.




    Fig. 3



    I due place sono semplici da configurare; dovete solo cambiare il valore dell'Alpha a 50%.

  3. Vediamo ora la sprite "Eye": essa č composta da vari rettangolini bianchi e dalla sprite "Sprite" contenente anche essa delle ../immagini rettangolari "Babe.jpg":




    Fig. 4





    Fig. 5





    Fig. 6





    Fig. 7





    Fig. 8



    Gli effetti e le azioni della Sprite "Eye" sono mostrati nelle Figure successive:




    Fig. 9





    Fig. 10








    Fig. 11



    Mentre quelli relativi alla sotto-sprite "Sprite" sono mostrati qui di seguito:




    Fig. 12





    Fig. 13





    Fig. 14



  4. Vediamo ora la Sprite "Eyeshadow": essa č composta da una ellisse e da una sotto sprite dello stesso nome e contenente un'altra ellisse pių piccola e di colore pių chiaro.




    Fig. 15





    Fig. 16





    Fig. 17



    Gli effetti e le azioni della Sprite "Eyeshadow" sono mostrati nelle Figure successive:




    Fig. 18





    Fig. 19





    Fig. 20



    Mentre quelli relativi alla sua sotto-sprite sono mostrati qui di seguito:




    Fig. 21





    Fig. 22





    Fig. 23



  5. A tal punto non rimane altro che salvare l'applicazione ed esportarla come file flash.


  6. Ora dovete realizzare il menų e la parte dei contenuti; la prima scena riguarda appunto il menų, mentr le altre scene le pagine che devono comparire quando si cliccano i tre link.




    Fig. 1



  7. Vediamo ora la prima scena "menu": essa č composta dalle varie forme e dalle tre sotto sprite relative ai tre bottoni/link. Importante č il settaggio dell'opzione "Use this scene as background", senza la quale il menų scomparirebbe quando vengono visualizzate le altre scene.




    Fig. 2





    Fig. 3



    Gli Effetti e le Azioni da applicare a tale scena sono mostrati di seguito; gli effetti Place servono semplicemente a far posizionare tutti gli oggetti, mentre l'azione STOP č necessaria pe rnon far proseguire la Timelinebar.




    Fig. 4





    Fig. 5



  8. Vediamo ora la sotto sprite "Port_button": essa č costituita da varie scritte e dalla forma/immagine "_159.gif" necessaria per creare lo sfondo e l'effetto sul bottone.




    Fig. 5





    Fig. 6





    Fig. 7



    Le Azioni e gli effetti da applicare a tale sprite sono mostrati qui di seguito:




    Fig. 8





    Fig. 9





    Fig. 10



    Per creare l'effetto del Link, visto che non č stato creato alcun bottone, bisogna inserire le seguenti Azioni alla scritta "Portfolio"; quindi al click, verrā lanciata la scena "port".




    Fig. 11



    Per gli altri due bottoni, non cambia niente, se non quest'ultima azione:




    Fig. 12





    Fig. 13



  9. Vediamo ora la seconda scena "cont", lanciata appunto dal bottone "cont_button": essa contiene la sotto sprite "contenuto2", a sua volta contenente la scritta ed il bottone per inviare una email.




    Fig. 14





    Fig. 15





    Fig. 16


    Le Azioni e gli effetti da applicare a tale sprite sono mostrati qui di seguito:




    Fig. 17





    Fig. 18



    Le Azioni e gli effetti da applicare alla sotto sprite "contenuto2" sono mostrati qui di seguito:




    Fig. 19





    Fig. 20



  10. Vediamo ora la terza scena "serv", lanciata appunto dal bottone "serv_button": essa contiene la sotto sprite "contenuto3", a sua volta contenente una semplice scritta.




    Fig. 20





    Fig. 21





    Fig. 22



  11. Vediamo ora la quarta scena "port", lanciata appunto dal bottone "port_button": essa contiene la sotto sprite "contenuto4", a sua volta contenente i vari Links e la sotto sprite "PAGES".




    Fig. 23





    Fig. 24


    Le Azioni e gli effetti da applicare a tale sprite sono mostrati qui di seguito:



    Fig. 25



  12. Vediamo ora la sotto sprite "contenuto4": le Azioni e gli effetti da applicare a tale sprite sono mostrati qui di seguito:




    Fig. 26





    Fig. 27


    Ora dovete scrivere le Azioni dei vari Links, che saranno uguali a meno del nome della Sprite che richiamano ( "view1", "view2",... ):




    Fig. 28



  13. Vediamo ora la sua sotto sprite "PAGES": essa contiene le varie sotto sprite "view" necessarie a far visualizzare la relativa pagina. Le Azioni e i settaggi da applicare a tale sprite sono mostrati qui di seguito:




    Fig. 29



  14. Vediamo ora la sotto sprite "view1": essa contiena tutte le forme e scritte necessarie a creare il layout della pagina relativa al link cliccato.




    Fig. 30





    Fig. 31/span>





    Fig. 32



  15. Le altre sprites "view" sono identiche alla precedente solo che non alcuna Azione settata.


  16. A tal punto non rimane altro che salvare l'applicazione ed esportarla come file flash.