Szukaj
Loguj
IRC #wirtuals
Forum
Wstępnie
Home
Forum
Publikacje
Wiadomości
Prasa
HTML
CSS
PHP
Flash
JavaScript
Grafika
Czcionki
Recenzje programów
Wstawki
Statystyki
Wyszukaj
Newsletter








Forum Honda CBR
Maska | Drukuj |  Email
Napisał Mateusz Dutkiewicz (3518 odsłon)   
28.02.2006 23:51
Ten rozdział poświęcony będzie maskom. Dzięki zastosowaniu maski możemy powoli odsłaniać obrazek lub napis. Całą idee maski zrozumiecie po przeczytaniu tej lekcji. Tak jak w wypadku toru taki i w masce animacja odbywa się w dwóch powiązanych ze sobą warstwach. Utwórzcie dwie nowe warstwy. Teraz narysujcie w warstwie wyższej jakąś figurę geometryczną koło, kwadrat lub romb. W warstwie niższej możecie coś narysować lub wstawić napis. Warstwa wyższa będzie maską, a niższa będzie maskowana, ją będziemy odsłaniać. Ja stworzyłem dla większego efektu bardziej skomplikowaną maskę złożoną z kilku pustych rombów. Maskował będę napis.

Mamy już dwie warstwy, w każdej jakiś obiekt. Teraz musimy zmienić rodzaj warstw na maskę i warstwę maskowaną. Klikamy na nazwę warstwy wyższej prawym klawiszem i wybieramy opcję Properties... . tu ustalamy typ warstwy na Mask i klikamy w OK. To samo robimy z warstwą maskowany tylko jako typ wybieramy Masked. Zmienią się ikonki warstw. Warstwa maski będzie miała ikonkę Kurs Flash'a MX, a warstwa maskowana Kurs Flash'a MX. Teraz możemy animować jedną z warstw.

Ja animowałem maskę. Maska na początku mojej animacji była mała, nie zasłaniała obiektu w warstwie niższej powodując jego widoczność. Wraz z trwaniem animacji maska powiększa się by na końcu w całości zasłonić obiekt w warstwie maskowanej powodując całe jego wyświetlenie. Animacja gotowa możecie przetestować. Przy pracy z maskami przydaje się blokada warstw symbol Image. Ja dodałem jeszcze jeden efekt maska odsłania mój napis. Napis ten skopiowałem (Edit/Copy) i wkleiłem do zwykłej warstwy dokładnie w to miejsce z którego był kopiowany (Edit/Paste in Place). Warstwę tą umieściłem najniżej tak by na końcu animacji maskowany napis zasłonił mi go w całości. Teraz animowałem tą warstwę. Nie zmieniam położenia napisu tylko tworzę animacje kolorów.

Blokuję warstwy z maską i maskowanym obiektem gdyż są wyżej i przeszkadzały by w pracy. Zaznaczam napis w pierwszej klatce kluczowej w panelu Properties ustawiam opcję Color na Tint i wybieram z palety kolorów kolor żółty. Przechodzimy do klatki kluczowej kończącej animację kolorów. Tu też zaznaczam napis i ustawiam Tint na kolor czerwony. Napis w tej warstwie zmieni swój kolor z żółtego na czerwony. Teraz animacja wygląda tak: maska odsłania napis który jest biały, a w warstwie najniższej identyczny tekst umieszczony dokładnie w tym samym miejscu zmienia swój kolor. Zapisujemy i publikujemy. Moja animacja wygląda tak.

< Poprzedni   Następny >
Czytaj więcej ...
Loading ...

FIREFOX.PL GOOGLE.PL OPERA.COM
GMAIL.COM KONNEKT.INFO SKYPE.COM
PhpSolmag.org
Kontakt | Mapa serwisu
STAT.PL
validator.w3.org jigsaw.w3.org
The Sopranos
32
pędzle, szczotki, miotły, producent pedzli, producent szczotek