Lekcja 1 GRAFIKA RASTROWA I WEKTOROWA Budowa obrazu rastrowego i wektorowego Najbardziej ogólny podział metod opisywania obrazów (grafiki, rysunków, zdjęć) za pomocą komputera dotyczy sposobu ich tworzenia. Gdy obraz jest zbudowany z małych kwadratów, zwanych pikselami, wówczas mamy do czynienia z tzw. grafiką rastrową. Gdy natomiast obraz jest opisany równaniami matematycznymi reprezentuje grafikę wektorową. Taki sam podział możemy zastosować do programów graficznych. Paint, Corel PHOTO-PAINT, Paint Shop Pro, Photo Shop, Photo Editor, Gimp to przykłady programów, służących do tworzenia bądź modyfikowania obrazów rastrowych i fotografii. Z kolei Corel Draw oraz Inkscape to najbardziej znane programy grafiki wektorowej. Wiadomości i umiejętności informatyczne, które tutaj zdobędziesz o Wyjaśnianie budowy obrazu rastrowego piksele, głębia kolorów. o Wskazywanie na różnice w opisie modeli kolorów RGB, CMYK, HSB. o Znajomość zasad kompresji plików graficznych najbardziej popularne formaty i ich charakterystyka. o Wyjaśnianie budowy obrazu wektorowego obiekty. o Wykonywanie prostych projektów w programie grafiki wektorowej. Obraz rastrowy jest zbudowany jako siatka ekranu monitor, w której każdy punk (piksel) zapamiętany jest w pamięci w postaci współrzędnych (x, y) i kodu koloru. Zakres tych współrzędnych i sposób kodowania kolorów decyduje o jakości obrazów wyświetlanych np. monitor o rozdzielczości 1280x1024 może wyświetlić obraz składający się z 1310730 pikseli. Zdolność monitora do wyświetlania wielkiej liczby barw (np.. do 16,7mln) wynika z głębi kolorów ( liczba kolorów jaką może przedstawić pojedynczy piksel) Piksel o głębi 1 bit wyświetla tylko kolor czarny lub biały Piksel o głębi 8 bitów (1 bajt) 2 8 czyli 256 kolorów 4 bitów 2 4 czyli 16 kolorów 24 bitów `2 24 czyli 16,7 miliona kolorów Z jakością obrazów związane są modele kolorów RGB Read Green Blue (Aparaty, monitor, skaner) CMYK Cyan Magenta Yellow Black (jasnoniebieski, purpurowy, żółty, czarny) (drukarki DTP,, kserokopiarki HSB Hue Saturation Brightnes (barwa- kolor, nasycenie,- czystość, jasność- intensywność). Skorzystaj z programu Paint, umożliwiającego tworzenie rysunków na płaszczyźnie (warstwie) Narysuj obok siebie dwa kolorowe kwadraty Przesuń figury tak aby nachodziły na siebie. Co się stało? A teraz spróbuj przywrócić położenie początkowe Co się stało? Cechą jednowarstwowej grafiki rastrowej jest to, że jeśli nałożymy na siebie wybrane fragmenty rysunku to utracimy bezpowrotnie fragment rysunku, który był zasłonięty. Mamy do czynienia z jednym obrazem którego nie można rozgrupować. Problem ten rozwiązano wykorzystując technikę warstw (np. Corel Photo Paint Gimp) opis w Internecie. Otwórz zdjęcie w programie graficznym. Wyświetl je w rzeczywistych rozmiarach a następnie powiększ mocno, aby zobaczyć poszczególne piksele. Cechą grafiki rastrowej: przy znacznych powiększeniach widoczne są piksele.
. W programie Paint wybierz polecenie Obraz/Atrybuty. Ustal obraz na 800x600 pikseli. Namaluj dowolny kolorowy, zapełniony rysunek. Zapisz go do folderu grafika w różnych formatach mapy bitowej(głębi kolorów) Grafika 24bity.bmp Grafika 8bitow.bmp Grafika4bity.bmp W tabeli umieść : nazwę pliku, sprawdź lub oblicz wielkość pliku, uwagi o jakości, Sposób obliczania wielkości plików będących mapą bitową: Np. Grafika 24bity.bmp Rozdzielczość obrazu (800x600=320 000) Liczba możliwych kolorów każdego punktu ekranu jest reprezentowana przez 24 bity (/8) czyli 3 bajty Rysunek zajmuje na dysku 320 000x3 bajty = 938 kb Dokładnie 960 054 (54 dodatkowe na nagłówek pliku BMP więcej w wikipedii Cecha obrazu będącego mapą bitową (.bmp) jest to, że bez względu na stopień skomplikowania rysunku jego rozmiar zależy od rozdzielczości i głebi kolorów Ze względu na duży rozmiar w prezentacjach (szczególnie internetowych nie stosuje się plików bmp) Praktyczne zastosowanie znalazły formaty graficzne GIF PNG kompresja bezstratna Oraz format JPEG kompresja stratna Formaty plików graficznych BMP (BEZ KOMPRESJI) można zapisywać z dowolna głębia kolorów, nie nadaje się do umieszczania w Internecie GIF Do zapisu obrazów o ostrych krawędziach i wyraźnych granicach kolorów - rysunki, zły format do fotografii Kompresja ograniczona do 256 kolorowej palety barw. Można zapisywać animacje. PNG następca formatu GIF. Zastosowana metoda kompresji bezstratnej. Można zapisać z 24 bitową paletą kolorów a w obrazach uzyskać przezroczystość o 256 stopniach co pozwala na wtapianie grafiki w tło innego obrazu lub stronę internetową. Nie można tworzyć animacji JPEG metoda oparta na stosowaniu kompresji stratnej. Można ustalić dowolny stopień kompresji. Nadaje się do kompresowania zdjęć TIFF stosowany w DTP (publikowanie zza biurka). Tworzone pliki mogą być zapisane z kompresją bezstratną wg różnych algorytmów lub bez kompresji. Zasady związane z kompresją plików opierają się na: 1 Ograniczeniu palety kolorów dobra przy rysunkach, zła przy foto (format gif) 2 Zmniejszenie rozdzielczości obrazu lepsza przy foto niż przy rys. (schodki w obramowaniach linii) 3Eliminowanie powtarzających się fragmentów obrazu i zastępowanie ich skompresowanymi zapisami (zapisz jako JPG kompresja najmniejsza, 50%, maksymalna) kompresja stratna. Kompresja grafiki rastrowej 1. Niżej znajduje się link do fotografii o rozmiarze 400 x 300 pikseli zapisanej w formacie BMP. Jak nietrudno obliczyć, zdjęcie zajmuje na dysku 381 kb. 2. Skorzystaj z dowolnego programu graficznego i zapisz fotografię stosując różne formaty graficzne (JPG, PNG, GIF, TIFF) oraz różne współczynniki kompresji (zapisz jako.jpg najniższa kompresja, 50%, najwyższa) (Wykorzystaj np. Irfan View) 3. Skomentuj otrzymane wyniki zapisując je w pliku tekstowym. Powinien on zawierać miniatury zdjęć wraz z informacjami, w jakim formacie zostało zapisane zdjęcie, jaki jest jego rozmiar i czym charakteryzuje się zastosowana kompresja. Fotografia - (plik BMP, 381 kb) >>> Uwaga. Stosując kompresje musimy to robić z wyczuciem aby pogodzić dobrą jakość obrazu z mała wielkością pliku. **Zadanie do domu Na miesiąc Zeskanuj mapy ze swojego podręcznika historii zapisz je na płycie CD w jak najlepszym formacie. Wykonaj prezentacje multimedialna tych map (na jednym slajdzie jedna mapa)
*Dodatkowe Praktyczne zastosowanie programu Corel PHOTO-PAINT 12 Okno główne programu Corel PHOTO-PAINT Definiowanie podstawowych parametrów obrazka Rysowanie kształtów jako niezależnych obiektów o różnym stopniu przezroczystości Przekształcanie fotografii - kolaż, separowanie, animowany GIF *Zapoznaj się z programem (Internet). Wykonaj ćwiczenia wg wzoru 1-6 (strona internetowa szkoły) LUB *Zapoznaj się z programem GIMP wykonaj ćwiczenia 1-6
LEKCJA 2 GRAFIKA WEKTOROWA o Wyjaśnianie budowy obrazu wektorowego obiekty. o Wykonywanie prostych projektów w programie grafiki wektorowej. W grafice wektorowej obraz jest zapamiętywany w postaci zbioru punktów lecz każdy element jest opsany odpowiednimi wyrażeniami matematycznymi, które zawierają informacje o jego położeniu, wielkości, kształcie konturze, wypełnieniu i kolorze. Obszar składa się z niezależnych obiektów, nakładanych na siebie W programie Power Point lub Word wstaw dowolny ClipArt, nastepnie kliknij na niego prawym klawiszem myszy i z kontekstowego menu wybierz Rozgrupuj. Z ilu elementów składa się rysunek i jaki jest jego rozmiar. Utwórz rysunek skłądajacyc się z czarnego i niebieskiego koła, czarnej i niebieskiej strzałki Elementy czarne nieco większe od niebieskich; elementy niebieskie nakładasz na czarne; zgrupuj wszystkie elementy (prawym /Grupuj) Narysuj flage UE, w jej środku umieść flagę Polski, poniżej wstaw napis Szkolny Klub Informacji Europejskiej Narysuj pomocniczy wielokąt foremny o 12 wierzchołkach (lub koło) później umieść na nim 12 gwiazd Narysuj pięciokąt foremny i przekształć go w gwiazdkę. Wypełnij gwiazdke żółtym kolorem Skopiuj gwiazdkę 11 razy Usuń zbędny wielokąt pomocniczy. W środku gwiazd umieść flagę Polski (kolejność) Kolor tła pod gwiazdkami niebieski. Kolor tła pod napisem żółty Zgrupuj wszystkie elementy Szkolny Klub Informacji Europejskiej * Przygotuj logo Szkolnego Klubu Komputerowego CHAT Przygotuj logo szkoły ZSO Wydminy lub SLO Wydminy Narysu okrąg zamalowany i uzyskaj wycinki będące ćwierćokregiem (rozdziel okrag pionowymi grubymi liniami Przesuń i ułóż logo Otocz je okręgiem Wprowadź ozdobne napisy i dopasuj je (pola tekstowe)
C H A T **Zadanie. Wykonanie projektu zawodów sportowych lub ogłoszenia o Uczniowie szkoły podstawowej zwrócili się do Twojej klasy z prośbą o wykonanie plakatu promującego organizację zawodów. Twoim zadaniem jest przygotowanie projektu, z uwzględnieniem wszystkich zgłoszonych sugestii. Przykładowy projekt plakatu zamieściliśmy niżej..