Mask layer in Flash CS3

Een Mask layer is een laag waarin één of meer objecten een geanimeerd doorkijkvenster vormen voor de onderliggende lagen. Met een Mask layer creëer je als het ware Spotlight-effecten.

Bekijk hier een voorbeeld van een Mask layer.


Open Flash CS3.

Open een nieuw werkdocument.

De Stage heeft volgende kenmerken : 650 x 120 pixels, 12 frames per seconde en een witte kleur.


Selecteer het Text-tool en kies lettertype Verdana, 50 pixels, vet en cursief.

Typ de tekst www.webtutorials.be en plaats deze in het midden van de Stage.

Wijzig de layernaam in tekst.

Voeg een nieuwe layer toe met als naam Mask.

Selecteer frame 1 van deze nieuwe layer en teken een cirkel met willekeurige vulkleur links van de tekst net BUITEN de Stage.

Zorg dat de cirkel voldoende groot is zodat alle letters straks in de cirkel passen als deze over de letters beweegt.

In de layer mask voeg je in frame 40 een keyframe in (F6)

Sleep de geselecteerde cirkel naar rechts tot net buiten de Stage.

Druk eerst op de shift toets vooraleer je begint te slepen, zo verplaats je de cirkel op een rechte lijn.

Selecteer frame 1 van layer mask en maak een Shape Tween.

Selecteer de layer tekst en voeg in frame 40 een keyframe in zodat de tekst opnieuw verschijnt.

Klik met de rechtermuisknop op de layer mask en kies de optie Mask in het snelmenu.

Fash zal beide layers vergrendelen en de layers zelf krijgen specifieke pictogrammen.

Bewaar de animatie en bekijk het effect.

Tutorial gemaakt door Cocovijve

Nog vragen? Bezoek het forum...


Dreamweaver Developer Toolbox

Stem of voeg toe aan Uitleg over het gebruik van deze icons : Plaatsen/stemmen op MSN Reporter Plaatsen/stemmen op Bligg.be Plaatsen/stemmen op Netjes.be Plaatsen/stemmen op eKudos Plaatsen/stemmen op NUjij Plaatsen/stemmen op Grubb Tip dit artikel! Plaatsen/stemmen op Bligg.nl Stumble it! Voeg dit artikel toe aan Del.icio.us Voeg toe aan je Google bladwijzers Abonneer je op de RSS-feed van deze site Verstuur deze pagina per e-mail via Feedburner Maak een notitie op deze pagina met Fleck
Share This Post

Indien je het nuttig vond mag je altijd een bericht achterlaten of u inschrijven op onze nieuwsbrief om altijd op de hoogte te blijven.

Comments

Nog geen reacties.

Plaats een reactie

(verplicht)

(verplicht)