Biagio Di Stefano

In questo articolo andremo a realizzare con Flash 8 una clip filmato con un effetto luce in movimento.

Creiamo un nuovo documento Flash, disegnamo il nostro oggetto (nell'esempio un rettagolo con bordi smussati e riempimento in sfumatura lineare), e convertiamolo in filmato Flash premendo il taso funzione [F8].

Apparirà la seguente finestra di conversione in simbolo.


Selezioniamo clip filmato e diamo un nome al simbolo (ad esempio box).

Con un doppio click sul nuovo simbolo creato, entriamo nell'istanza per modificarne le proprietà.

Come possiamo notare, nella linea temporale abbiamo un unico livello con un unico fotogramma chiave.

Rinominiamo il nostro livello con un semplice doppio click sul nome del livello stesso (chiamiamolo ad esempio - Base).

Ora aggiungiamo un nuovo livello cliccando sull'apposita icona, inserisci livello, locata in basso a sinistra alla linea temporale, e chiamiamolo Maschera.

A questo punto passiamo a duplicare il fotogramma chiave del livello base nel livello maschera con la seguente procedura:

• Click col tasto desto del mouse sul fotogramma chiave di base
• Selezionare la voce copia fotogramma
• Click col tasto desto del mouse sul fotogramma chiave di maschera
• Selezionare la voce incolla fotogramma

Abbiamo così ottenuto un livello con un fotogramma maschera che risulta essere la copia esatta di base.

Ora creiamo un nuovo livello, che chiameremo luce, e passiamo a realizzare un rettangolo verticale per simulare l'effetto bagliore.

Una volta disegnato il rettangolo con l'apposito strumento (R), selezioniamo dalla finestra colore, una sfumatura lineare come visualizzato in quest'immagine:


Come potete notare dalle parti evidenziate in rosso, il nostro rettangolo verticale (a sinistra) è stato riempito con una sfumatura lineare in tre punti.

Tutti e tre hanno come colore utilizzato il bianco (esadecimale: #ffffff), l'unica differenza sta nel fatto che mentre il centrale ha un alfa 100%, i due laterali, invece, hanno come alfa 0%.

Per chi non lo sapesse, la proprietà alfa sta a indicare l'opacità (o trasparenza) del colore utilizzato per riempire l'oggetto.

Fatto ciò, abbiamo ottenuto un rettangolo la cui superfice è composta da una fascia bianca centrale che sfuma in trasparenza verso i bordi esterni.

Ora incliniamo di 45 gradi il rettangolo appena realizzato utilizzando la finestra trasforma.


Sinceriamoci che il livello Luce sia interposto tra Maschera e Base, e, dopo aver convertito il rettangolo sfumato in simbolo grafico [F8] (nominandolo bagliore), spostiamolo esternamente e sul lato sinistro del simbolo box.

Ora facciamo in modo che il nostro simbolo bagliore si sposti da sinistra a destra del box.

Sulla linea temporale dei livelli Maschera e Base, inseriamo fotogrammi in posizione 80, mentre sul livello Luce, impostiamo un fotogramma chiave [F6] in posizione 30.

Ora selezionando il fotogramma chiave di Luce appena creato, passiamo a spostare il simbolo bagliore sul lato esterno desto di box (per un perfetto spostamento orizzontale, durante l'operazione tenete premuto il tasto shift).

Poi posizioniamoci sul primo fotogramma chiave del livello Luce e inseriamo un interpolazione movimento dal menu inserisci. Inserisci / Linea temporale / Crea interpolazione Movimento
Ora non ci resta che convertire il livello che abbiamo nominato Maschera, in una vera e propria maschera del livello Luce.

Selezioniamo il livello Maschera e cliccandoci col tasto destro selezioniamo la voce maschera.

Otterremo così una linea temporale del tipo:


Per una resa più fluida del filmato, impstiamo la frequeza dei fotogrammi ad almeno 25 Fps.

Articolo scritto da Leonardo Di Roberto il 17/03/2008

__________________
Biagio Di Stefano

Corrado Spada

biagio è possibile vdere l'swf???

ps.: io sto preparando un tutorial su come ralizzare un radar in flash...

__________________
che mondo sarebbe senza Adobe???

Biagio Di Stefano

Purtroppo l'swf non ce l'ho a disposizione, ma si può creare abbastanza facilmente quindi conto di fartelo avere presto! Intanto attando il tuo tutorial!

__________________
Biagio Di Stefano

Corrado Spada

ecco l'swf

Files allegati

fascio di luce.swf‎ (371 Bytes, 26 visite)

__________________
che mondo sarebbe senza Adobe???

Luca Cardella

bello st'effetto, devo provarlo

__________________
My DA http://pr3z1oso.deviantart.com