mgr inż. Przemysław Adam Śmiejek

([e-mail])

Grafika komputerowa – cz.1

rastrowa kontra wektorowa

3 III 2011

Grafika wokoło nas

Grafika komputerowa jest praktycznie wszędzie:

✔

Aparaty analogowe zostały wyparte przez cyfrowe nie tylko

w zastosowaniach amatorskich ale także półprofesjonalnych.

✔

Wiele osób chce mieć stronę WWW, bloga czy

przynajmniej profil w jakimś serwisie społecznościowym.

✔

Na forach dyskusyjnych lubimy używać tzw. awatarów.

✔

Oferty biznesowe ozdabiane są choćby logiem firmy

✔

... o! ta prezentacja też ma grafikę...

Podział wg sposobu opisu obiektów

Podział grafiki

Grafikę komputerową możemy podzielić na:

✔

rastrową zwaną też bitmapową, w której obiekty
opisywane są punkt po punkcie, z określoną dokładnością
(rozdzielczością)

✔

wektorową, w której obiekty opisywane są przy pomocy
ich cech charakterystycznych oraz przekształceń i wzorów

geometrycznych.

✔

mieszaną, w której część obiektów zapisana jest
wektorowo, a część rastrowo.

Grafika rastrowa

Jak powstaje?

Grafika rastrowa (bitmapowa)

✔

Wczytywana jest przez skaner albo matrycę aparatu
cyfrowego albo też rysowana przez grafika

✔

Każdy cal obrazu badany jest punkt po punkcie i określany

jest kolor danego punktu. Podczas wyświetlania/druku,
ułożone obok siebie punkty o różnych kolorach, oglądane

z pewnej odległości, układają się w przedstawiany obraz.

 

Najważniejsze cechy

Grafika rastrowa (bitmapowa)

✔

im większa rozdzielczość tym

lepsza jakość

(teoretycznie, bo w praktyce, np.

w aparatach cyfrowych, nie zawsze)

 

✔

im większa rozdzielczość tym

większy rozmiar pliku

✔

przy skalowaniu obraz traci
jakość

Skalowanie powoduje utratę jakości

Grafika rastrowa (bitmapowa)

Grafika wektorowa

Jak powstaje – przykład koła

Grafika wektorowa

Zamiast wczytywać mnóstwo punktów,
można zapisać jedynie:

✔

współrzędne środka (x,y)

✔

promień koła (r)

✔

kolor wnętrza

✔

kolor krawędzi

✔

grubość krawędzi

Jak powstaje – łączenie elementów

Grafika wektorowa

Takich elementów geometrycznych może
być więcej i można na nich dokonywać

operacji, takich jak:

✔

dodawanie, odejmowanie

✔

część wspólna

✔

położenie względem siebie

✔

profilowanie krzywych

✔

itp.

Przykład zaawansowanej grafiki

Grafika wektorowa

Ilustracje tego typu wcale nie muszą być prymitywne

Najważniejsze cechy

Grafika wektorowa

✔

zajmuje mniej miejsca na dysku
niż rastrowa

✔

nie traci jakości przy skalowaniu

✔

łatwo się ją modyfikuje

✔

nie nadaje się jednak do zapisu

świata rzeczywistego, a co
najwyżej jego przybliżenia

✔

podczas wyświetlania / druku

jest przerabiana na rastrową

Zastosowanie

Gdzie wektorowa, a gdzie rastrowa?

Zastosowanie grafiki

✔

Grafika rastrowa powinna być stosowana wszędzie tam,
gdzie nie można zastosować grafiki wektorowej, czyli do

zapisu zdjęć czy też obrazów malarskich.

Gdzie wektorowa, a gdzie rastrowa?

Zastosowanie grafiki

✔

Grafika wektorowa stosowana jest wszędzie tam, gdzie
ilustruje jedynie schematycznie rzeczywistość, a obiekty dają

się zapisać geometrycznie, a więc np.:

✔

w planach i mapach

✔

projektach architektonicznych i inżynierskich

✔

grafice komiksowej

✔

wykresach matematycznych i statystycznych

✔

...

Gdzie wektorowa, a gdzie rastrowa?

Zastosowanie grafiki

✔

Czasami miesza się ze sobą obydwa typy grafiki

✔

w gazetach, ulotkach itp gdzie część to robi się wektorowo,

a dodatkowo uzupełnia ilustracjami rastrowymi

✔

w grach komputerowych, zwłaszcza 3D, gdzie obiekty są

generowane wektorowo, a później nakładane są na nie
rastrowe tekstury

