Diversi visitatori mi hanno chiesto come è possibile realizzare un effetto bagliore come quello nel nostro bannerino ... niente di più facile!
In questo tutorial realizzeremo un avatar flash che avrà appunto un effetto bagliore che lo farà apparire più sbrilluccicoso!
Qui puoi trovare l'immagine di partenza che ho utilizzato. (ringrazio Crystalrose per il bellissimo bannerino che ho molto pigramente scroccato :P )
1- Crea un nuovo documento.
Dal Pannello Proprietà imposta come dimensione 100 X 100 pixel e con 24 fotogrammi ogni secondo.
2- Importa la tua immagine.
Importa la tua immagine sullo sfondo (File > Importa > Importa nello Stage oppure Ctrl+R) e posizionala al centro dello stage. Per farlo utilizza sempre il pannello Proprietà ed assegna i valori X= 0 ed Y=0
3- Crea un rettangolo
Inserisci un nuovo livello nella linea temporale e con lo strumento Rettangolo (R) disegna un rettangolo bianco, senza traccia, grande circa 50x200 pixel, quindi lo converto in un simbolo (Elabora > Converti in Simbolo> Simbolo> Clip Filmato oppure F8).
Tutto quello che dobbiamo fare adesso è animare questo quadrato in modo che passi davanti alla nostra immagine e dia l'illusione del bagliore. Prima però dobbiamo ancora fare qualche modifica per renderlo più gradevole!
4-Posiziona il rettangolo bianco accanto all'immagine facendo attenzione che non si sovrapponga, quindi ruotalo (Finestra > Trasforma > Ruota> 20% ).
Dal pannello proprietÃ
scegli un filtro di Sfocatura.
Qui sotto ci sono i parametri che ho usato io:
Ed ecco come dovrebbe apparire il tuo stage a questo punto:
5- Non resta che animare il rettangolo!
Se hai seguito correttamente il tutorial, a questo punto avrai l'immagine di sfondo sul primo livello, mentre il rettangolo-bagliore nel secondo. Questo è molto importante perchè l'animazione non può funzionare se ci sono altri elementi sullo stesso livello. Se hai fatto tutto sullo stesso livello fai semplicemente un taglia-incolla del rettangolo sul nuovo livello.
Crea due nuovi fotogrammi chiave (F6) in corrispondenza del fotogramma 15 dei nostri due livelli. Spostati proprio sul fotogramma numero 15 del livello contenente il bagliore e sposta il rettangolo dalla parte opposta dell'immagine: questi fotogrammi rappresenteranno il punto di partenza e di arrivo del nostro bagliore.
6- Clicca su uno dei fotogrammi intermedi del livello bagliore e creare un'interpolazione di movimento (Click Destro sul fotogramma> Crea Interpolazione di Movimento).
La linea temporale si colorerà di viola ad indicare che è stata inserita correttamente l'animazione.
Ecco come deve apparire la timeline del filmato:
Il nostro bagliore è terminato, F12 per provare l'effetto finale.
Se vuoi puoi personalizzare il tuo bagliore:
aggiungi alcuni fotogrammi all'animazione per rallentare lo scorrere dell'effetto,
puoi impostare un Alfa dal pannello proprietà per diminuire l'intensità della luce.
Nel mio caso ho preferito aggiungere qualche fotogramma non animato per evitare che l'effetto si ripetesse troppo spesso.
