Inizio
Mouse
Data
Barra di stato
Filtri su immagine
Script vari
Banner e finestre
Applet
Flash
- realizzare un semplice banner
- inserire il banner in una pagina html
- creare un pulsante
- assegnare un'azione ad un pulsante
- lavorare con i livelli
- modificare un oggetto...
- creare un clip filmato
- trasformare testo in riempimento
- livelli guida movimento
- livelli maschera
- inserire suoni
- inserire sfondi
- inserire un'altra scena
- suggerimenti forma
- inserire una scena di preloading
- duplicare oggetti...
- inserire un effetto ombra
- l'azione tell target
- effetto onda
- inserire dei tooltip
- riprodurre un'animazione
- sfondo trasparente
Le chat e gli amici
E infine
E mail


Cerca nel sito






 

sei in Flash » effetto onda




Effetto onda


Il filmato sopra visualizzato è ottenuto creando un'animazione su un disegno a cui è stato applicato l'effetto onda.

L'animazione è stata poi trasformata in un Movie Clip, inserito nella scena più volte e con dimensioni diverse.

Per brevità non scrivo della procedura del filmato specifico, ma vediamo insieme come si ottiene l'effetto onda. 

Le possibili applicazioni dipenderanno poi dalla nostra fantasia e creatività.



Creiamo un nuovo filmato di dimensione 150 x 100 px con sfondo di colore bianco. Scriviamo flash 4 con font Arial Black, dimensione 12 pt, con l'opzione grassetto e con colore a nostra scelta.

Selezioniamo il testo, lo convertiamo in simbolo grafico (Insert > Convert to Symbol > Graphic) e lo centriamo nel movie (Modify > Align > attiviamo la centratura verticale - terzo pulsante Vertical; orizzontale - terzo pulsante Horizontal - e rispetto alla pagina - spuntiamo Align to page).

Al frame n° 50 di questo livello inseriamo un frame (tasto destro sul frame 50 > Insert Frame).

Inseriamo un altro livello sul livello 1 e trasciniamo dalla libreria il simbolo grafico, centrando anche questo nel movie. 

Inseriamo nel livello 2 al frame n° 20 un fotogramma chiave (tasto destro sul frame 20 > Insert Keyframe).

Selezioniamo quindi il testo in questo fotogramma e lo scaliamo al 137% (Window > Inspectors > Transform > Scale > 137.0 %) e da Modify > Instance > Color Effect > Alpha > 0%.

Cancelliamo gli eventuali frame dal 21 al 50 (clicchiamo senza lasciare e trasciniamo dal 21 al 50 > tasto destro > Delete Frame).

Per rafforzare l'effetto onda, duplichiamo il livello 2 sul livello 3.

Inseriamo un altro livello, selezioniamo i frame dal n° 1 al n° 20 del livello 2 (clicchiamo senza lasciare trascinando dal 1° al 20° e premiamo il tasto Alt. Vedremo che comparirà vicino al cursore il segno + che indica la duplicazione dei frame selezionati. Li trasportiamo sul livello 3 facendo in modo che il primo frame si collochi al frame n° 5 di questo livello.

Il livello 3 non si chiamerà più 3, bensì 2 (essendo una copia) e si differenzierà dall'altro solo perchè l'animazione comincerà al frame 5.

Cancelliamo gli eventuali frame dal 25 al 50 (clicchiamo senza lasciare e trasciniamo dal 25 al 50 > tasto destro > Delete Frame).

Per provare il filmato, andiamo in Control > Test Movie


lucia corvelli webmaker