Menu
- Aktualności
- Mój startup Nowy odcinek
- Blogi ekspertów
- Projektowanie WWW
- Planowanie
- Hosting i domeny
- Organizacja i nawigacja
- Webdesign i grafika
- Warsztat - programy
- Tutoriale Photoshop
- Programowanie i tworzenie
- XHTML, HTML i CSS
- JavaScript, DOM i AJAX
- jQuery
- PHP i SQL
- Flash i ActionScript
- Dostępność i WAI
- Promowanie stron
- Pozycjonowanie
- Reklama i marketing
- Monitoring i statystyki
- Publicystyka
- Artykuły ogólne
- Społeczności
- Praca i zarabianie
- Wywiady
- Standardy sieciowe
- Zasoby
- Kursy
- Recenzje książek
- Linki
Dla webmastera
Kursy
Maska
Maska
Teraz pokażę wam jak wygląda i jak zastosować efekt maski. Załóżmy, że chcemy coś odsłaniać powoli do tego celu służy nam właśnie maska. Zrobimy animację w której obrazek odsłaniany kółkiem. Tworzymy trzy warstwy w jednej tworzymy animowane kółko (animujemy je od lewej do prawej strony ekranu), w drugiej obrazek który owe kółko będzie odsłaniać, a w trzeciej możemy narysować tło. Ja zrobiłem animację, która pokazuje krajobraz w dzień odsłaniany maską kółka, tłem jest ten sam krajobraz tylko w nocy. Wchodzimy do właściwości warstwy z kółkiem która powinna znajdować się najwyżej w stosunku do pozostałych dwóch. Ustawiamy jej typ (Type) na Mask. Wybieramy warstwę z odsłanianym obrazkiem która jest druga i ustalamy jej typ na Masked. Tło to warstw najniższa z właściwością warstwy Normal. Warstwy powinny prezentować się tak:

Animacja w efekcie powinna wyglądać np. tak:

