Semplice effetto con le linee utilizzando le maschere
Postato il:
12/05/2004
Letto:
812
volte
Creare un semplice effetto utilizzando le semplici linee bianche tratteggiate con la matita e applicando le maschere otteniamo quei piccoli punti bianchi che si muovono in continuazione sull'immagine creando un semplice impatto visivo, catturando l'occhio del navigatore. Similmente come vediamo qui sotto:
Questo tutorial è davvero semplicissimo e non l'utilizza la programmazione actionscript, utilizza una semplice barra bianca e l'interpolazione movimento.
Ora seguiamo passo, passo come creare questo effetto. Per la spiegazione di questo tutorial ho utilizzato questa immagine in formato jpg.
Prima di tutto apriamo il programma Flash MX 2004 (vanno bene anche la versione 5 e MX)e importiamo l'immagine nella libreria.
Dopo aver esportato l'immagine nella libreria cliccando su
File > Importa > Importa nella libreria...
adesso, creiamo un nuovo documento FLA e salviamo subito, prima di fare ogni passo. E impostiamo l'area di lavoro (avente le stesse dimensioni dell'immagine importata nella libreria) a 315*230 pixel e cambiamo il colore dello sfondo passando dal bianco ad un colore più scuro, ho scelto il grigio, perchè quando disegneremo le linee bianche non si noterà nulla ai nostri occhi.
Ora apriamo la Libreria (premendo Ctrl + L) e trasciniamo l'immagine nell'area di lavoro, ora premiamo Ctrl + K per richiamare la finestra Allinea e centriamo perfettamente l'immagine nell'area di lavoro.
Ora creiamo un nuovo livello e battezziamolo "Effetto linee" o scegliete voi un nome a vostro caso, sul nuovo livello appena creato disegniamo con lo Strumento matita (pannello strumenti) delle linee bianche (aventi un 1 pixel di spessore) che tracciano una linea all'interno del mondo come vedete in figura qui sotto:
Adesso passiamo dallo Strumento Matita allo Strumento Freccia e selezioniamo tutta la linea bianca che abbiamo disegnato sul nuovo livello e premiamo il tasto F8 per convertire la linea in simbolo e su Comportamento selezioniamo Clip Filmato e come nome mettiamo effetto linee 1, vediamo la foto qui sotto:
e questo Clip Filmato sarà salvato nella libreria, ora apriamo la finestra libreria (Ctrl + L) clicchiamo 2 volte sul Clip Fimato appena creato e andremo in una nuova area di lavoro.
In questa nuova area di lavoro noteremo lo sfondo grigio e la linea bianca nel livello 1, come vediamo in figura qui sotto:
Ora creiamo un nuovo livello e chiamiamolo barra bianca. Prendiamo lo Strumento Linea e disegniamo una piccola barra bianca avente uno spessore di 10 pixel e premiamo F8 per convertirla in simbolo grafico e verrà memorizzato nella libreria.
Ora dobbiamo creare un'interpolazione movimento alla barra bianca, cercando di farla muovere sopra la sottile linea bianca.
Adesso utilizziamo la maschera per ottenere l'effetto finale. Come facciamo?? Andiamo sul livello barra bianca e con il tasto destro del mouse evidenziamo la voce Maschera come si vede nella figura qui sotto:
Adesso clicchiamo per applicare la maschera alla barra bianca, ottenendo il semplice effetto di cui stiamo parlando. La maschera nasconde la barra bianca dietro la linea sottile facendo vedere una sottile linea bianca che scorre lungo la traittoria impostata. Come vediamo qui sotto:
Ora salviamo tutto e facciamo partire il progetto in anteprima (Ctrl + Invio) noteremo all'immagine una sottile linea bianca che si muove per catturare l'attenzione del navigatore.
Se vogliamo rallentare o aumentare la velocità del movimento abbassiamo/alziamo i fps dalla proprietà dello stage.
Un tutorial semplicemente perfetto. Sono risucita a creare un effetto simile con una sola linea e come faccio ad aggiungere nuove linee oltre a quella??