Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji

Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji

grafika rastrowa a grafika wektorowa -13- P SiO 2

Grafika rastrowa - obraz zapisany w tej postaci stanowi układ barwnych (lub czarnych i białych) punktów pikseli (ang. pixel = picture element = element obrazu), wypełniających obszar, zwykle o kształcie prostokąta. Inaczej mówiąc w grafice rastrowej obrazy tworzone są z położonych blisko siebie punktów - pikseli o różnorodnym kolorze, które w efekcie stwarzają pozorny obraz ciągły. -13- P SiO 3

-13- P SiO 4

Typowymi źródłami obrazów rastrowych są: - skanowanie optyczne obrazów analogowych - fotografia cyfrowa Sposób zapamiętania obrazu rastrowego to bitmapa - dwuwymiarowa tablica pikseli. Bitmapę charakteryzują następujące właściwości: - wysokość i szerokość bitmapy liczona jako liczba pikseli w pionie i w poziomie (rozdzielczość) - liczba bitów na piksel opisująca liczbę możliwych do uzyskania kolorów (głębia kolorów) -13- P SiO 5

Zalety: - bogactwo barw - swobodne dobieranie kontrastu, jasności, nasycenia barw - możliwość stosowania złożonych narzędzi do obróbki cyfrowych fotografii - możliwość retuszu, korekcji, różnych form montażu (fotomontażu) Wady: - duża objętość plików (zwłaszcza kolorowych obrazów) - niemożność skalowania bez utraty jakości, niska jakość obrazu przy dużych powiększeniach -13- P SiO 6

Tworzenie i edycja grafiki rastrowej programy interaktywne do obróbki grafiki rastrowej: Adobe Photoshop, Corel PhotoPaint, Corel PaintShop Pro, Ulead PhotoImpact, GIMP, ImageMagick, Krita efekt końcowy procesu skanowania obrazu analogowego fotografia cyfrowa przechwytywanie zawartości okna ekranowego aplikacji ( zrzuty ekranowe ) -13- P SiO 7

Zastosowanie: - obróbka obrazów, zdjęć cyfrowych - tworzenie obrazów, kolorowych dokumentów, ulotek - znakomicie sprawdza się w przypadku zapisywania zdjęć i realistycznych obrazów (każdy punkt może mieć inną barwę i nasycenie) - w tym przypadku jest bardziej użyteczna od wektorowej, gdyż trudno jest "przełożyć na krzywe" obraz rzeczywisty jaki widzimy w danym momencie -13- P SiO 8

Formaty zapisu ppm (Portable PixMap), zapis bez kompresji. xpm (X-Window PixMap), zapis znakowy bez kompresji, z paletą barw dowolnego rozmiaru. bmp (Bitmap), zapis bez kompresji lub z prymitywną kompresją. pcx (Paintbrush), zapis z prymitywną kompresją. gif (Graphics Interchange Format), zapis z kompresją, z paletą do 256 barw. jpeg (Joint Photo Expert Group), zapis z kompresją stratną, z bezpośrednim kodowaniem barw pikseli (bez palety). j2 (Joint Photo Expert Group 2000), zapis z kompresją stratną albo bezstratną, z bezpośrednim kodowaniem barw pikseli. png (Portable Network Graphics), zapis z kompresją. tif (Tag Image File Format), otwarty format roboczy grafiki rastrowej dla urządzeń (np. skanerów) i edytorów graficznych. djvu (Deja Vu), format zaawansowanej kompresji stratnej do przechowywania zeskanowanych wydawnictw, opracowany przez AT&T. -13- P SiO 9

Grafika wektorowa (grafika geometryczna) jest to obraz zapisany elektronicznie w postaci figur geometrycznych opisanych wzorami matematycznymi. Dzięki temu zapisowi, można pozwolić sobie na zmiany rozmiaru pliku wynikowego. Dodatkowo można dowolnie skalować obraz bez utraty jego jakości. W uzasadnionych przypadkach istnieje możliwość konwersji grafiki wektorowej do postaci grafiki rastrowej. Grafika wektorowa sprawdza się najlepiej, gdy zachodzi potrzeba stworzenia grafiki, czyli mającego stosunkowo małą ilość szczegółów, nie zaś zachowaniu fotorealizmu obecnego w obrazach. -13- P SiO 10

Przykładowe programy do grafiki wektorowej: CorelDraw, Adobe Illustrator Zalety: - skalowalność - prostota opisu - możliwość zmiany parametrów obrazu - opis przestrzeni trójwymiarowych - możliwość użycia ploterów zgodnie z metodą ich pracy - dobra konwersja do grafiki rastrowej Wady: - duża złożoność pamięciowa dla obrazów fotorealistycznych - w przypadku skomplikowanych obrazach rastrowych nieopłacalność obliczeniowa konwersji (poprzez wektoryzację) do formy wektorowej -13- P SiO 11

Przykłady użycia grafiki wektorowej: - logo, herby, flagi, godła - schematy naukowe i techniczne - mapy i plany - różnego typu znaki, np. drogowe - część graficznej twórczości artystycznej (np. komiksy) -13- P SiO 12

Edytor grafiki rastrowej http://www.online-image-editor.com/ (omówienie funkcjonalności) -13- P SiO 13

ĆWICZENIE 1 1. Pobierz plik sgb_bmp.bmp 2. Wejdź na stronę http://www.onlineimage-editor.com/ 3. Wczytaj plik sgb_bmp.bmp. 4. Zwiększ wielkość obrazka do 600px x 402px 5. Dodaj tekst (imię i nazwisko) 6. Zmień kolor na INVERT. 7. Tak przygotowaną grafikę zapisz na pulpicie i poinformuj prowadzącego. -13- P SiO 14

Edytor grafiki wektorowej http://www.janvas.com/ (omówienie funkcjonalności) -13- P SiO 15

ĆWICZENIE 2 1. Wykonaj grafikę podobną do poniższej wpisując swoje imię i nazwisko (możesz ją urozmaicić o dodatkowe figury). 2. Poinformuj prowadzącego gdy wykonasz grafikę. -13- P SiO 16