8. Klonowanie bitmap. Efekt tween.

Transkrypt

8. Klonowanie bitmap. Efekt tween.
8. Klonowanie bitmap. Efekt tween.
Ponieważ pliki swf są przeważnie umieszczane na stronach WWW, ważne jest,
aby były możliwie jak najmniejsze. W animacjach często wykorzystujemy
wielokrotnie ten sam obraz. Aby niepotrzebnie nie przechowywać
powtarzających się danych w pliku swf można raz umieszczony w animacji
obraz sklonować. Klon może być umieszczony w innym miejscu w animacji i
wskazuje na ten sam (fizycznie) obraz.
Ćwiczenie I:
1. Utwórz animację składającą się z czterech ramek o rozmiarach
300x300 i czasach po 1s. Na pierwszej ramce umieść obraz
importowany z pliku Kot.jpg. Sklonuj go na pozostałe ramki
(Edycja->Klon->Klonuj na ramkę). Na ramce 2 wejdź do Właściwości
wyświetlania w menu kontekstowym i ustaw intensywność na 50%. Na
ramce 3 zaznacz pole wyboru Odbij w pione a na ramce 4 Obrót o 45
stopni. Plik zapisz. Odtwórz animację.
2. Powtórz tą samą procedurę wykonując zwykłe kopiowanie i
wklejanie zamiast klonowania. Porównaj rozmiary obu plików.
W sytuacji w której na dwóch kolejnych ramkach znajdują się klony tego
samego obrazu (albo obraz i jego klon) można dodać pomiędzy nimi efekt
płynnego przejścia z jednej kopii w drugą. Efekt taki nazywa się efektem
Tween.
Ćwiczenie II:
1. Utwórz animację składającą się z trzech ramek o rozmiarach
300x250 i czasach 1s. Na pierwszej ramce wstaw w lewym górnym rogu
obrazek z pliku komora.jpg.
2. Obrazek sklonuj na ramkę 2 i 3. Na ramce 2 obrazek przesuń w
prawo i powiększ (tak aby wystawał poza ramkę). Na ramce 3 obrazek
jedynie przesuń do lewego dolnego rogu ramki.
3. Na ramce 1 dla obrazka wejdź do opcji Outro->Zaawansowana
animacja Outro. Zaznacz pole wybory Włącz animację, ustaw czas
trwania na 0.5 s, zaznacz Tweenuj pozycję i Tweenuj skalę na klon
bitmapy znajdujący się na ramce 2..
4. Z kolei na ramce 3 dla znajdującego się tam klonu ustaw
Zaawansowaną animację intro. Zaznacz opcję włącz animację i ustaw
czas trwania na 1s. Analogicznie jak na ramce 1. Zaznacz Tweenuj
pozycję i Tweenuj skalę dla klonu znajdującego się na ramce 2.
5. Obejrzyj efekt końcowy.
Uwaga: Podczas klonowania mozna od razu zaznaczyc opcje "Efekt Tween".
Ustawia sie wtedy animacja intro dla klonu z ramki docelowej.