come si fanno rollover flash??

geng@ · 13-07-2003, 12:15

devo fare un pulsante per rollover che funziona così:

quando il puntatore va sopra al pulsante un pannello si deve muovere e stare giù finchè ci sto sopra, poi tornare al suo posto quando mi sposto dal pulsante.

come si fa?

pento · 13-07-2003, 13:15

esistono diversi modo per fare questo. ti descrivo nel dettaglio un dei modi più intuitivi e semplici:
crei un "movie clip" con 3 layer, denominandoli: "action", "roll over" e "movie".
nel layer "movie" inserirai l'animazione del tuo bottone, es: il bottone nel fotogramma 1 sarà fermo nella sua posizione, nel 10 sarà nella seconda posizione (in basso) e nel 20 tornerà nella posizione iniziale. Animi tutto con "create tween motion" (N.B. Non è importante che il bottone che si muove debba essere un vero e proprio bottone, può essere un oggetto "graphic").
Nel layer "action", metterai l'azione "stop" sia nel fotogramma 1 che nel 10.
in fine in "roll over" creerai due pulsanti, il primo delle dimensioni dell'area sensibile. Se entri all'interno del pulsante vedrai i 4 fotogrammi "up", "over", "down" e "hit"; e metterai la geometria che hai disegnato solo nel fotogramma "hit". In questo modo crei un pulsante completamente trasparente, ma ugualmente sensibile al mouse. Inserisci questo primo pulsante nel primo fotogramma, e dagli l'azione: "on roll over go to and play 2". Poi crea il secondo pulsante, dovrà essere grande come tutta l'area del tuo swf, ma bucato, con il buco coincidente all'area in cui si svolge l'animazione del bottone. Anche questo secondo bottone sarà trasparente con la geometria in "hit". Inserisci il secondo nel fotogramma 10 (corrispondente al secondo stop del layer "action"), con l'azione: "on roll over go to and play 11". Sempre in "roll over" elimina i fotogrammi dall'11 in poi.
In questo modo dovrebbe funzionare, è più semplice di quello che sembra, se dovessi avere problemi, mandami la tua mail che ti spedisco un fla con un esempio.

geng@ · 13-07-2003, 13:33

grazie mille! ora provo.

geng@ · 13-07-2003, 14:08

sieee... ho fatto solo un gran casino...

gengan@freemail.it

pento · 13-07-2003, 15:12

ti ho spedito il fla via mail

geng@ · 13-07-2003, 15:26

grazie mille

geng@ · 13-07-2003, 23:04

mi hanno consigliato anche questo metodo... che è abbastanza veloce e funziona bene:

-crei i due simboli (pulsante e pannello)
-assegna un nome all'istanza dei due simboli (istance name)
-metti nel primo frame della line temporale principale (timeline)
questo script:

setProperty("_root.gino", _visible, false);

script per il pulsante:

on (rollOver) {
setProperty("_root.gino", _visible, "true");
}
on (release) {
setProperty("_root.gino", _visible, false);
}

gino= il nome che dai all'istanza del pannello

cazzarola che casino sto flash... io che ero abituato a farci le animazioni e basta...

pento · 13-07-2003, 23:49

infatti ti avevo detto che ci sono tanti modi. volevo evitarti script vari, ti ho descritto il modo più intuitivo, che da spiegare è lungo, ma da applicare facile e veloce. ma va bene anche lo script, ma solitamente si comincia da questo metodo, successivamente vengono in aiuto anche gli script.

geng@ · 14-07-2003, 00:03

porca l'oca però con lo scriptino il primo pannellino che tiro giù viene bene, poi se mi sposto scompare e quando passo agli altri sono già giù, semplicemente compaiono

mi servirebbe una robina tipo questa puntando sui product and services: movimento in rollover, ritorno all'indietro al rollout.
http://www.xs-engineering.com/ (sticazzi che sito)

digitalfx · 14-07-2003, 01:43

Quote:

Originally posted by "geng@"

http://www.xs-engineering.com/ (sticazzi che sito)

beh diciamo che sembra molto 2advanced (2advanced.com)...

un pò superato come effetti...

vuoi vedere un sito veramente allucinante in flash?

vediti questo vero e proprio CULT
[/siz]

è spettacolare...

dimmi che te ne pare!!!

geng@ · 14-07-2003, 01:46

