Przygoda z Aligatorem Ćwiczenia praktyczne z programem Selteco Alligator Flash Desginer dla szkoły podstawowej Klasy 5-6
Spis treści 1. Poznajemy program Alligator Flash Designer 2. Rysujemy kształty oraz linie 3. Importujemy własne obrazki 4. Wstawiamy i formatujemy tekst 5. Dodajemy efekty animacji 6. Wstawiamy podkład muzyczny 7. Umieszczamy własną pracę w internecie Program graficzny Alligator Flash Designer dla Windows jest środkiem dydaktycznym zalecanym do uŝytku szkolnego przez ministra właściwego do spraw oświaty i wychowania i wpisany do wykazu środków dydaktycznych przeznaczonych do kształcenia ogólnego do nauczania informatyki na poziomie szkoły podstawowej 4-6, gimnazjum, liceum ogólnokształcącego, liceum profilowanego i technikum (kształcenie w zakresie rozszerzonym) oraz do nauczania technologii informacyjnej na poziomie liceum ogólnokształcącego, liceum profilowanego i technikum (w zakresie podstawowym) na podstawie recenzji rzeczoznawców dr. Rafała Kołodzieja (Uniwersytet Warszawski) oraz mgr Józefa Truszkowskiego (Akademia Podlaska). Numer zalecenia 2362/2008
Informacje dla nauczycieli Niniejszy zestaw ćwiczeń został przygotowany zgodnie z obowiązująca reformą programową. PODSTAWA PROGRAMOWA PRZEDMIOTU ZAJĘCIA KOMPUTEROWE II etap edukacyjny: klasy IV VI Cele kształcenia wymagania ogólne Wyszukiwanie i wykorzystywanie informacji z róŝnych źródeł; opracowywanie za pomocą komputera rysunków, motywów, tekstów, animacji, prezentacji multimedialnych i danych liczbowych. Treści nauczania wymagania szczegółowe Opracowywanie za pomocą komputera rysunków, motywów, tekstów, animacji, prezentacji multimedialnych i danych liczbowych. Uczeń: tworzy rysunki i motywy przy uŝyciu edytora grafiki (posługuje się kształtami, barwami, przekształcaniem obrazu, fragmentami innych obrazów) opracowuje i redaguje teksty, łączy grafikę z tekstem przygotowuje proste animacje i prezentacje multimedialne.
Poznajemy program Alligator Flash Designer Do czego słuŝy ten program Program Alligator Flash Designer słuŝy do tworzenia prezentacji i animacji, które moŝna umieścić w internecie. Swoją pracę moŝna takŝe nagrać na płytę CD lub na pendrive a następnie pokazać kolegom lub koleŝankom. W swojej pracy moŝesz umieścić zdjęcia, tekst, rysunki a takŝe dodać swoją ulubioną piosenkę, która będzie umilała czas twoim widzom. Uruchamianie programu Odszukaj na pulpicie ikonkę programu i kliknij ją dwukrotnie: Program po uruchomieniu zada ci pytanie od czego chciałbyś zacząć. Wybierz opcję Pusty projekt Flash i kliknij OK. Ustalanie rozmiaru dokumentu Wybierz polecenie Ramka Rozmiar ramki i wpisz odpowiednie wartości: 800 jako szerokość i 600 jako wysokość.
Rysujemy kształty oraz linie Twoim zadaniem jest narysowanie kurczaka za pomocą kilku okręgów i linii. Po lewej stronie okna programu znajduje się przybornik z narzędziami. Wybierz narzędzie Okrąg. Kliknij wewnątrz dokumentu na białym tle i przeciągnij myszką, aby narysować korpus kurczaka. Pojawi się on jako szara elipsa. Następnie wybierz komendę Obiekt Kolor wypełnienia. Przesuń suwaki koloru tak, aby kurczak stał się Ŝółty. W tym celu składowe koloru Czerwony i Zielony powinny być większe od składowej Niebieskiej. Kliknij OK.
Wybierz komendę Obiekt Grubość linii 2 px. W ten sam sposób narysuj i pokoloruj głowę kurczaka oraz oko. JeŜeli chcesz usunąć narysowany element, wybierz komendę Edycja Usuń. Aby narysować dziób i nogi kurczaka, wybierz narzędzie Linia lub Kształt. Kliknij na białym polu i przytrzymując wciśnięty przycisk myszy, przeciągnij kursor, aby narysować linię. Następnie, aby narysować kolejny segment linii, kliknij na jednym z końców linii i przeciągnij kursor myszy, aby dodać nową linię. Aby zamknąć linię, narysuj segment pomiędzy końcowymi punktami istniejącej linii. Następnie wybierz komendę Obiekt Kolor wypełnienia, aby pokolorować dziób kurczaka na
czerwono oraz Obiekt Grubość linii 2 px. W podobny sposób dorysuj nogi. JeŜeli elementy kurczaka nie są idealnie połoŝone, wybierz narzędzie Wskaźnik. Kliknij na obiekcie, aby go zaznaczyć. MoŜesz przesunąć obiekt za pomocą narzędzia Wskaźnik. W tym celu kliknij na element kurczaka i przytrzymując przycisk myszy wciśnięty, przesuń go w nowe miejsce. Aby precyzyjnie przesunąć element, zaznacz go za pomocą narzędzia Wskaźnik i wciskaj na klawiaturze przyciski strzałek, góra, dół, prawo i lewo, aby przesunąć zaznaczony element o 1 piksel w danym kierunku. Powielanie elementów JeŜeli juŝ uporałeś się z narysowaniem kurczaka, moŝesz stworzyć prawdziwą kurzą gromadkę. Za pomocą narzędzia Wskaźnik narysuj kwadrat tak, aby wszystkie elementy kurczaka znalazły się wewnątrz zaznaczenia. Spowoduje to zaznaczenie wszystkich elementów. Następnie wybierz komendę Edycja Powiel i wpisz wartości przesunięcia X: 300 a przesunięcia Y: 0.
Kliknij OK. Kurczak zostanie powielony o 300 pikseli w prawo. Przy pomocy narzędzia Wskaźnik moŝesz trochę pozmieniać rozmiary elementów kurczaka lub je przesunąć względem siebie tak, aby nowy kurczak róŝnił się trochę od swojego pierwowzoru. Na koniec zaznacz wszystkie elementy nowego kurczaka narzędziem Wskaźnik i wybierz komendę Edycja Grupuj. Nowy kurczak stał się pojedynczym obiektem czyli grupą. MoŜesz go teraz zaznaczać i przesuwać w nowe miejsce jako całość. Stwórz więcej kurczaków za pomocą powielania. Ile kurczaków uda ci się wyhodować w czasie jednej lekcji? Na koniec zapisz pracę na dysku, gdyŝ będzie nam jeszcze potrzebna. Wybierz komendę Plik Zapisz i wpisz nazwę kurczaki.
Kliknij Zapisz, aby utworzyć plik ze swoją pracą. Zamknij program komendą Plik Koniec. Odszukaj plik na pulpicie komputera: Kliknij na niego dwukrotnie, aby otworzyć go w programie. Sprawdź, czy twoja praca się zapisała.
Importujemy własne zdjęcia Na tej lekcji dowiesz się, jak do programu wstawić własne zdjęcia lub zdjęcia wyszukane w internecie. Zdjęcia z internetu Otwórz przeglądarkę internetową i przejdź na stronę wyszukiwarki, na przykład www.google.pl Wpisz hasło trawa i kliknij Szukaj a następnie stronę Obrazy dla trawa. Spróbuj otworzyć jeden z obrazków. Kliknij na obrazku, który ci się spodobał i chcesz go wstawić do swojej pracy. JeŜeli obrazek się otworzył, kliknij na nim prawym przyciskiem myszy a następnie z menu wybierz komendę Kopiuj. Uruchom program Alligator Flash Designer i wybierz Ostatni dokument, aby otworzyć projekt z kurczakami. Wybierz komendę Edycja Wklej, aby wstawić obrazek skopiowany z internetu. Następnie wybierz Edycja Pod spód, aby obraz znalazł się pod kurczakami jako tło. WaŜna uwaga: Zdjęcia z internetu moŝesz wykorzystywać tylko na próbę. JeŜeli chciałbyś zdjęcie z internetu uŝyć we własnej pracy, na przykład na konkurs, powinieneś spytać o zgodę osobę, która wykonała te zdjęcia lub poradzić się nauczyciela, czy moŝesz to zdjęcie wstawić do własnego projektu.
Zdjęcia z dysku Uruchom program Alligator Flash Designer i wybierz Ostatni dokument, aby otworzyć projekt z kurczakami. Aby dodać zdjęcie z komputera wybierz komendę Plik Importuj obraz. Zaznacz zdjęcie i kliknij OK. Następnie wybierz Edycja Pod spód, aby obraz znalazł się pod kurczakami. Poeksperymentuj z róŝnymi tłami dla kurczaków. JeŜeli masz aparat cyfrowy, moŝesz samodzielnie wykonać kilka zdjęć trawy, podwórka lub innej scenerii. MoŜesz wstawić swoje zdjęcia z wakacji, moŝe uda ci się znaleźć zdjęcie kurnika lub zagrody? A moŝe wstawisz zdjęcie plaŝy lub nadjeŝdŝającego pociągu? ZauwaŜ, jak róŝne tło zmienia całkowicie treść twojego rysunku. Zapisz swój projekt komendą Plik Zapisz tak, abyś mógł kontynuować pracę na następnej lekcji.
Wstawiamy i formatujemy tekst Na tej lekcji dowiesz się, jak dodawać tekst do swojego rysunku. Dziś musisz nazwać swoje kurczaki i dodać pod kaŝdym z nich imiona. Uruchom program Alligator Flash Designer i wybierz Ostatni dokument, aby otworzyć projekt z kurczakami. Z przybornika wybierz narzędzie Tekst oznaczone duŝą literką A. Następnie kliknij w miejscu, gdzie chcesz dodać tekst. Pojawi się okienko do wpisywania tekstu: Wymyśl imię dla kurczaka, wpisz je i wciśnij OK. Tekst pojawi się w miejscu, gdzie wcześniej kliknąłeś. JeŜeli tekst jest mało widoczny na ciemnym tle, wybierz komendę Obiekt Kolor tekstu i rozjaśnij kolor tekstu, przesuwając suwaki kolorów w prawo. Przesuń za pomocą myszy imię tak, aby nie było wątpliwości, którego kurczaka dotyczy. Poeksperymentuj z róŝnymi imionami. Czy wolisz imiona śmieszne czy dostojne? Nazwij pozostałe kurczaki. PokaŜ swoim kolegom i koleŝankom jakie imiona wymyśliłeś. Zaznacz po kolei kaŝdy tekst i pokoloruj imiona wybierając komendę Obiekt Kolor tekstu.
Tytuł rysunku Za pomocą narzędzia Tekst dodaj tytuł całego rysunku i umieść go na górze strony. Wybierz narzędzie Tekst i kliknij na tle. W czasie edycji tekstu moŝesz zmienić czcionkę. Kliknij przycisk Czcionka i wybierz inny krój pisma dla tytułu. MoŜesz na przykład wybrać krój pisma Comic Sans MS. Kliknij OK, aby tekst pojawił się na ekranie. Teraz za pomocą narzędzia Wskaźnik ustaw tekst na środku strony. Pociągając za jeden z uchwytów moŝesz zmienić rozmiar tekstu, jeŝeli jest za mały. ZauwaŜ, Ŝe tytuł powinien odpowiadać treści twojego rysunku. Zapisz swój projekt komendą Plik Zapisz tak, abyś mógł kontynuować pracę na następnej lekcji.
Dodajemy efekty animacji Na razie twój projekt był statyczny to znaczy nic się na nim nie poruszało. Na dzisiejszych zajęciach dodamy efekty animacji. Imiona twoich kurczaków będę pokazywać się na ekranie jedno po drugim zupełnie tak jakby cię witały po raz pierwszy i chciały się kolejno przedstawić. Uruchom program Alligator Flash Designer i wybierz Ostatni dokument, aby otworzyć projekt z kurczakami. Na początek określimy czas pomiędzy poszczególnymi animacjami. Wybierz komendę Animacja Synchronizacja efektów i wybierz Synchronizacja intro: Słaba 1.0 s. Spowoduje to, Ŝe kolejne efekty animacji będą pojawiały się co 1.0 sekundy. Przy pomocy narzędzia Wskaźnik zaznacz imię jednego z kurczaków. Następnie wybierz jeden z efektów z menu Intro, na przykład Rozciągnięcie. Powtórz te czynności dla wszystkich imion. Dla kaŝdego imiona wybierz inny efekt: wskok, mrugnij, wsuń, odbij itd. Aby obejrzeć animację, wybierz komendę Film Odtwórz animację lub wciśnij klawisz F9. Imiona pojawiają się teraz jedno po drugim. WaŜne pojęcia w animacji komputerowej: Animacja intro oznacza sposób pojawienia się elementu na ekranie komputera. Na przykład obiekt wleci z lewej strony ekranu. Animacja outro oznacza sposób zniknięcia elementu z ekranu komputera. Na przykład obiekt wyleci do prawej strony ekranu. MoŜesz takŝe zaznaczyć kurczaka i wybrać dla niego sposób pojawienia się. Kurczaki będą
pojawiały się takŝe jeden po drugim. Animacja tytułu Przy pomocy narzędzia Wskaźnik zaznacz tytuł rysunku, który dodałeś na poprzedniej lekcji. Wybierz komendę Intro Animacja Tekstu. Zaznacz Włącz animację liter i kliknij OK. Aby obejrzeć animację, wybierz komendę Film Odtwórz animację lub wciśnij klawisz F9. Teraz takŝe tytuł pojawia się na ekranie literka po literce. Przyspieszanie animacji Chcesz, aby kurczaki szybciej się przedstawiały? Wybierz komendę Animacja Synchronizacja efektów i wybierz Synchronizacja intro: Wysoka 0.2 s. Znikające kurczaki JeŜeli chcesz, aby kurczaki takŝe znikały z ekranu jeden po drugim, powtórz te same czynności ale wybierająć komendy z menu Outro. Na początek wybierz komendę Animacja Synchronizacja efektów i wybierz Synchronizacja outro: Słaba 1.0 s. Spowoduje to, Ŝe kolejne efekty animacji znikania będą wykonywane co 1.0 sekundy. Zaznacz kurczaka i wybierz komendę Outro Wyskok. Aby obejrzeć animację, wybierz komendę Film Odtwórz animację lub wciśnij klawisz F9. Powtórz te same czynności dla innych elementów rysunku. Tańczące kurczaki Kurczaki mogą takŝe poruszać się przez cały czas. Zaznacz wybranego kurczaka i wybierz komendę Animacja Ruch. Wybierz opcję Mruganie: Pulsowanie lub Drgania i kliknij OK.
Wstawiamy podkład muzyczny Czy wiesz, Ŝe twórcy filmów za pomocą odpowiednio dobranej muzyki tworzą nastrój grozy a za pomocą innych dźwięków wprawiają widza w dobry nastrój? Na tej lekcji dowiesz się, jak sterować nastrojem widza za pomocą dźwięku. JeŜeli zastosujesz łagodną muzykę, twoje kurczaki będą wydawać się łagodne jak baranki. JeŜeli z kolei uŝyjesz szybkiej piosenki rockowej, twoje kurczaki mogą być bardzo niegrzeczne. Poproś swojego nauczyciela muzyki lub starsze rodzeństwo o udostępnienie kilku utworów muzycznych w formacie MP3. Wybierz jeden utwór muzyczny o ostrych i głośnych dźwiękach oraz drugi o łagodnej melodii. Poproś nauczyciela o umieszczenie plików na pulpicie twojego komputera. Dodawanie podkładu muzycznego Uruchom program Alligator Flash Designer i wybierz Ostatni dokument, aby otworzyć projekt z kurczakami. Wybierz komendę Film Importuj dźwięk i przejdź do pulpitu. Zaznacz jeden z utworów i kliknij OK. Wybierz opcję Wstaw dźwięk jako podkład muzyczny. Aby obejrzeć animację, wybierz komendę Film Odtwórz animację lub wciśnij klawisz F9. Poeksperymentuj z róŝnymi melodiami. Wypróbuj zarówno łagodne melodie oraz bardziej dynamiczne. JeŜeli chcesz, aby piosenka rozpoczynała się od razu, wybierz opcję Ramka Dźwięk ramki i zmień opcję Uruchom dźwięk: Z początkiem fazy intro.
Zmiana scenerii Zmień tło i imiona kurczaków tak, aby bardziej pasowały do wybranej melodii. Aby zmienić tekst, wybierz narzędzie Wskaźnik i kliknij tekst dwukrotnie. Wpisz nowy tekst i kliknij OK. Aby zmienić tło, zaznacz obrazek za pomocą narzędzia Wskaźnik i wybierz komendę Edycja Usuń, następnie wstaw nowe tło za pomocą wcześniej poznanych metod. Sprawdź, jak kurczaki prezentują się w róŝnych sceneriach i dobierz do nich odpowiednie tło i muzykę, na przykład kurczaki na dyskotece, kurczaki na plaŝy, kurczaki w lesie. PokaŜ swoją pracę kolegom i koleŝankom siedzącym obok. Zapisz kaŝdy swój projekt komendą Plik Zapisz jako i wpisz nową nazwę projektu. Zapisz swoje projekty na pulpicie.
Umieszczamy własną pracę w internecie Nadszedł w końcu czas, aby świat zobaczył twoją pracę. Na tej lekcji dowiesz się, jak umieścić swoje kurczaki w internecie. Uruchom program Alligator Flash Designer i wybierz Otwórz projekt. Zaznacz projekt, który uznałeś za najciekawszy: Aby zapisać odpowiednie pliki, które moŝna umieścić w internecie, wybierz komendę Plik Eksport strony HTML.
Wybierz opcję Strona www i kliknij OK. Następnie wybierz nazwę pliku Flash lub pozostaw nazwę zaproponowaną przez program: Na koniec wybierz nazwę pliku HTML lub pozostaw nazwę zaproponowaną przez program:
Program zapisze na pulpicie komputera 2 pliki. Poproś nauczyciela, aby załoŝył nowy katalog na serwerze internetowym szkoły i umieścił tam obydwa pliki. Otwórz przeglądarkę internetową i wpisz adres do katalogu utworzonego przez nauczyciela. JeŜeli wszystko zadziała, twoje kurczaki pojawią się w przeglądarce i rozpoczną własny byt w cyberprzestrzeni. Podaj adres internetowy do twoich kurczaków swoim kolegom i koleŝankom. Teraz kaŝdy będzie się mógł zapoznać z twoimi wirtualnymi przyjaciółmi. Gratulacje! Właśnie stworzyłeś swoją własną pracę i umieściłeś ją w internecie. Jak zauwaŝyłeś, stworzenie ciekawej pracy wymaga wiele wysiłku. JeŜeli chcesz, moŝesz podpisać swój rysunek w prawym dolnym rogu, małymi literami. Być moŝe jest to twoja pierwsza praca opublikowana w internecie. WaŜne jest, Ŝebyś poznał podstawowe informacje na temat praw autorskich i majątkowych. Prawa autorskie to prawo do podpisania pracy swoim nazwiskiem lub pseudonimem. To ty wymyśliłeś kolor kurczaków, ich imiona, kształt, wzajemne połoŝenie. Ty takŝe połączyłeś wszystkie elementy: tło, muzykę i bohaterów tak, aby wzajemnie do siebie pasowały. Prawa autorskie są niezbywalne, to znaczy nikt inny oprócz autora nie moŝe twierdzić, Ŝe to on stworzył dane dzieło. JeŜeli w swojej pracy wykorzystałeś zdjęcia lub muzykę innych osób, powinieneś dopisać ich jako współautorów, na przykład: Zdjęcie - Józek Kowalski z VI a. Prawa majątkowe to prawo do decydowania o tym, gdzie twoja praca moŝe być wykorzystana oraz do pobierania ewentualnych opłat za wykorzystanie twojej pracy. Na początku prawa majątkowe przysługują autorowi pracy. Prawa majątkowe są zbywalne czyli mogą być przekazane innej osobie.
Ćwiczenie dodatkowe Ostatnią lekcję z programem poświęć na przypomnienie sobie wszystkich poznanych metod. Uruchom program Alligator Flash Designer i wybierz Pusty projekt Flash. Za pomocą odpowiednich narzędzi oraz komend narysuj i pokoloruj elementy kota: Następnie ułóŝ elementy przy pomocy narzędzia Wskaźnik tak, aby utworzyły kota: Wymyśl imię kota i wpisz je. Na górze napisz tytuł swojego rysunku. Opisz, co kot robi i dodaj odpowiednią fotografię jako tło. Zdjęcie zrób samemu lub wykorzystaj obraz znaleziony w internecie. Nie poddawaj się, jeŝeli rezultaty nie są od razu zadowalające. Wszystkie wielkie dzieła były tworzone przez wiele tygodni a nawet miesięcy! W gimnazjum znów spotkasz się z Aligatorem. Zielony zwierzak juŝ za tobą tęskni!