Homepage -> Guida SWISHmax
REALIZZARE UN SITO (LAYOUT)

Anteprima Movie
- 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
- 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%.
- 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
- 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
- A tal punto non rimane altro che salvare l'applicazione ed esportarla come file flash.
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- Le altre sprites "view" sono identiche alla precedente solo che non alcuna Azione settata.
- A tal punto non rimane altro che salvare l'applicazione ed esportarla come file flash.