Grafika Komputerowa Wykład 1. Wstęp do grafiki komputerowej Obraz rastrowy i wektorowy. mgr inż. Michał Chwesiuk 1/22

Podobne dokumenty
Bartosz Bazyluk WPROWADZENIE Wstęp do dwuwymiarowej grafiki komputerowej.

Bartosz Bazyluk GRAFIKA KOMPUTEROWA Wprowadzenie. Warunki zaliczenia. Grafika Komputerowa, Informatyka, I Rok

dr inż. Piotr Odya dr inż. Piotr Suchomski

Formaty plików graficznych

dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ

Klasyfikacja metod kompresji

FORMATY PLIKÓW GRAFICZNYCH

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej

Cała prawda o plikach grafiki rastrowej

Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT

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

Grafika Komputerowa. Wykład 8. Przygotowanie do egzaminu. mgr inż. Michał Chwesiuk 1/32

Klasyfikacja metod kompresji

Kompresja Stratna i Bezstratna Przegląd Najważniejszych Formatów Graficznych

INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ

Grafika komputerowa. Dla DSI II

1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa

Formaty plików graficznych

Grafika na stronie www

Kompresja obrazów i formaty plików graficznych

Technologie cyfrowe semestr letni 2018/2019

GRAFIKA RASTROWA. WYKŁAD 2 Oprogramowanie i formaty plików. Jacek Wiślicki Katedra Informatyki Stosowanej

Podstawy grafiki komputerowej. Teoria obrazu.

Formaty plików graficznych

Grafika rastrowa (bitmapa)-

Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i

Obróbka grafiki cyfrowej

Grafika komputerowa. Oko posiada pręciki (100 mln) dla detekcji składowych luminancji i 3 rodzaje czopków (9 mln) do detekcji koloru Żółty

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego

Zapoznanie z rodzajami grafiki. Zapoznanie z formatami grafiki. Rozmiar oraz rozdzielczość obrazka.

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego. Barbara Ptaszek Krzysztof Krupiński V WT z inf.

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Podstawy użytkowania systemu Linux

Grafika. Formaty zapisu obrazu cyfrowego

Podstawy Informatyki Wykład V

Według raportu ISO z 1988 roku algorytm JPEG składa się z następujących kroków: 0.5, = V i, j. /Q i, j

Gimp Grafika rastrowa (konwersatorium)

Grafika komputerowa i wizualizacja

Photoshop. Podstawy budowy obrazu komputerowego

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Grafika Komputerowa Wykład 6. Teksturowanie. mgr inż. Michał Chwesiuk 1/23

Pracownia komputerowa. Dariusz Wardecki, wyk. XI

Cechy formatu PNG Budowa bloku danych Bloki standardowe PNG Filtrowanie danych przed kompresją Wyświetlanie progresywne (Adam 7)

Zastosowania grafiki komputerowej

Elementy grafiki komputerowej

FORMATY GRAFICZNE. Dobra ilustracja przychodzi w małym pliku. David Siegel, Tworzenie stron WWW. 1. Rodzaje plików graficznych

Obraz cyfrowy. Radosław Mantiuk. Wydział Informatyki Zachodniopomorski Uniwersytet Technologiczny w Szczecinie

Grafika Komputerowa Wykład 2. Przetwarzanie obrazów. mgr inż. Michał Chwesiuk 1/38

Cyfrowe przetwarzanie i kompresja danych. dr inż.. Wojciech Zając

Wykład II. Reprezentacja danych w technice cyfrowej. Studia Podyplomowe INFORMATYKA Podstawy Informatyki

Podstawy grafiki komputerowej

Joint Photographic Experts Group

Cyfrowe przetwarzanie obrazów i sygnałów Wykład 1 AiR III

Rozdział 1. Zastosowanie komputera w życiu codziennym Rozdział 2. Elementy zestawu komputerowego...11

Grafika rastrowa i wektorowa

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński

Podstawy informatyki. Izabela Szczęch. Politechnika Poznańska

Metody komputerowe w obliczeniach inżynierskich

Temat: Podział grafiki komputerowej

Reprezentacja obrazów. dr inż. Izabela Szczęch Politechnika Poznańska Podstawy informatyki

Technologie Informacyjne

Kryterium technika tworzenia Grafika wektorowa Grafika rastrowa

Warstwa Rysunek bitmapowy Rysunek wektorowy

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A)

Przykładowe pytania na teście teoretycznym

Sposoby cyfrowego zapisywania obrazów

