Sintesi

In questo tutorial vi spiegherà come creare un effetto a catena d'acqua che segue il cursore del mouse.

Spostate il mouse sopra il filmato flash qui sotto per vedere l'effetto:

move mouse su swf

Requisiti

Flash 8, Flash CS3 o Flash CS4.

Nota: La schermata di questo tutorial è fatto in Flash CS3. Funziona esattamente la stessa cosa in Flash 8 e Flash CS4. Questo tutorial è ActionScript 2 (anche se non ActionScript è richiesto).

Step 1 - Installare il componente effetto

Scarica la pioggia goccia d'acqua Effect qui. Si prega di seguire le istruzioni per l'installazione e trascinare il componente dal pannello componente nella libreria del file. Fla.

Trascinare il componente nella libreria

Passaggio 2 - Creare un MovieClip Immagine

Importare un'immagine premere [Ctrl-R] o "File" -> "Importa" -> "Importa on Stage ...".

Importazione di immagini

Selezionare questa immagine e convertirla in un movieclip [premere F8] o tasto destro del mouse sul MovieClip -> "Converti in simbolo ...". MovieClip dare il nome di "immagine".

Nome MovieClip

Impostare il nome di istanza del MovieClip. L'uso "image_mc". Il suo importante per impostare un nome di istanza, altrimenti il componente non trova il MovieClip. BTW, la designazione spetta a voi, è possibile scegliere un altro nome, se vuole Oyu. Solo assicurarsi che il nome di istanza è projectwide unico.

Impostare il nome istanza

Fase 3 - Applicare l'effetto di un MovieClip e set di parametri

Trascinare il componente sul MovieClip. La componente snapps automaticamente.

Trascinare componente su Movieclip

Aprire la finestra di ispezione dei componenti del pannello -> "ispezione dei componenti". Qui è possibile impostare i parametri per l'effetto. Movieclips con tutti i nomi di istanza in questa cornice sono elencati nella sezione "Target Movieclip" nell'elenco di selezione. Dal momento che si dispone di un solo MovieClip, il componente assume, a cui si desidera applicare l'effetto sul MovieClip "image_mc". Impostare il "Cursore sensibili" opzione "Sì" per rendere l'effetto dell'acqua seguire il mouse.

Parametro fissato all'interno di ispezione dei componenti

Nota: Queste impostazioni vengono applicate solo a questa istanza uno dei componenti effetto. Se si disegna il componente su un altro MovieClip (da qualche altra parte all'interno del fla. O in un nuovo progetto) è necessario impostare le impostazioni di nuovo.

Fase 4 - Export

Esportare il Comando Movie -> "Prova filmato" o [Ctrl-press ENTER] e vedere il risultato. Se non siete soddisfatti, tornare indietro e modificare le impostazioni nel pannello di ispezione dei componenti.

Scaricare

Clicca qui per scaricare il fla di questo tutorial. Nota: La fla. Comprende la versione di prova del componente effetto, che può funzionare solo in IDE Flash (Flash 8, Flash CS3 o Flash CS4), ma non all'interno del browser.

È anche possibile scaricare l'acqua Ripple componente qui.

  • Share / Bookmark