Szukaj
Loguj
IRC #wirtuals
Forum
  Home arrow Flash arrow Kurs Flash MX arrow Animacja tekstu
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
Animacja tekstu | Drukuj |  Email
Napisał Mateusz Dutkiewicz (5606 odsłon)   
28.02.2006 23:31
Każdy już z was wie na czym polega tworzenie animacji. W większości polega to na ustaleniu zdarzeń i położenia obiektów od jednej klatki kluczowej do drugiej. Teraz wykonamy animację która jest podobna, ale wymaga od nas większej pracy. Tworzymy nowy plik ustalamy jego wymiary, liczbę klatek na sekundę i kolor tła.  Pamiętajcie o jednym, że im większa liczba klatek na sekundę tym animacje będą bardziej płynne (najlepiej ustawiać liczbę z przedziału od 18 do 30). Gdy wszystko jest już gotowe do pracy wybieramy narzędzie do tworzenia tekstów (symbol A). Tworzymy napis. Jeżeli mamy otwarty panel Properties to zaraz po wybraniu tego narzędzia ustawi się on na właściwości tekstu. W nim określamy jego wygląd. Mój napis powstał czcionką HandelGotDLig rozmiar 40 pogrubiona. Teraz gdy mamy już napis klikamy CTRL+B. Każda litera powinna zostać rozseparowana i być w oddzielnym niebieskim prostokąciku. Każda litera naszego tekstu jest oddzielnym obiektem. Teraz musimy je umieścić każdą w oddzielnej warstwie. Z menu Modify wybieramy opcję ostatnią Distribute to Layers (Ctrl+Shift+D). Powstały teraz nowe warstwy każda zawiera jakąś literę lub znak.

Warstwa w której powstał tekst jest pusta, możemy ją usunąć klikając na symbol kosza. Mając nadal zaznaczone wszystkie litery (każda litera w niebieskim prostokącie) klikamy na klatkę nr 1 w dowolnej warstwie prawym klawiszem i wybieramy Create Motion Tween. Teraz podobne jak w poprzedniej lekcji kursu animujemy litery. Ja w klatce nr 90 wstawiam klatki kluczowe kończące animację. Można robić to na piechotę wybieramy warstwę, klatkę nr 90 i wciskamy F6. Jest jednak szybszy sposób. Wybieramy najwyższą warstwę i jej klatkę 90 trzymając lewy klawisz myszki zaznaczamy ciągnąc w dół wszystkie klatki nr 90 potem wystarczy wcisnąć F6 i gotowe. Teraz przechodzimy do klatki nr 1 i zaznaczamy wszystkie litery w taki sposób jak zaznacza się pliki lub foldery w Windowsie. Zaznaczone wszystkie litery powiększamy (Modify/Transform/Scale and Rotate...) by wyszły poza pole pracy. Ja powiększyłem je 1000%. Animacja prawie gotowa.

Teraz należy zsunąć litery, mogą na siebie zachodzić. Napis powinien na szerokość zmieścić się w polu pracy. Dodamy opóźnienie. Litery będą się zmniejszać jedna po drugiej i na końcu animacji utworzą napis. Pierwsza litera tekstu zaczyna się animować od klatki nr 1 drugą musimy opóźnić o jakiś okres czasu w stosunku do litery pierwszej ja dałem 5 klatek. Przesuwamy klatkę kluczową w warstwie z literą drugą z klatki nr 1 do 5 chwytając ją myszką. Teraz klatkę kluczową litery trzeciej przesuwamy do klatki nr 10. Postępujemy tak do końca naszego wyrazu zwiększając opóźnienie o 5 klatek. Gdy to już wykonamy przechodzimy do przedostatniej litery i jej klatki kluczowej kończącej animacje u mnie nr 90. Klatkę tą przesuwamy do klatki nr 85 .

Z pozostałymi warstwami postępujemy podobne zmniejszając położenie klatek kluczowych o 5 w stosunku do warstwy poprzedniej. Otrzymaliśmy następujący efekt: litery zmniejszają się startując w odstępach czasu i powoli układają nasz napis. Dla większego efektu możemy dodać efekt Alpha pojawiania się liter z jednoczesnym pomniejszeniem. Zaznaczamy pierwszą literę wyrazu w jej pierwszej klatce kluczowej. Powinna zmienić się nam zawartość panelu Properties na właściwości obiektu graficznego (Graphic). Ustawiamy w nim Color na Alpha 0%. To samo wykonujemy z każdą kolejna literą. Publikujemy i animacja jest gotowa, a 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
34
pędzle, szczotki, miotły, producent pedzli, producent szczotek