GRAFIKA WEKTOROWA. WYKŁAD 1 Wprowadzenie do grafiki wektorowej. Jacek Wiślicki Katedra Informatyki Stosowanej

GRAFIKA. Formaty plików graficznych

Grafika Komputerowa Wybrane definicje. Katedra Informatyki i Metod Komputerowych Uniwersytet Pedagogiczny im. KEN w Krakowie apw@up.krakow.

Percepcja obrazu Podstawy grafiki komputerowej

Filtrowanie tekstur. Kinga Laurowska

Wymagania edukacyjne na ocenę z informatyki klasa 3

0. OpenGL ma układ współrzędnych taki, że oś y jest skierowana (względem monitora) a) w dół b) w górę c) w lewo d) w prawo e) w kierunku do

Księgarnia internetowa Lubię to!» Nasza społeczność

Promotor: dr inż. Adam Piórkowski. Jakub Osiadacz Marcin Wróbel

Z życia grafika-webmastera

Grafika Komputerowa - wprowadzenie. Grafika Komputerowa

Założenia i obszar zastosowań. JPEG - algorytm kodowania obrazu. Geneza algorytmu KOMPRESJA OBRAZÓW STATYCZNYCH - ALGORYTM JPEG

Plan wykładu. Akcelerator 3D Potok graficzny

Waldemar Izdebski - Wykłady z przedmiotu SIT / Mapa zasadnicza 30

X. ELEMENTY GRAFIKI ANIMOWANEJ

GRAFIKA RASTROWA GRAFIKA RASTROWA

Kompresja danych i formaty plików graficznych

Wykład III: Kompresja danych. Studia Podyplomowe INFORMATYKA Podstawy Informatyki

Grafika Komputerowa Wykład 5. Potok Renderowania Oświetlenie. mgr inż. Michał Chwesiuk 1/38

Transformata Fouriera

Projektowanie graficzne. Wykład 2. Open Office Draw

Pracownia komputerowa. Dariusz Wardecki, wyk. X

Próbkowanie (ang. sampling) - kwantyzacja. Rastrowa reprezentacja obrazu 2D. Generowanie obrazu rastrowego 2D. Próbkowanie i integracja

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

Analiza obrazu. wykład 1. Marek Jan Kasprowicz Uniwersytet Rolniczy Marek Jan Kasprowicz Analiza obrazu komputerowego 2009 r.

Wymagania edukacyjne na ocenę z informatyki KLASA III

ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0

Przedmowa 11 Ważniejsze oznaczenia 14 Spis skrótów i akronimów 15 Wstęp 21 W.1. Obraz naturalny i cyfrowe przetwarzanie obrazów 21 W.2.

Pracownia komputerowa. Dariusz Wardecki, wyk. IX

FORMATY GRAFICZNE. Dobra ilustracja przychodzi w małym pliku. David Siegel, Tworzenie stron WWW. 1. Rodzaje plików graficznych

Formaty plików. graficznych, dźwiękowych, wideo

Rozdział 7. Przedstawienie formatu graficznego BMP.

Transkrypt:

Wykład 1 Wstęp do grafiki komputerowej rastrowy i wektorowy mgr inż. 1/22

O mnie mgr inż. michalchwesiuk@gmail.com http://mchwesiuk.pl Materiały, wykłady, informacje Doktorant na Wydziale Informatyki Uniwersytetu Technologicznego w Szczecinie Moje prace obejmują tematy : rastrowy wektorowy Grafiki komputerowej Syntezy obrazu Gier komputerowych Eye Trackingu Percepcji Zachodniopomorskiego 2/22

Plan przedmiotu Wykłady będą poruszały poszczególne tematy : w informatyce Przetwarzanie obrazów Modelowanie obiektów trójwymiarowych Synteza grafiki komputerowej Gry Komputerowe Percepcja rastrowy wektorowy 3/22

Zaliczenie Egzamin w formie testu wielokrotnego wyboru. Test składający się z 7 pytań. Każde pytanie ma 4 możliwe odpowiedzi. W każdym pytanie przynajmniej jedna odpowiedź jest poprawna. Zaznaczenie wszystkich poprawnych i tylko odpowiedzi skutkuje otrzymaniem punktu za pytanie. Aby uzyskać ocenę pozytywną (dostateczną) należy uzyskać punkt za trzy pytania. Każdy dodatkowy punkt większa ocenę o pół stopnia. Ocena bardzo dobra z laboratorium zwalnia z egzaminu! rastrowy wektorowy poprawnych 4/22

