Oggi vedremo come creare una maschera sfumata.
Prima di tutto per realizzare un progetto simile dobbiamo usare una versione di flash 8 o superiore.
I livelli maschera sono un ottima funzione per produrre effetti tipo riflettore.
Attraverso una maschera, applicata ad un livello, si possono vedere solo certi oggetti dello stage mentre si svolge il filmato.
La maschera deve essere effettuata sul livello, applicata tramite actionscript, indicando sia la maschera che l’oggetto mascherato, le quali dovranno essere dei movieclip.
Una cosa molto importante da fare, è di spuntare il check-box “Usa caching bitmap in runtime” nel pannello proprietà.

Vediamo come procedere per creare una maschera sfumata con Flash 8
Per creare questo effetto dovremo utilizzare il metodo setMask, vediamo come funziona:
Questa è la sintassi:
filmato_mc.setMask(mask_mc);
Quindi tornando all’esempio, filmato_mc potrebbe essere un clip filmato con dentro un’immagine e mask_mc un clip filmato con un’animazione al suo interno, che viene utilizzata come maschera.
Infine per annullare una maschera creata con ActionScript, basterà passare il valore null al metodo setMask() senza incidere sul livello, in questo modo:
filmato_mc.setMask(null);
Scarica il sorgente
Guarda il Tutorial
File e source di Pasavign
Senza categoria

11 Commenti
floppy
7 Novembre 2007 alle 21:13 pm
ma, per pura curiosità, c’è qualcosa su questo blog che hai fatto tu ?
Gogeta86
7 Novembre 2007 alle 22:25 pm
Ottimo tutorial, spiegato anche bene
Julius
8 Novembre 2007 alle 11:49 am
@floppy ciao non riesco a capire se la tua domanda sia provocatoria o meno comunque ecco l’elenco dei tutorials flash per ora sul blog, fatti da me a grande richiesta:
Apertura di una popup da Flash
Banner Random in Flash
Classe Key
Classe Sound();
Classe Tween
ComboBox Flash
Creare pulsanti Web 2.0 con Flash 8
Dynamic Gallery con miniature scorrevoli
duplicateMovieClip - Duplicare oggetti
Flash con sfondo trasparente
Flash e Database MySQL
Flash e Lightbox
Flash Overlay: Scrivere sull’HTML
FLVplayer dinamico con playlist
FLVPlayer Dinamico Liquido
Galleria dinamica v1 in Flash
Google in Flash
Intercettare Inattività dell’USER
iPodPlayer in Flash: Nuova versione
iPodPlayer - Riproduttore Mp3
LoadMovie in coordinate dinamiche
_lockroot: a cosa serve? Come funziona?
Mini Player Mp3 in Flash
Newsletter: Gestione in Flash
News verticali dinamiche in Flash
PageFlip e LightBox
Preloading Flash stile Windows Vista
Quiz in flash
Seguire il mouse con effetto decellerato
Stage Resize - Resize automatico
Trascinare un oggetto
Pulsante trasparente
Non ho messo il link perchè non mi sembrava il caso di perdere tempo…
gipris
8 Novembre 2007 alle 15:00 pm
Bella risposta, bravo!
per quanto riguarda la mascheratura… utilissima! thx
Daniela
9 Novembre 2007 alle 15:53 pm
Julius > Sinceramente penso che sei 1 persona che davvero le sa le cose, infatti, non è la prima volta che su “richiesta” mi aiuti a risolvere 1 problema!
E per la maskera sfumata! davvero 1 cosa utile! Grazie anche per aver uppato il sorgente!
Don’t Break My Ball: Scegli il vincitore! « JuliusDesign
23 Novembre 2007 alle 12:44 pm
[...] Autore Floppy su Creare una Maschera sfumata in Flash [...]
Microcipcip
10 Febbraio 2008 alle 18:45 pm
Ciao, ho un problema con questo tutorial. Ho provato a ricrearlo usando immagini differenti, però quando clicco sul pulsante l’immagine che appre non è sfumata! Come maschera ho usato un cerchio con gradiente radiale, il gradiente ha l’opacità settata a 0% nel bordo esterno, ma continuo a vedere l’immagine senza la sfocatura. Sai dirmi perchè?. Grazie in anticipo.
ilaria
13 Aprile 2008 alle 1:09 am
ciao,
magari hai gia risposto, ma non ho trovato nulla per ora.
ho lavorato sul sorgente, ma se voglio usare la stessa maschera per nascondere altre immagini oltre la prima?
quando lo faccio non sembra piu funzionare e vedo la maschera colorata…
grazie
ilaria
Julius
13 Aprile 2008 alle 18:00 pm
Hai impostato come nell’esempio la maschera alle altre immagini?
marcob
17 Agosto 2008 alle 10:08 am
pero , in flash mx 6.0 , non il checkbox “Usa caching bitmap in runtime”
come posso fare (Senza scaricare la versione nuova) a farlo ?
Marco Siviero
30 Agosto 2008 alle 0:59 am
Bella julius
Scrivi un Commento
tag abilitati: <code> </code> | <a href=""> </a> | <strong> </strong> | <i> </i>