✔

...

Programy

Grafika rastrowa

Znane programy graficzne

✔

Microsoft Paint –

prymitywny, ale jest w Windows

✔

Paint.NET –

początkowo mówiono, że zastąpi windowsowego Painta, gdyż

powstał na zlecenie Microsoftu. Do tej pory jednak tak się nie stało, a program
całkiem ładnie się rozrósł.

✔

GIMP (GNU Image Manipulation Program) –

darmowy program

o możliwościach bardzo profesjonalnych, dostępny dla Windows,

GNU/Linuksa, MacOS X i innych.

✔

Adobe Photoshop –

znany, bardzo profesjonalny, ale też i dość drogi.

Zalecany tam, gdzie GIMP nie wystarcza, a więc głównie w studiach

graficznych

.

✔

… miliony innych

Grafika wektorowa

Znane programy graficzne

✔

CorelDRAW –

bardzo znany komercyjny program łączący cechy edytora

grafiki wektorowej z programem DTP (skład publikacji, poligrafia),

wykorzystywany głównie przez małe studia graficzne.

✔

Adobe Ilustrator –

pochodzący ze stajni Adobe program do edycji grafiki

wektorowej 2D.

✔

Inkscape –

darmowy program do grafiki wektorowej. Nie posiada

zaawansowanych opcji DTP, które w zasadzie nie są elementem programów

wektorowych, o czym zapominają często krytycy Inkscape'a porównujący go

do CorelDRAW.

I to by było na tyle ...

Licencja prezentacji

Zastrzeżenia prawne

Niniejsza prezentacja jest dostępna na licencji*

Creative Commons

Uznanie autorstwa – Na tych samych warunkach 3.0

Niniejsze dzieło ani jego twórca nie są reprezentowani przez

żadną organizację zbiorowego zarządzania prawami autorskimi

lub prawami pokrewnymi.

* Zastrzeżenie licencyjne nie dotyczy niektórych elementów będących autorstwa osób trzecich.
Spis tych elementów można znaleźć w dalszej części.

Licencje elementów obcych

Zastrzeżenia prawne

W prezentacji wykorzystano:

✔

Ilustrację żółtego ludzika na licencji public domain (dobro publiczne, zrzeczenie się praw
autorskich), która pochodzi z Wikipedii:

http://pl.wikipedia.org/wiki/Grafika:Rgb-raster-image.png

✔

Zdjęcie kondora kalifornijskiego na licencji public domain (dobro publiczne, zrzeczenie się praw
autorskich), które pochodzi z Wikipedii:

http://pl.wikipedia.org/wiki/Grafika:Kondor1_groß.jpg

✔

Zdjęcie Mercedesa oraz jego wektorową przeróbkę na licencji GNU FDL, które pochodzą
z Wikipedii:

✔

http://en.wikipedia.org/wiki/Image:MB280S_ahmednayyer.jpg

,

✔

http://en.wikipedia.org/wiki/Image:Autmn_5.png

Licencje elementów obcych – cz.2

Zastrzeżenia prawne

✔

Powiększane H w kółeczku, na licencji public domain (dobro publiczne, zrzeczenie się praw
autorskich), które pochodzi z Wikipedii:

http://pl.wikipedia.org/wiki/Grafika:Zeichen_224_20px.png

✔

Zdjęcie BMW 328 na licencji Creative Commons Attribution ShareAlike 2.5, które pochodzi
z Wikipedii:

http://pl.wikipedia.org/wiki/Grafika:BMW_328_1938.jpg

✔

„Słoneczniki” VanGogha, na licencji public domain (dobro publiczne, zrzeczenie się praw
autorskich), których reprodukcja pochodzi z Wikipedii:

http://pl.wikipedia.org/wiki/Grafika:Vincent_Willem_van_Gogh_128.jpg

✔

Strażaka z wężem, ze zbioru prac kpt. mgra inż. Karola Kreńskiego (mimooha)

http://www.inf.sgsp.edu.pl/pub/MALUNKI/NOWE/

Zrzeczenie się odpowiedzialności

Zastrzeżenia prawne

Autor włożył ogromny wysiłek w przygotowanie prezentacji

w sposób rzetelny, jednak istnieje możliwość popełnienia błędu

na etapie tworzenia prezentacji lub zaistnienia tegoż w źródłach,

z których Autor korzysta.

Autor zrzeka się więc odpowiedzialności za wykorzystanie

przekazywanych treści w praktyce i zachęca do samodzielnej

weryfikacji prezentowanej wiedzy.