format

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) 28 czyli 256 kolorów
4 bitów 24 czyli 16 kolorów
24 bitów `224 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ść)
Ćwiczenie .
 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
Ćwiczenie .
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.
Ćwiczenie .
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
Ćwiczenie .
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
Ćwiczenie . 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
Ćwiczenie
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.
Ćwiczenie
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)
Ćwiczenie
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
*Ćwiczenie
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..