Flash - Pierwsza animacja kwadrat, opcję, teraz, menu, klatce, się, klatkę, kolor, animacja, okienka, na, i, kwadrat, opcję, w, teraz, z, nr, menu, 1, klatce, się, klatkę, kolor, animacja, okienka, do, będzie, ustalamy, pracy, klawiszem, prawym, wybierając, możemy, 20, jego, to, klatki, flash, pierwsza, -, że, klikamy, następnie, animację, po, przejdźcie, jak, go, np, publish, pola, biały, px, opublikować, już, file, nasz, od, ustalić, obramowania, tła, kluczową, rozwiniętego, wstawiamy, nie, grubość, by, możecie, myszy, , enter, rysujemy, f6, ruchu, jednego, tym, wam, on, stworzyć, zabieramy, początek, pokażę, nr1, polegała, narzędziem, polu, przesuniemy, ekranu, podczas, drugi, brzegu, zmieniał, zbędne, zrobić, wciskamy, frames, długość, width, warstw, 450, rozmiary, stworzonej, kluczowej, błękitnego, najprostrza, będziemy, biały ustalamy, klikając, cut, nań, usuwać, animować, lewej, tool, symbol, zakładkę, rectangle, kwadratu, także, otwierając, żoacutełty, stroke, pikseli, rodzaj, ja, naciśnijcie, info, zastosuję, pxpiksele, strony, 3, błękitny, wypełnienie, create, pokazać, strzałka, cm, krawędzi, razu, tween, motion, przenosimy, prawą, łapiemy, goacuternej, zostawiając, tle, niebieski, stronę, tej, będąc, powinna, przezroczystości, tint, ekranie, rozmiar, zakładki, zgodnie, zakładka, instance, effect, pewnie, zauważyliście, tych, czynności, mamy, wykonaniu, wszystko, wyświetla, stronie, gotowe jak, cw, frame, widać, co, osiągnęliśmy, times, wciskając, zegara, wartość, wskazoacutewkami, ze, zobaczyć, rotate, bieleje, obroacutet, ustalcie, tego, wędruje, wybieramy, samego, www, efekt, zapisać, plik, projektu, należy, roacuteg, koniec, sprawimy, za, tyle, było, height, wysokość, 120, około, przesuwa, kwadracika, zmienić, zmniejszamy, ale, obraca, html, osiągnąć, settings, window, animację nbsp, mode, transparent, windowlessa, zakładce, as, łapiąc, zmniejszał, jeszcze, scale, wybierzcie, filesave, kliknijcie, czarny,

Piątek 04 Kwiecień 2025r. Godz 00:00:00
Postów: 251

Flash - Pierwsza animacja

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.

Jak pewnie zauważyliście animacja nie wyświetla tła na stronie WWW. Efekt 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ę.

Administracja

Strony WWW • Pozycjonowanie Stron SEO