[FLASH] Masking layers

- Open een nieuw document.

- Importeer een foto op de eerste frame.

- Voeg een frame toe op frame 20.

- Voeg een layer toe boven de layer met de foto en noem deze mask.

- Op de eerste frame van deze layer teken je een rechthoek die de hele foto bedekt.

- Voeg een keyframe toe op layer 20

- Op de eerste frame van de mask layer transformeer je de rechthoek tot een platte balk die

je boven de foto plaatst

- Klik op de eerste frame van de mask layer en kies onderaan in het properties paneel voor

shape tween.

- Klik met de rechtermuisknop op de mask layer en kies mask in de drop down menu.

- Je zal zien dat de onderliggend layer automatisch masked layer wordt.

- Test de movie (control - test movie in het menu of ctrl + enter op het toetsenbord). De delen

die gekleurd worden op de mask layer worden weergegeven op de masked layer.

- Je kan de animatie ook vervangen door tekst en bv. wolken op de masked layer laten

bewegen.

- Tip: In een masker layer gebruik je best geen omlijning voor je figuren, alleen maar

vullingen.

Toepassing:

- Open een nieuw document

- Importeer een foto op frame 1

- Voeg een layer toe en noem deze mask

- Teken een cirkel op deze nieuwe layer

- Selecteer de cirkel door erop te dubbelklikken

- Zet de cirkel om naar een movieclip ((F8 of Convert-to-symbol in het modify menu) in

het popup window geef je de naam mask + let er op dat het registratiepunt in het

midden staat

- Geef de movieclip de instance name cirkel

- Klik met de rechtermuisknop op de layer mask (zorg ervoor dat deze layer boven de andere ligt) en kies mask in het drop down menu.

- Voeg nu een layer toe en noem deze actions.

- Klik op de eerste frame in de action layer en voeg de volgende acties toe:

cirkel._x=_xmouse;

cirkel._y=_ymouse;

Mouse.hide();

- Voeg een keyframe in op frame 2 van de action layer

- Op deze frame plaats je de volgende actie: gotoAndPlay(1);

[FLASH] shape tweening

- Teken een cirkel op de tijdlijn

- Plaats een keyframe op frame 40

- Delete de cirkel op deze keyframe en teken in de plaats een vierkant

- Klik op de eerste keyframe en selecteer onderaan in het properties panel bij de optie tween: shape

- Test de movie

- Als alles goed verloopt verandert de cirkel in het vierkant op een mooie manier

- Als we de animatie willen bijsturen kan je gebruik maken van shape hints

- Deze plaats je op de eerste keyframe en worden automatisch op de volgende keyframe van de shape tween toegevoegd (klik op modify – shape - add shape hint)

- Je zal zien dat er een rood cirkeltje met een a in verschijnt

- Dit plaats je op de rand van de cirkel

- Op de volgende frame plaats je het rode cirkeltje aan de andere kant op het vierkant

Je zal zien dat de animatie anders verloopt indien je het rode cirkeltje verplaatst, we kunnen de animatie nu gaan controleren.