si, è dei 2 advanced e piuttosto vecchiotto... ma fa quello che voglio io...

il tuo sito... cazzo che roba, ma peso da piagne... vabeh

digitalfx · 14-07-2003, 01:51

Quote:

Originally posted by "geng@"

si, è dei 2 advanced e piuttosto vecchiotto... ma fa quello che voglio io...

cazzo avevo fatto un fla tempo fa con effetti simili

se lo trovo te lo mando

visto NEOSTREAM?

geng@ · 14-07-2003, 02:02

si lìho visto il tuo sito... cazzo che roba, ma peso da piagne... e due

digitalfx · 14-07-2003, 02:14

Quote:

Originally posted by "geng@"

si lìho visto il tuo sito... cazzo che roba, ma peso da piagne... e due

hai notato come si prende a cazzotti il personaggio? troppo allucinante...

dies_irae · 14-07-2003, 03:14

schiscia il bottone "ROLLOVER" e fai avanti avanti avanti...

maurice75 · 14-07-2003, 10:25

Quote:

Originally posted by "digitalfx"

beh diciamo che sembra molto 2advanced (2advanced.com)...

un pò superato come effetti...

vuoi vedere un sito veramente allucinante in flash?

vediti questo vero e proprio CULT
[/siz]

è spettacolare...

dimmi che te ne pare!!!

pento · 14-07-2003, 13:44

il menu di http://www.xs-engineering.com/ è molto più complesso di quello che hai descritto, oltre ad avere l'animazione che va in basso ha anche una sorta di drag dello stesso. per ottenere la stessa cosa non puoi che utilizzare uno script.

geng@ · 14-07-2003, 14:48

no, il drag non interessa... va benissimo quello del menu di sx dove i guadratini si muovono verso il rollover...

mik77 · 14-07-2003, 15:13

prova questo. Devi studiartelo un po'.
scusa per come è spiegato ma è più di un anno che non tocco flash e mi ricordo poco o nulla. ehmm.. comunque non è farina del mio sacco

è un bel casino arrivarci da solo.

ciao

pento · 14-07-2003, 15:44

Quote:

Originally posted by "geng@"

no, il drag non interessa... va benissimo quello del menu di sx dove i guadratini si muovono verso il rollover...

ti ho mandato un'altro esempio via mail, non è molto complesso lo script, prova.

13-07-2003, 12:15	#1
geng@ Senior Member Iscritto dal: Oct 2000 Messaggi: 2923	come si fanno rollover flash?? devo fare un pulsante per rollover che funziona così: quando il puntatore va sopra al pulsante un pannello si deve muovere e stare giù finchè ci sto sopra, poi tornare al suo posto quando mi sposto dal pulsante. come si fa?

14-07-2003, 03:14	#15
dies_irae Senior Member Iscritto dal: May 2001 Messaggi: 1108	schiscia il bottone "ROLLOVER" e fai avanti avanti avanti... __________________ -sei per l'ascesi? -si, sono per l'accidia sentimentale -già... se ti cade una donna sul cazzo tanto meglio... e secondo la teoria dei grandi numeri. (dalle lettere tra geng@ e dies)

13-07-2003, 13:15	#2
pento Senior Member Iscritto dal: Nov 2002 Messaggi: 350	esistono diversi modo per fare questo. ti descrivo nel dettaglio un dei modi più intuitivi e semplici: crei un "movie clip" con 3 layer, denominandoli: "action", "roll over" e "movie". nel layer "movie" inserirai l'animazione del tuo bottone, es: il bottone nel fotogramma 1 sarà fermo nella sua posizione, nel 10 sarà nella seconda posizione (in basso) e nel 20 tornerà nella posizione iniziale. Animi tutto con "create tween motion" (N.B. Non è importante che il bottone che si muove debba essere un vero e proprio bottone, può essere un oggetto "graphic"). Nel layer "action", metterai l'azione "stop" sia nel fotogramma 1 che nel 10. in fine in "roll over" creerai due pulsanti, il primo delle dimensioni dell'area sensibile. Se entri all'interno del pulsante vedrai i 4 fotogrammi "up", "over", "down" e "hit"; e metterai la geometria che hai disegnato solo nel fotogramma "hit". In questo modo crei un pulsante completamente trasparente, ma ugualmente sensibile al mouse. Inserisci questo primo pulsante nel primo fotogramma, e dagli l'azione: "on roll over go to and play 2". Poi crea il secondo pulsante, dovrà essere grande come tutta l'area del tuo swf, ma bucato, con il buco coincidente all'area in cui si svolge l'animazione del bottone. Anche questo secondo bottone sarà trasparente con la geometria in "hit". Inserisci il secondo nel fotogramma 10 (corrispondente al secondo stop del layer "action"), con l'azione: "on roll over go to and play 11". Sempre in "roll over" elimina i fotogrammi dall'11 in poi. In questo modo dovrebbe funzionare, è più semplice di quello che sembra, se dovessi avere problemi, mandami la tua mail che ti spedisco un fla con un esempio.

