Kurs FLASH

http://www.webinside.pl

Wstęp
Wygląd programu
Pierwsza animacja
Aminacja teksu
Animacja po torze
Maska
Shape hint's
Obiekty
Action Script
Uwagi końcowe

Animacja tekstu

W tym rozdziale stworzymy animowany napis. Ja na potrzeby kursu animuję napis KURS FLASH'A. Tworzymy nową animację i określamy rozmiary formatki, kolor jej tła. Następnie przy pomocy narzędzia tekstowego (symbol T) tworzymy dowolna czcionką napis. Napis po utworzeniu jest obiektem tekst (mówi o tym obramowanie całego napisu), tekst utworzony czcionką której nasz odwiedzający nie posiada wyświetli się nie prawidłowo dlatego musimy napis przekształcić w obiekt graficzny. Klikamy CTRL+B. Możemy do utworzonego napisu dodać obramowanie dowolnej grubości służy do tego narzędzie Ink Bottle Tool . Na zaznaczony tekst klikamy raz dla każdej litery. Grubość i kolor możemy określić w zakładce Stroke okienka Info. Tekst mamy przygotowany. Teraz należy rozdzielić każdą literę od siebie by położona była ona w oddzielnej warstwie. Tworzymy nową warstwę. Klikamy dwa razy na wnętrze litery nr.2 powinna zaznaczyć się cała środek i obramowanie. Teraz z menu Edit wybieramy opcję Cut i przechodzimy do nowej warstwy warstwy. Wklejamy do niej wyciętą literę poleceniem z menu Edit, Paste i Place. Litera wklei się dokładnie w miejsce z którego żeśmy ją wycieli tylko będzie już w innej warstwie. Powtarzamy czynność dla każdej litery tak by każda litera miała swoją warstwę. Warstwy możemy odpowiednio nazwać tak jaką literę zawiera. Gdy już to wykonamy animujemy litery. Zaznaczamy cały tekst narzędziem strzałki tak jak zaznacza się ikony czy foldery w Windows'ie i klikamy prawym klawiszem myszy na zaznaczoną już klatkę dowolnej litery tak by nie odznaczyć pozostałych. Z rozwiniętego menu wybieramy opcję pierwszą Create Motion Tween. W efekcie każda klatka nr.1 w każdej warstwie powinna zrobić się niebieska. Wchodzimy teraz do klatki nr. 20 najwyższej warstwy i ciągnąc kursor w dół poprzez wszystkie warstwy zaznaczamy klatki nr.20, potem wciskamy F6 dodając klatkę kluczową która zakończy animację. Wszystkie warstwy powinny teraz zawierać strzałkę oznaczającą trwającą animację. Wracamy do klatki nr.1 i tu zaznaczmy ponownie cały tekst. Klikamy prawym klawiszem i wybieramy opcję Scale i skalujemy nasz tekst tak by był 3 czy nawet 4 razy większy. Ustawiamy teraz oddzielnie każdą literę tak by była nad polem roboczym, a nie poza nim. Litery mogą zachodzić na siebie gdyż są w oddzielnych warstwach. Mamy mały bałagan ale nic nie szkodzi. Teraz sprawimy by litery były nie widoczne i wraz z czasem trwania animacji pojawiły się na ekranie. Zaznaczamy ponownie razem wszystkie litery będąc w klatce nr. 1. W okienku Instance zakładka Effect, opcja Alpha ustawiamy na 0%. Litery znikną. Naciśnijcie teraz Enter by zobaczyć jak to działa. Litery zmniejszają się jednocześnie pojawiając się w naszej animacji. Teraz sprawimy, że litery będzą pojawiać się po kolei w odstępach czasu i pozostawać w polu animacji. Wchodzimy do warstwy litery nr. 2 klatka nr.1. Klikamy na nią prawym klawiszem i wybieramy opcję Insert Blank Keyframe. Powinna wstawić się pusta klatka przed klatką kluczową. Wybieramy ją i dodajemy jeszcze takich pustych klatek cztery klawiszem F5. Sprawi to, że litera nr. 2 pojawi się z opóźnieniem 5 klatek do litery nr.1. Czynność powtarzamy dla każdej litery tylko tak by od litery poprzedniej opóźnienie było większe o 5 klatek. By litery nie znikały po pojawieniu się dodajemy klatkę kluczową w każdej warstwie, prócz najwyższej w numerze klatki która kończy animację ostatniej litery. Warstwy na koniec powinny wyglądać tak:

a cała animacja tak: