|
Napisał Mateusz Dutkiewicz (2280 odsłon)
|
|
27.02.2006 22:19 |
Zabieramy się do pracy. na początek pokażę wam jak stworzyć najprostrza
animację. Będziemy animować kwadrat. Animacja będzie polegała na tym,
że kwadrat z jednego brzegu ekranu przesuniemy na drugi podczas ruchu
będzie on zmieniał kolor z błękitnego na biały.
Ustalamy rozmiary pola pracy np. na Width (długość) 450 px (px-piksele)
i Height (wysokość) 120 px. Kolor tła ustalamy np. na czarny.
Teraz
wstawiamy klatkę kluczową w klatce nr. 1 by to zrobić wciskamy F6.
Zbędne klatki możemy usuwać klikając nań prawym klawiszem myszy i
wybierając opcję Cut Frames. W stworzonej klatce kluczowej nr.1
rysujemy kwadrat narzędziem Rectangle Tool (symbol kwadratu). Ustalamy
kolor obramowania na żółty i wypełnienie na błękitny.
Możemy także
otwierając zakładkę Stroke okienka Info ustalić grubość i rodzaj
obramowania. Ja zastosuję grubość 3 pikseli. Kwadrat rysujemy z lewej
strony pola pracy zostawiając od górnej jego krawędzi około 1 cm. .
Teraz klikamy na klatkę nr. 1 prawym klawiszem myszy wybierając z
rozwiniętego menu opcję Create Motion Tween. Następnie wstawiamy klatkę
kluczową (F6) w klatce nr. 20. W polu warstw powinna się od razu
pokazać strzałka na niebieski tle. Teraz łapiemy będąc w tej klatce
nasz kwadrat i przenosimy go na prawą stronę. Naciśnijcie Enter. Już
widać jak kwadrat wędruje po ekranie. klikamy na klatkę nr. 20 i
okienka Instance zakładka Effect wybieramy opcję Tint i ustalamy kolor
na biały.
Przejdźcie teraz do klatki nr. 1 i zakładki Frame tego samego
okienka i ustalcie opcję Rotate (obrót) na CW (zgodnie ze wskazówkami
zegara) i wartość times na 1. Możecie zobaczyć co osiągnęliśmy
wciskając Enter. Kwadrat bieleje przesuwa się i obraca, ale to nie
koniec. Sprawimy że jeszcze będzie się zmniejszał. Przejdźcie do klatki
20 i kliknijcie prawym klawiszem na nasz już biały kwadrat. Z
rozwiniętego menu wybierzcie opcję Scale. Teraz możecie łapiąc za róg
kwadracika zmienić jego rozmiar. Zmniejszamy go . To by było na tyle
teraz należy zapisać plik projektu (menu File,Save As...) i opublikować
animację (menu File, Publish). Po wykonaniu tych czynności mamy
wszystko gotowe.
Efekt, gdzy animacja nie wyświetla tła na stronie WWW - jego
przezroczystości - możemy osiągnąć wybierając opcję z menu File,
Publish Settings... i w zakładce HTML ustalić opcję Window Mode na
Transparent Windowless,a następnie opublikować animację. |
Flash 
