Tworzenie animacji w programie Flash MX

Konspekt lekcji 

Temat: Tworzenie animacji w programie Flash. 

1. Klasa: ...

2. Czas trwania: 4 godziny lekcyjne. 

3. Cele lekcji: 

Uczniowie wiedzą: 

— jak klasyfikuje się rodzaje animacji 

— w jaki sposób tworzy się animacje 

— jak publikuje się animacje 

Uczniowie potrafią: 

— zrobić prostą animację ruchu 

— zrobić animację tekstu 

— zrobić animację ruchu obiektu po wyznaczonym torze 

— zrobić animację kształtu 

— wstawić obiekt do istniejącej animacji 

— tworzyć przyciski i przypisywać im komendy sterujące 

4. Metody nauczania: wykład, pogadanka, metoda praktyczna– ćwiczenia przy komputerze

5. Formy pracy uczniów na lekcji: indywidualna i grupowa praca uczniów 

6. Środki i materiały dydaktyczne: 

— komputer z zainstalowanym programem Macromedia Flash MX 

— tablica 

— karta pracy ucznia 

7. Przebieg lekcji: 

— sprawdzenie obecności uczniów 

— przypomnienie wiadomości z ostatniej lekcji 

— podanie tematu bieżącej lekcji

— teoretyczne wprowadzenie do lekcji

— przeprowadzenie ćwiczeń w programie Macromedia Flash MX zgodnie z kartą pracy ucznia 

— uczniowie uczestnicząc w lekcji zgłaszają swoje pytania i uwagi 

— ocena pracy uczniów na lekcji

8. Podsumowanie 

Uczniowie na lekcji nabywają umiejętność obsługi programu graficznego Macromedia Flash MX. Poprzez przeprowadzone ćwiczenia poznają zasady i sposób tworzenia animacji w ww. programie. 

Karta pracy ucznia

1. Tworzymy animację o rozmiarach 400× 50 px, ma być zapętlona i reklamować nasz serwis.

2. Wybieramy Insert/New Symbol… W okienku, które się pojawi wpisujemy nazwę np. Button, w polu Behawior zaznaczamy opcję Button i klikamy OK.

3. W polu Up (znajduje się ono w polu klatek) rysujemy prostokąt bez obramowania i z kolorem wypełnienia ustawionym Alpha na 0% (Alpha znajduje się w okienku Color Mixer w górnym prawym rogu ekranu) czyli rysujemy niewidoczny prostokąt.

4. Prostokąt ma być identyczny w pozostałych polach przycisku, więc w polu Hit (w polu klatek) wciskamy F5.

5. Przechodzimy do okna Scene1 gdzie znajduje się nasza animacja– wybór widoku znajduje się na górnym pasku pola pracy (pod oknem klatek).

6. Tworzymy nową warstwę i ustawiamy ją wyżej w stosunku do pozostałych.

7. Do tej warstwy wstawiamy stworzony wcześniej button (wciskamy Ctrl+L i z otwartego okna przeciągamy obiekt myszką na pole pracy).

8. Rozciągamy go na całe pole pracy.

9. Klikamy prawym klawiszem myszki na pole pracy i wybieramy Actions.

10.Na dole okna otworzy się menu Actions. W sekcji Browser/Network wybieramy komendę getURL (przez podwójne kliknięcie myszką).

11. Z prawej strony pojawia się kod, który uzupełniamy o adres strony (pole URL) i okno, w którym ma się pojawić (Window, np. _blank– strona wyświetli się wtedy w nowym oknie).

Kod ma np. postać: on (release) {getURL(„www.wp.pl”,„_blank”);}

12. Gdy klikniemy na pierwszą linijkę kodu wyświetlą się ustawienia wywołania akcji.

13. Ustawiamy zdarzenie Event na Release, czyli zwolnienie wciśniętego klawisza myszki.

14. Możemy teraz zapisać plik, opublikować go i zobaczyć jak działa.

Opracowała: Beata Skrzypczyk