13-07-2003, 13:33	#3
geng@ Senior Member Iscritto dal: Oct 2000 Messaggi: 2923	grazie mille! ora provo.

13-07-2003, 14:08	#4
geng@ Senior Member Iscritto dal: Oct 2000 Messaggi: 2923	sieee... ho fatto solo un gran casino... gengan@freemail.it

13-07-2003, 15:12	#5
pento Senior Member Iscritto dal: Nov 2002 Messaggi: 350	ti ho spedito il fla via mail

13-07-2003, 15:26	#6
geng@ Senior Member Iscritto dal: Oct 2000 Messaggi: 2923	grazie mille

13-07-2003, 23:04	#7
geng@ Senior Member Iscritto dal: Oct 2000 Messaggi: 2923	mi hanno consigliato anche questo metodo... che è abbastanza veloce e funziona bene: -crei i due simboli (pulsante e pannello) -assegna un nome all'istanza dei due simboli (istance name) -metti nel primo frame della line temporale principale (timeline) questo script: setProperty("_root.gino", _visible, false); script per il pulsante: on (rollOver) { setProperty("_root.gino", _visible, "true"); } on (release) { setProperty("_root.gino", _visible, false); } gino= il nome che dai all'istanza del pannello cazzarola che casino sto flash... io che ero abituato a farci le animazioni e basta...

13-07-2003, 23:49	#8
pento Senior Member Iscritto dal: Nov 2002 Messaggi: 350	infatti ti avevo detto che ci sono tanti modi. volevo evitarti script vari, ti ho descritto il modo più intuitivo, che da spiegare è lungo, ma da applicare facile e veloce. ma va bene anche lo script, ma solitamente si comincia da questo metodo, successivamente vengono in aiuto anche gli script.

14-07-2003, 00:03	#9
geng@ Senior Member Iscritto dal: Oct 2000 Messaggi: 2923	porca l'oca però con lo scriptino il primo pannellino che tiro giù viene bene, poi se mi sposto scompare e quando passo agli altri sono già giù, semplicemente compaiono mi servirebbe una robina tipo questa puntando sui product and services: movimento in rollover, ritorno all'indietro al rollout. http://www.xs-engineering.com/ (sticazzi che sito)

14-07-2003, 01:46	#11
geng@ Senior Member Iscritto dal: Oct 2000 Messaggi: 2923	si, è dei 2 advanced e piuttosto vecchiotto... ma fa quello che voglio io... il tuo sito... cazzo che roba, ma peso da piagne... vabeh

14-07-2003, 02:02	#13
geng@ Senior Member Iscritto dal: Oct 2000 Messaggi: 2923	si lìho visto il tuo sito... cazzo che roba, ma peso da piagne... e due

14-07-2003, 13:44	#17
pento Senior Member Iscritto dal: Nov 2002 Messaggi: 350	il menu di http://www.xs-engineering.com/ è molto più complesso di quello che hai descritto, oltre ad avere l'animazione che va in basso ha anche una sorta di drag dello stesso. per ottenere la stessa cosa non puoi che utilizzare uno script.

14-07-2003, 14:48	#18
geng@ Senior Member Iscritto dal: Oct 2000 Messaggi: 2923	no, il drag non interessa... va benissimo quello del menu di sx dove i guadratini si muovono verso il rollover...

14-07-2003, 15:13	#19
mik77 Senior Member Iscritto dal: May 2000 Città: Rosà (VI) Messaggi: 2573	prova questo. Devi studiartelo un po'. scusa per come è spiegato ma è più di un anno che non tocco flash e mi ricordo poco o nulla. ehmm.. comunque non è farina del mio sacco è un bel casino arrivarci da solo. ciao

Strumenti
Mostra una versione stampabile Invia questa pagina per email