rastrowy wektorowy Zastosowania grafiki komputerowej Synteza obrazu Grafika 2D Grafika 3D (czasu rzeczywistego realistyczna) Geometria Wyświetlanie obrazu Techniki wyświetlania stereoskopowy Druk Poligrafia Przetwarzanie obrazu Kompresja Filtracja Operacje matematyczne Aktywizacja obrazu Fotografia Wizualizacja danych Interfejsy użytkownika GUI Metody interakcji Widzenie maszynowe Analiza obrazu Rozpoznawanie obrazu 5/22

Elementem wspólnym dla obszarów Grafiki Komputerowej jest obraz. Praca nad obrazem ma różnych charakter. Może ona dotyczyć : Tworzenie obrazu przechowywanie obrazu Edytowanie obrazu Analiza obrazu Interakcja z obrazem rastrowy wektorowy 6/22

w grafice komputerowej jest to efekt wizualizacji danych w pamięci komputera. może być opisany za pomocą Grafiki Wektorowej. jest opisany za pomocą informacji o obiektach, z których się składa, tzw. prymitywów: Proste Krzywe Wielokąty Okręgi Tekst Prymitywy te można w dowolny sposób modyfikować, zmieniając ich parametry. jest generowany na podstawie informacji o prymitywach w procesie rasteryzacji. może być opisany za pomocą Grafiki Rastrowej. jest podzielony na próbki, które tworzą macierz pikseli. Piksel jest to najmniejszy fizyczny element obrazu. Każdy piksel przechowuje informacje o próbce (kolor, stopień przezroczystości). rastrowy wektorowy 7/22

rastrowy wektorowy Grafika Rastrowa Grafika Wektorowa przechowywany w pamięci w postaci próbki opisane za pomocą macierzy pikseli Każdy piksel zawiera informację o pojedynczej próbce. przechowywany w pamięci w postaci zbioru prymitywów (prostych, krzywych, okręgów, wielokątów i tekstu). Każdy prymityw właściwości (np. promień), które modyfikować. zawiera rozmiar, można 8/22

rastrowy rastrowy wektorowy to macierz pikseli, inaczej nazywaną mapą bitową (ang. bitmapa). Bitmapy najczęściej prostokątnej. Piksel jest najmniejszym fizycznym elementem obrazu, który możemy modyfikować, bądź indeksować. występują w postaci dwuwymiarowej i 9/22

rastrowy rastrowy charakteryzuje : Rozmiar obrazu, wysokość i szerokość [px]. np. 512x512px Liczba kanałów. rastrowy wektorowy np. RGB (Red/Green/Blue}, trzy kanały np. RGBA (Red/Green/Blue/Alpha), cztery kanały Rozmiar piksela. Liczba bitów przeznaczona na zapis pojedynczego piksela (inaczej zwana głębia koloru) [bpp] (bits per pixels). np. 24bpp dla RGB Na każdy kanał jest przeznaczone 8 bitów. Dzięki temu, na każdy kanał mamy możliwość zapisu 28=256 różnych stanów. 10/22

rastrowy rastrowy może korzystać z kolorów indeksowanych. Kolor piksela nie jest opisany za pomocą wartości RGB, a zapisane są jedynie identyfikatory kolorów. Do pliku obrazu dołączona jest paleta kolorów, do której identyfikatory zawarte w pikselach odnoszą się (tzw. słownik). y i identyfikatory w pikselach mogą odnosić się do standardowej palety systemowej. rastrowy wektorowy 11/22

Rozmiar obrazu Ilość pamięci potrzeba do zapisu pliku rastrowego można obliczyć poprzez pomnożenie ilość pikseli w rastrze przez rozmiar pojedynczego piksela. Rozmiar = wysokość x szerokość x rozmiar piksela rastrowy wektorowy 24bpp 512px 512px (512 x 512 x 24)b = 6 291 456 b = 6 291 456 / 8 B = 786 432 B = 786 kb 12/22

Kompresja obrazów rastrowych Przechowując wiele obrazów w pamięci masowej najczęściej stosuje się kompresję. Kompresja może być stratna i bezstratna. Kompresja bezstratna rastrowy wektorowy Możliwe jest odtworzenie skompresowanego obrazu. Kompresja stratna W wyniku kompresji dochodzi do utraty jakości. Niemożliwe jest idealne odtworzenie skompresowanego obrazu. Powstają zniekształcenia tzw. artefakty. 13/22

