Maski Flashilla

Maskin käyttöön pitäisi kiinnittää enemmän huomiota kuin siihen kiinnitetään. Maskaaminen on erittäin kätevä tapa toteuttaa eri asioita mm. animaatioita tehtäessä.

Mistä maskissa on sitten kyse? Maskilla peitetään näkyvistä – tai tuodaan esille, riippuu tavasta katsoa – osia kuvasta/animaatiosta. Maski voidaan animoida, ts. näytettävä/peitettävä osa kuvasta voidaan tuoda hetkeksi esille ja peittää uudestaan. Maski voi olla myös paikallaan ja sen alla oleva elementti voi liikkua, luoden siten animaatioefektin. Koska maski on elementti itsessään, se voidaan muotoilla halutun muotoiseksi.

Ainoa hieman ongelmallinen asia maskin käytössä Flashissa on se että lopputulosta ei voi katsella ennenkuin esikatselussa – siis työnäkymässä maskielementti näkyy tavallisena elementtinä ilman maskiefektiä. Mutta tämä ei haittaa kun sen tietää ja muistaa.

Yllä oleva maskianimaatio on toteutettu melko yksinkertaiseti – vaiheita on vaivaiset neljä – mutta siinä käy kuitenkin ilmi kaikki olennainen maskin teosta. Samaa menetelmää voi soveltaa erilaisiin käyttötarkoituksiin latausanimaatiosta lähtien. Mutta tehdäänpä tuo yllä oleva:

Vaihe 1

Avaa uusi dokumentti ja määritä sen kooksi 235 x 105. Nimeä dokumentin taso (layer) "Teksti" ja kirjoita tasolle haluamasi teksti. Luo kohtaan 60 uusi ruutu (F5).

Vaihe 2

Luo uusi taso ja anna sille nimeksi "Maski". Luo tasolle piirustustyökaluilla (Oval Tool / Rectangle Tool) elementti – värillä ei ole väliä.

Vaihe 3

Luo "Maski" tasolle avainruutu kohtaan 30 ja 60. Mene kohtaan 30 ja siirrä piirtämääsi elementtiä. Luo kohdan 1 ja 30 avainruutuihin Shape Tween.

Vaihe 4

Tuplaklikkaa Maski tason ikonia ja avautuvasta ikkunasta valitse "Mask". Paina OK ja tuplaklikkaa "Teksti" tason ikonia – valitse "Masked" ja OK. Huom! "Maski" tason on oltava "Teksti" tason yläpuolella, muuten ei onnistu.

Esikatsele ja julkaise.

Voit ladata valmiin .fla-tiedoston (Flash 8) tästä.