Come fare una barra di navigazione Uso di Flash 8

October 6

Flash è utilizzato da sviluppatori web di creare varie parti di un sito web, inclusi i banner, barre di navigazione, lo streaming video e le cornici e le animazioni. Alcune aziende, come Disney.com, ha utilizzato Flash per costruire il loro intero sito. Una barra di navigazione Flash è infinitamente personalizzabile e interattivo, limitata solo dalla vostra immaginazione e capacità artistica. Il primo passo è quello di avere in mente un concetto di design che integra il vostro sito web. Da lì, la meccanica di costruzione di una barra di navigazione flash può essere abbastanza semplice.

istruzione

Preparare Pulsanti

1 Utilizzare gli strumenti di disegno sulla barra degli strumenti Flash per disegnare il pulsante ideale o, se si preferisce, usare File> Importa> Importa nello stage, per importare il disegno pulsante da un altro programma come Photoshop o Illustrator.

2 Sinistro del mouse sul pulsante e premere il tasto "F8" per trasformarlo in un simbolo movieclip. Nome il "pulsante" simbolo o qualcosa di simile. Fare doppio clic sul pulsante per inserire il simbolo per la modifica. Premere il tasto "F8" per trasformare il vostro pulsante in un simbolo nuovo. Dategli un nome e premere il tasto "OK".

3 Fare clic sul pulsante "Nuovo livello" sulla timeline per inserire un nuovo livello sopra quello corrente. Sinistro del mouse sul nome del livello e chiamarlo "testo". Premere il pulsante "Nuovo livello" di nuovo sulla timeline per inserire un nuovo livello sopra quello corrente. Anche in questo caso, sinistro del mouse sul nome del livello e chiamarlo "ActionScript". Clicca sul primo fotogramma chiave di questo nuovo livello e premere "F9" per aprire il pannello Azioni. Digitare il comando:

Stop()

Chiudere il pannello Azioni.

4 Clicca sul primo fotogramma chiave del livello di testo si è creato. Fare clic sullo strumento Testo dalla barra degli strumenti. Assicurarsi che il tipo di testo che si sta ponendo è "Testo dinamico" dal campo a discesa nella finestra di ispezione Proprietà, quindi fare clic su un'area sopra il vostro tasto. Digitare "testo segnaposto" o qualcosa di simile nel campo di testo. Premere il tasto "F8" per attivare il testo in un simbolo movieclip. Dare un nome a piacere e premere "OK". Ora dare il vostro simbolo testo un nome di istanza di "textInside" nella finestra di ispezione Proprietà.

5 Fare doppio clic sul simbolo movieclip del testo per entrare per la modifica. Selezionare il campo di testo e dargli un nome di testo di "myText." Sotto la linea temporale, fare clic sul collegamento breadcrumb per tornare verso il palco principale e timeline.

Aggiungi il tuo RollOver ed effetti rollout

6 Fare doppio clic sul simbolo del pulsante sul palco per entrare per la modifica di nuovo.

7 Sulla timeline, fare clic destro sotto keyframe 7 dello strato pulsante e scegliere "Inserisci fotogramma chiave" dal menu contestuale. Modificare il pulsante in qualunque modo si adatta al vostro sito, creando quello che il pulsante sarà simile a quando un cursore rotola su di esso. Creare un effetto di bagliore intorno ad esso utilizzando i filtri o torcere o cambiarne le dimensioni utilizzando gli strumenti sulla barra degli strumenti.

8 Pulsante destro del mouse sul fotogramma chiave 1 in cui il pulsante è e scegliere "Copy Frames" dal menu contestuale. Fai clic destro sul telaio 20 di tale livello nella linea temporale e scegliere "Incolla Frames" dal menu contestuale. Pulsante destro del mouse nello spazio grigio tra i fotogrammi chiave 1 e 7 e scegli "Crea interpolazione movimento." Fare lo stesso tra i fotogrammi chiave 7 e 20.

9 Ripetere i punti 2 e 3, tranne ora lo fanno per lo strato di testo creato nella sezione 1, punto 3, inserendo il fotogramma chiave per esso e modificando il testo (colore, forma, dimensione, effetto filtro, etc.) qualsiasi modo si desidera.

10 Fai clic destro sul livello ActionScript sotto fotogramma chiave 7 e scegliere "Inserisci fotogramma chiave" dal menu contestuale. Premere il tasto "F9" per aprire il pannello Azioni e digitare il comando:

Stop();

Chiudere il pannello azioni.

11 Passare indietro alla linea temporale principale e creare duplicati del vostro pulsante da una tenendo premuto il tasto "Ctrl" mentre si fa clic e si trascina via una copia dall'originale, o facendo clic destro sul pulsante originale e scegliere "copia" e poi a destra -click sul palco e scegliendo "pasta". Una volta che avete il maggior numero di tasti di cui hai bisogno per la vostra barra di navigazione, disporle sul palco nell'ordine desiderato. Fare clic sul primo pulsante e assegnategli il nome di istanza nella finestra di ispezione Proprietà di "button_01", il nome del secondo pulsante "button_02" e così via.

Alimentare la barra di navigazione con ActionScript

12 Selezionare il primo fotogramma chiave della linea temporale principale e premere F9 per aprire il "Azioni Panel". In primo luogo, inserire il codice di modificare i campi di testo dinamici all'interno della vostra pulsante per il testo vero e proprio che si desidera, ad esempio:

button_01.textInside.myText.text = "Home"

button_02.textInside.myText.text = "Chi"

13 Creare il codice per il passo e chiudo azioni del vostro pulsante:

button_01.onRollOver = sopra;

button_01.onRollOut = fuori;

button_02.onRollOver = sopra;

button_02.onRollOut = fuori;

funzionare sopra () {

this.gotoAndPlay (2);

}

funzionare out () {

this.gotoAndPlay (8);

}

14 Creare la funzione onRelease per i pulsanti di essere tutto ciò che più vi si addice. Di solito sarà una richiesta "getURL", ma solo se non si è la costruzione di un intero sito web in Flash.