Formaty zapisu i kompresji bezstratnych obrazów rastrowych BMP Duza dowolność rozmieszczenia bitów. Można wykorzystać kompresje RLE. rastrowy PNG (Portable Network Graphics) wektorowy GIF (Graphics Interchange Format) Obsługuje przezroczystość. Aplikowanie proste filtry graficzne. Dzieli obraz na bloki, w którym może występować do 256 kolorów. Pozwalają na tworzenie prostych animacji ze zdefiniowanym kolorem tła. TIFF (Tagged Image File Format) Duża dowolność formatów. Może być także kompresowany stratnie. 14/22

Kompresja stratna obrazów rastrowych JPEG Joint Photographic Experts Group Standard JPEG opisuje działanie metody kompresji i format danych, a nie format pliku. Formaty plików : JPEG/Exif i JPEG/JFIF. Kompresja stratna. Polega na konwersji obrazu z przestrzeni barw RGB do Y'CBCR. Y - luma (poziom jasności) CB, CR - chroma CB - różnica koloru między kolorem niebieskim i Y. CR - różnica koloru między kolorem czerwonym i Y. Redukcja rozdzielczości informacji o kolorze. Podzielenie obrazu na bloki 8x8 pikseli. jest poddany dyskretnej transformacie cosinusowej (DCT) oraz kwantyzacji. Dodatkowa bezstratna kompresja Huffmana. Cały algorytm korzysta z cech psychofizycznych ludzkiego układu wzrokowego. rastrowy wektorowy 15/22

Downsampling obrazu rastrowego Podczas potrzeby wyświetlania bitmapy w rozmiarze mniejszym niż oryginalny musi zostać przeprowadzony proces Downsamplingu. Metoda najbliższego sąsiada Mało kosztowna obliczeniowo Utrata szczegółów obrazu (wysokich częstotliwości) Metoda filtracji dwuliniowej (bilinear filtering) Bardziej kosztowna obliczeniowo Redukcja utraty szczegółów obrazu rastrowy wektorowy 16/22

Upsampling obrazu rastrowego Podczas potrzeby wyświetlania bitmapy w rozmiarze większy niż oryginalny musi zostać przeprowadzony proces Upsamplingu. Metoda najbliższego sąsiada Mało kosztowna obliczeniowo Widocznie powiększenie pojedynczych pikseli (ostre krawędzie) Metoda filtracji dwuliniowej (bilinear filtering) Bardziej kosztowna obliczeniowo. Efekt rozmycia. rastrowy wektorowy 17/22

rastrowy podsumowanie jest reprezentowany jako macierz pikseli. ma stały rozmiar niezależny od ilości zawartości obrazu. Pozwala na modyfikację pojedynczych pikseli małym kosztem. Dobry do reprezentowania obrazów przedstawiających nieprzewidywanie zmiennych obiektów, naturalne sceny, fotografie. Transformacje obrazu (obrót, zmniejszają jakość obrazu. rastrowy wektorowy skalowanie) są kosztowne oraz 18/22

wektorowy rastrowy wektorowy to zbiór prymitywów o danych własnościach. Wyświetlenie obrazu wektorowego wymaga rasteryzacji, przetworzenia danych o prymitywach do obrazu rastrowego. Czas rasteryzacji jest zależny od liczby obiektów tworzących obraz. 19/22

wektorowy - rasteryzacja Przed wyświetleniem obrazu wektorowego należy poddać go procesowi rasteryzacji. Musi zostać utworzona bitmapa. Każdy z obiektów obrazu rastrowego musi zostać przetworzony uwzględniając skalę, rozmiar bitmapy (oraz innych parametrów np. obrót) w celu znalezienia pikseli należących od obiektu. Występuje problem aliasingu (ostrych krawędzi), które należy w jak najlepszym stopniu zminimalizować używając technik anti-aliasingu. rastrowy wektorowy 20/22

wektorowy - podsumowanie jest reprezentowany właściwości. jako zbiór prymitywów oraz Kosztowny w wyświetleniu z uwagi na konieczność rasteryzacji. Ilość pamięci jest zależna od ilość obiektów w obrazie. Nie nadaje się do reprezentacji obrazów realistycznych. ma stały rozmiar niezależny od ilości zawartości obrazu. Idealnie nadaje się do rysunków, ilustracji oraz wykresów. ich rastrowy wektorowy 21/22

Wykład 1 Dziękuję za uwagę :) rastrowy wektorowy mgr inż. 22/22