masking

Masking in flash

Door mask te gebruiken kan je afbeeldingen of gedeeltes daarvan op geanimeerde wijze laten opkomen of verdwijnen.
zie een flauw (ja zo ben ik) voorbeeldje hieronder.

Ik begin met een minder mooie/intresante tutorial maar verder in deze tut maak ik al een iets leuker voorbeeldje :-)

Begin met twee layers aan te maken in je time line, noem de onderste "masked" en de bovenste "mask".
Klik nu op het symbool uiters links van de namen van de layers, en maak de bovenste "mask" en de onderste "masked"
Je moet beginnen met de "mask" layer, want anders weet flash niet dat er ook een "masked" moet komen.

Op de onderste layer (masked) insert je nu jou plaatje dat je wilt laten verschijnen/verwijnen.

Maak op de "mask" layer een figuur in de vorm dat je het plaatje wilt laten verschijnen, ik gebruikte dus een cirkel (ja flauw)

Klik nu op de eerste frame van je "mask" layer, en klik met je rechter muis knop, en dan "create motion tween", je kan dit ook doen via het "insert" menu.
Ga nu naar frame 50 en insert een "keyframe", nu word er automatisch een blauwe lijn met een pijl erin aangemaakt tussen frame 1 en 50, dit symboliseerd dus je motion tween.

Klik op frame 50 van de "mask layer" en "vervorm/verplaats het symbool wat je daar hebt staan, vervorm/vergroot/verklein het op zodanige manier dat je "mask" precies het gedeelt overlapt wat je in beeld wilt krijgen (het gedeelte waar de "mask" overheen komt is dus zichtbaar in je final movie, alles wat niet onder de mask zit zie je dus niet).

Plaats een "frame" op #50 in de "masked" layer en insert een "stop" actie in het laatste frame en klaar, als je wilt dat de animatie nonstop speelt, skip dan die stop actie.
Voila, publish je movie (ctrl+enter) en je zou het reultaat moeten zien .

En zoals beloofd, nu een iets leukere mask effect.

Ga met je muis over het plaatje en zie hoe een soort vergrootglas het echt vergroot, ook dit is gewoon gedaan met layers en masking.

Om dit effect te creeren maak je een nieuw flash document aan met 3 layers.
noem de bovenste layer "mask"
De middelste layer "masked"
En de onderste layer "plaatje"

Maak een nieuwe "movieclip" (ctrl+f8, behavor movie clip) en teken daarin de vorm van je mask "ik deed dus weer een cirkel".

Ga weer naar je "scene" scherm en plaats op de "plaatje" layer een foto, en op layer "masked" excact hetzelfde plaatje, maar maak dat kleiner dan het plaatje op de "mask" layer.

Open je library (f11) en sleep het "rondje" op de "mask" layer en assign via het "actions scherm" deze actie toe onClipEvent (load) { startDrag(this, true); }

Maak de bovenste layer "mask" via het symbool links naast de naam van de layer.
De middelste layer "masked" via het symbool links naast de naam van de layer.
En de onderste "niks" :-)

Publish je movie en klaar is klara :-)

Natuurlijk kan je zo miljarden leuke dingen verzinnen dus laat je fantasie de vrije loop en flash erop los.

Happy flashing.

download de fla die ik hier gebruikt heb

Mocht deze tutorial nog niet helemaal voldoen aan je verwachting, bezoek dan mijn website voor een eventuele geupdate tutorial. mvg vinTage