Einleitung
  Was bringt mir dieses Tutorial ?

Wissenswertes über Maskenebenen
  Das Prinzip der Maskenebene
  Was muß ich beachten beim Erstellen von Maskenebenen ?

Zwei Beispiele
  # 1 - eine maskierte Ebene
  # 2 - mehrere maskierte Ebenen





Was bringt mir dieses Tutorial?

Beim Anschauen von Flash-Sites, entdeckt man immer wieder Effekte, die mit Maskenebenen erstellt wurden. Dieses Tutorial zeigt, wie man mit Maskenebenen arbeitet, um z.B. coole Spotlight-Effekte oder Text-Übergänge zu kreieren.





Das Prinzip der Maskenebene

Das Prinzip ist denkbar einfach: Gefüllte Bereiche, die auf einer Maskenebene liegen, sind durchsichtig und alle Inhalte, die sich in der darunter liegenden maskierten Ebene befinden, werden in diesem Bereich sichtbar.




Was muß ich beachten beim Erstellen von Maskenebenen ?

Es gilt zu beachten, dass die in einer Maskenebene liegende Inhalte beliebig viele Formen, ein Symbol, eine Gruppe oder ein Textobjekt sein können. Bei der Verwendung mehrerer Objekte wird das unterste Objekt in der Ebene als Maske gebraucht. In der Maskenebene selbst werden keine Farben, Verlaufsfarben, Transparenzen (Alpha-Kanal), Linienstilarten und Bitmaps unterstützt. Gefüllte Objekte werden durchsichtig und nicht gefüllte Bereiche werden undurchsichtig. Zum Animieren der Maske lässt sich jeder Animationstyp anwenden außer der Pfad-Animation. Die Wirkung einer Maskierung ist nur zusehen, wenn die Maske und die maskierte Ebene gesperrt sind.





Beispiel # 1 - eine maskierte Ebene

Als Erstes erstellt man einen beliebigen Text (z.B. Flashworker) in Ebene 1 (normale Ebene) und fügt ein paar weitere Bilder hinzu. Dann wird eine weitere Ebene (maskierte Ebene) hinzugefügt und ein weiterer beliebiger Text in dieser Ebene erzeugt. Nun benötigen wir noch eine letzte Ebene (Maskenebene), in diese Ebene wird eine gefüllte Form (Kreis) gezeichnet. Mit einem Klick auf die obere Ebene mit der rechten Maustaste, wird ein Kontextmenü geöffnet. Darin muß die Eigenschaft Maske gewählt werden. Jetzt erscheint auf dem Ebenensymbol ein nach unten zeigender Pfeil. Die Ebene (maskierte Ebene) darunter wird durch einen eingerückten Pfeil nach rechts gekennzeichnet. Zuletzt lässt sich die Form wie im gezeigten Beispiel animieren, dafür braucht man Kenntnisse der Tween-Animationen.


Abb. 1: Maske (rot) plus maskierte Ebene


Abb. 2: Beispielfilm # 1





Beispiel # 2 - mehrere maskierte Ebenen

Füge in die Erste Ebene ein paar Bilder ein, und erstelle zur ersten Ebene drei weitere. Jetzt müssten wir insgesamt vier Ebenen haben. In Ebene 4 wird ein beliebiger Text eingefügt, mein Vorschlag lautet auch hier „Flashworker“. Unter Modifizieren/Ebene... wird die Ebeneneigenschaft auf Maske gesetzt. In Ebene 3 zeichnen wir eine gefüllte Kreis und wählen unter Modifizieren/Ebene... die Option Maskiert. In Ebene 2 ist die Vorgehensweise gleich der in Ebene 3, nur die Form sollte dieses Mal ein Quadrat sein. Beide Formen können wie im Beispiel animiert werden. Voraussetzung hierfür sind Kenntnisse der Tween-Animation. In Ebene 1 kann wieder ein beliebiger Text erstellt werden.


Abb. 3: Maske (rot) plus zwei maskierte Ebenen


Abb. 4: Beispielfilm # 2






gleich der in Ebene 3, nur die Form sollte dieses Mal ein Quadrat sein. Beide Formen können wie im Beispiel animiert werden. Voraussetzung hierfür sind Kenntnisse der Tween-Animation. In Ebene 1 kann wieder ein beliebiger Text erstellt werden.


Abb. 3: Maske (rot) plus zwei maskierte Ebenen


Abb. 4: Beispielfilm # 2