PODSTAWOWE TYPY

PODSTAWOWE TYPY

GRAFIKI KOMPUTEROWEJ

GRAFIKI KOMPUTEROWEJ

Jest to s

Jest to s

ystem generacji, prezentacji i manipulacji obrazu przy

ystem generacji, prezentacji i manipulacji obrazu przy

u

u

ż

ż

yciu komputera.

yciu komputera.

Najogólniej dzielony jest na

Najogólniej dzielony jest na

grafik

grafik

ę

ę

wektorową

wektorową

i

i

grafik

grafik

ę

ę

rastrową

rastrową

, które to dwie podstawowe odmiany stanowi

, które to dwie podstawowe odmiany stanowi

ą

ą

podstaw

podstaw

ę

ę

wszystkich innych pochodnych rodzajów grafiki

wszystkich innych pochodnych rodzajów grafiki

komputerowej niezale

komputerowej niezale

ż

ż

nie od zastosowa

nie od zastosowa

ń.

ń.

Dodatkowo mo

Dodatkowo mo

ż

ż

na wymieni

na wymieni

ć

ć

specyficzny rodzaj grafiki nie

specyficzny rodzaj grafiki nie

podlegaj

podlegaj

ą

ą

cy bezpo

cy bezpo

ś

ś

rednio pod

rednio pod

ż

ż

aden z wy

aden z wy

ż

ż

ej wymienionych -

ej wymienionych -

grafik

grafik

ę

ę

fraktaln

fraktaln

ą

ą

.

.

GRAFIKA KOMPUTEROWA

GRAFIKA KOMPUTEROWA

GRAFIKA KOMPUTEROWA

GRAFIKA KOMPUTEROWA

Ze wzgl

Ze wzgl

ę

ę

du na rodzaj sceny, grafik

du na rodzaj sceny, grafik

ę

ę

komputerow

komputerow

ą

ą

dzielimy na

dzielimy na

:

:



grafik

grafik

ę

ę

p

p

ł

ł

ask

ask

ą

ą

-

-

grafika 2D

grafika 2D



grafik

grafik

ę

ę

trójwymiarow

trójwymiarow

ą

ą

-

-

grafika 3D.

grafika 3D.

GRAFIKA WEKTOROWA

GRAFIKA WEKTOROWA

Sposób opisu obrazu oparty na formu

Sposób opisu obrazu oparty na formu

ł

ł

ach matematycznych.

ach matematycznych.

G

G

rafika wektorowa zachowuje informacje o tworz

rafika wektorowa zachowuje informacje o tworz

ą

ą

cych kształty

cych kształty

obiektów liniach oraz krzywych - wł

obiektów liniach oraz krzywych - wł

ą

ą

czaj

czaj

ą

ą

c ich po

c ich po

ł

ł

o

o

ż

ż

enie oraz

enie oraz

barw

barw

ę

ę

.

.

CECHY GRAFIKI WEKTOROWEJ

CECHY GRAFIKI WEKTOROWEJ

1.

1.

Stała jako

Stała jako

ść

ść

obrazu niezale

obrazu niezale

ż

ż

nie od tego, w jakiej skali

nie od tego, w jakiej skali

zostanie on wy

zostanie on wy

ś

ś

wietlony.

wietlony.

2.

2.

Mniejsza w porównaniu ze standardowymi formatami (JPEG,

Mniejsza w porównaniu ze standardowymi formatami (JPEG,

GIF, BMP) wielko

GIF, BMP) wielko

ść

ść

plików - zarówno w przypadku

plików - zarówno w przypadku

statycznych obrazów jak animacji (np. prezentacji Flash).

statycznych obrazów jak animacji (np. prezentacji Flash).

3.

3.

Większa kontrola nad wyglądem i położeniem obiektów

Większa kontrola nad wyglądem i położeniem obiektów

rysunku. Podczas edycji obrazka zapisanego w formacie

rysunku. Podczas edycji obrazka zapisanego w formacie

wektorowym poszczególne obiekty można modyfikować

wektorowym poszczególne obiekty można modyfikować

niezależnie od pozostałych.

niezależnie od pozostałych.

4.

4.

Przed

opublikowaniem

w

Sieci

grafiki

wektorowe

Przed

opublikowaniem

w

Sieci

grafiki

wektorowe

przekształca się w ich odpowiedniki bitmapowe. Jest to

przekształca się w ich odpowiedniki bitmapowe. Jest to

podyktowane

koniecznością

zachowania

możliwości

podyktowane

koniecznością

zachowania

możliwości

wyświetlenia obiektów graficznych w różnych systemach.

wyświetlenia obiektów graficznych w różnych systemach.

Wyjątkiem są tutaj prezentacje Flash i Shockwave, które

Wyjątkiem są tutaj prezentacje Flash i Shockwave, które

dzięki istnieniu wtyczek (

dzięki istnieniu wtyczek (

plug-ins

plug-ins

) do przeglądarek są

) do przeglądarek są

"rozumiane" przez większość komputerów.

"rozumiane" przez większość komputerów.

5.

5.

Wielkość plików słabo zależy od rozdzielczości obrazu, jest

Wielkość plików słabo zależy od rozdzielczości obrazu, jest

tylko funkcją ilości i złożoności opisu jego elementów

tylko funkcją ilości i złożoności opisu jego elementów

składowych.

składowych.

ZASTOSOWANIA GRAFIKI

ZASTOSOWANIA GRAFIKI

WEKTOROWEJ

WEKTOROWEJ



Rysunek techniczny

Rysunek techniczny



Komputerowe wspomaganie projektowania (Computer Aided

Komputerowe wspomaganie projektowania (Computer Aided

Design – CAD)

Design – CAD)



Systemy informacji geodezyjnej (Geographical Information

Systemy informacji geodezyjnej (Geographical Information

System – GIS)

System – GIS)



Animacje Macromedia Flash (WWW)

Animacje Macromedia Flash (WWW)



Nowe standardy WWW: Scalable Vector Graphics – SVG

Nowe standardy WWW: Scalable Vector Graphics – SVG

OPROGRAMOWANIE GRAFIKI

OPROGRAMOWANIE GRAFIKI

WEKTOROWEJ

WEKTOROWEJ



Adobe ilustrator

Adobe ilustrator



Corel ColrelDraw

Corel ColrelDraw



Deneba Canvas

Deneba Canvas



Creature House expression

Creature House expression



Macromedia Freehand

Macromedia Freehand



Xara

Xara



Designer

Designer

GRAFIKA RASTROWA

GRAFIKA RASTROWA

Metoda tworzenia grafiki komputerowej traktuj

Metoda tworzenia grafiki komputerowej traktuj

ą

ą

ca obraz jako

ca obraz jako

zbiór bardzo ma

zbiór bardzo ma

ł

ł

ych niezale

ych niezale

ż

ż

nych od siebie punktów tej samej

nych od siebie punktów tej samej

wielko

wielko

ś

ś

ci (pikseli) uło

ci (pikseli) uło

ż

ż

onych równo w wierszach i kolumnach.

onych równo w wierszach i kolumnach.

Pliki rastrowe nazywa się równie

Pliki rastrowe nazywa się równie

ż

ż

plikami

plikami

bitmapowymi.

bitmapowymi.

RASTER

RASTER

Rastrem

Rastrem

– nazywamy m

– nazywamy m

ozaik

ozaik

ę

ę

pikseli jednakowych rozmiarów o

pikseli jednakowych rozmiarów o

ró

ró

ż

ż

nych odcieniach szaro

nych odcieniach szaro

ś

ś

ci lub ró

ci lub ró

ż

ż

nych kolorach

nych kolorach

CECHY GRAFIKI RASTROWEJ

CECHY GRAFIKI RASTROWEJ



Umożliwia zachowanie dużego realizmu kolorystycznego

Umożliwia zachowanie dużego realizmu kolorystycznego

poprzez indywidualne określanie barwy każdego elementu

poprzez indywidualne określanie barwy każdego elementu

obrazu.

obrazu.



Nie pozwala na dokonywanie transformacji geometrycznych na

Nie pozwala na dokonywanie transformacji geometrycznych na

elementach składowych (a nie fragmentach) obrazu.

elementach składowych (a nie fragmentach) obrazu.



Wielko

Wielko

ść

ść

plików szybko ro

plików szybko ro

ś

ś

nie wraz rozdzielczo

nie wraz rozdzielczo

ś

ś

cią (ilo

cią (ilo

ś

ś

ci

ci

ą

ą

pikseli) obrazu

pikseli) obrazu

.

.

ZASTOSOWANIA GRAFIKI

ZASTOSOWANIA GRAFIKI

RASTROWEJ

RASTROWEJ



Grafika fotorealistyczna

Grafika fotorealistyczna



Cyfrowa obróbka obrazu

Cyfrowa obróbka obrazu



Fotografia cyfrowa

Fotografia cyfrowa



Cyfrowe wideo i telewizja

Cyfrowe wideo i telewizja



World Wide Web

World Wide Web

PROGRAMY DO GRAFIKI RASTROWEJ

PROGRAMY DO GRAFIKI RASTROWEJ



Paint, Photoshop

Paint, Photoshop



Paint Shop Pro

Paint Shop Pro



Corel Photo-Paint

Corel Photo-Paint

RÓŻNICE MIĘDZY GR I GW

RÓŻNICE MIĘDZY GR I GW

rys.grafika rastrowa;

rys.grafika rastrowa;

rys.grafika wektorowa

rys.grafika wektorowa

;

;

Różnice między rysunkiem rastrowym a wektorowym są

Różnice między rysunkiem rastrowym a wektorowym są

s

s

zczególnie

zczególnie

widoczne podczas skalowania (czyli zmiany rozmiaru) rysunku lub

widoczne podczas skalowania (czyli zmiany rozmiaru) rysunku lub

obiektu. Oto jak będzie wyglądała mała literka "a",; po powiększeniu

obiektu. Oto jak będzie wyglądała mała literka "a",; po powiększeniu

jej o 700% w rysunku rastrowym i wektorowym:

jej o 700% w rysunku rastrowym i wektorowym:

RÓŻNICE MIĘDZY GR I GW

RÓŻNICE MIĘDZY GR I GW

RÓŻNICE MIĘDZY GR I GW

RÓŻNICE MIĘDZY GR I GW

W rysunku rastrowym wszystko jest zapamiętywane z punktów. Tak

W rysunku rastrowym wszystko jest zapamiętywane z punktów. Tak

więc "mały" odcinek jest zapamiętany z określonej liczby punktów,

więc "mały" odcinek jest zapamiętany z określonej liczby punktów,

po powiększeniu go te małe punkty stają się duże, a na dodatek jest

po powiększeniu go te małe punkty stają się duże, a na dodatek jest

ich tyle samo. Różnica między "małym" odcinkiem a "dużym", polega

ich tyle samo. Różnica między "małym" odcinkiem a "dużym", polega

więc na powiększeniu stałej liczby punktów.

więc na powiększeniu stałej liczby punktów.

RÓŻNICE MIĘDZY GR I GW

RÓŻNICE MIĘDZY GR I GW

W rysunku wektorowym odcinek jest zapamiętywany jako zbiór

W rysunku wektorowym odcinek jest zapamiętywany jako zbiór

dwóch

punktów

(początkowy

i

końcowy)

o

określonych

dwóch

punktów

(początkowy

i

końcowy)

o

określonych

współrzędnych. Następnie program oblicza pośrednie punkty ze

współrzędnych. Następnie program oblicza pośrednie punkty ze

wzoru matematycznego i następnie wyświetla je na ekranie.

wzoru matematycznego i następnie wyświetla je na ekranie.

Powiększenie odcinka w tym przypadku polega na obliczeniu nowych

Powiększenie odcinka w tym przypadku polega na obliczeniu nowych

współrzędnych dla obu punków i następnie na nowo, na obliczeniu

współrzędnych dla obu punków i następnie na nowo, na obliczeniu

punktów pośrednich. Grubość odcinka nie zmieniła się, gdyż

punktów pośrednich. Grubość odcinka nie zmieniła się, gdyż

zmienialiśmy tylko jego rozmiar.

zmienialiśmy tylko jego rozmiar.

KOMPRESJA OBRAZU

KOMPRESJA OBRAZU

A

A

lgorytm zmniejszania obj

lgorytm zmniejszania obj

ę

ę

to

to

ś

ś

ci obrazu przechowywanego w pliku

ci obrazu przechowywanego w pliku

komputerowym.

komputerowym.

Rozró

Rozró

ż

ż

nia si

nia si

ę

ę

kompresj

kompresj

ę

ę

obrazu z utrat

obrazu z utrat

ą

ą

informacji (lossy), np.

informacji (lossy), np.

JPEG, i kompresje obrazu bez utraty informacji (loss-free), np. GIF.

JPEG, i kompresje obrazu bez utraty informacji (loss-free), np. GIF.

FORMATY PLIKÓW GRAFIKI

FORMATY PLIKÓW GRAFIKI

RASTROWEJ

RASTROWEJ

BITMAPY

BITMAPY

- n

- n

azw

azw

ą

ą

t

t

ą

ą

okre

okre

ś

ś

la si

la si

ę

ę

rastrowe obrazy graficzne, które

rastrowe obrazy graficzne, które

składaj

składaj

ą

ą

si

si

ę

ę

z pojedynczych punktów, czyli pikseli.

z pojedynczych punktów, czyli pikseli.

Bitmapa nie musi przechowywa

Bitmapa nie musi przechowywa

ć

ć

informacji o kolorze ka

informacji o kolorze ka

ż

ż

dego jej

dego jej

piksela - wystarczy jej informacja,

piksela - wystarczy jej informacja,

ż

ż

e dany piksel ró

e dany piksel ró

ż

ż

ni si

ni si

ę

ę

od

od

s

s

ą

ą

siedniego barw

siedniego barw

ą

ą

.

.

W ten sposób bitmapy, które zawieraj

W ten sposób bitmapy, które zawieraj

ą

ą

du

du

ż

ż

o miejsc w tym samym

o miejsc w tym samym

kolorze,

kolorze,

mają mniejszy rozmiar

mają mniejszy rozmiar

.

.

BMP

BMP

 

 

- f

- f

ormat przechowywania grafiki rastrowej opracowany dla

ormat przechowywania grafiki rastrowej opracowany dla

OS/2, a nast

OS/2, a nast

ę

ę

pnie zastosowany jako podstawowy format plików

pnie zastosowany jako podstawowy format plików

graficznych Windows, co jest główn

graficznych Windows, co jest główn

ą

ą

przyczyn

przyczyn

ą

ą

popularno

popularno

ś

ś

ci tego

ci tego

formatu.

formatu.

Pliki BMP mogą zawierać obrazy o gł

Pliki BMP mogą zawierać obrazy o gł

ę

ę

bi kolorów do 24 bitów, a

bi kolorów do 24 bitów, a

więc ok. 16,7 milionów kolorów.

więc ok. 16,7 milionów kolorów.

Możliwa jest również ich kompresja.

Możliwa jest również ich kompresja.

FORMATY PLIKÓW GRAFIKI

FORMATY PLIKÓW GRAFIKI

RASTROWEJ

RASTROWEJ

GIF

GIF

-

-

 

 

j

j

eden z popularnych formatów plików graficznych. Zachowany

eden z popularnych formatów plików graficznych. Zachowany

w nim obraz może być czarno-biały, w odcieniach szarości lub

w nim obraz może być czarno-biały, w odcieniach szarości lub

kolorowy (maksymalnie 256 barw).

kolorowy (maksymalnie 256 barw).

Zaletą GIF-ów jest ich mały rozmiar (dzięki kompresji) oraz

Zaletą GIF-ów jest ich mały rozmiar (dzięki kompresji) oraz

możliwość tworzenia animowanych GIF-ów

możliwość tworzenia animowanych GIF-ów

.

.

Formatu

GIF

można

używać

za

darmo,

ale

tworzenie

Formatu

GIF

można

używać

za

darmo,

ale

tworzenie

wykorzystujących go aplikacji wymaga porozumienia z mającą do

wykorzystujących go aplikacji wymaga porozumienia z mającą do

niego prawa firmą Unisys. Pliki w tym formacie mają

niego prawa firmą Unisys. Pliki w tym formacie mają

rozszerzenie .gif

rozszerzenie .gif

FORMATY PLIKÓW GRAFIKI

FORMATY PLIKÓW GRAFIKI

RASTROWEJ

RASTROWEJ

JPEG

JPEG

 

 

-

-

potrafi zapisywa

potrafi zapisywa

ć

ć

24-bitowy kolor ze stuprocentow

24-bitowy kolor ze stuprocentow

ą

ą

wierno

wierno

ś

ś

ci

ci

ą

ą

, ale mo

, ale mo

ż

ż

na tak

na tak

ż

ż

e pomin

e pomin

ąć

ąć

niektóre szczegó

niektóre szczegó

ł

ł

y, dzi

y, dzi

ę

ę

ki

ki

czemu plik wynikowy zajmuje znacznie mniej miejsca (jest to

czemu plik wynikowy zajmuje znacznie mniej miejsca (jest to

zwane kompresją stratną, gdyż prowadzi ona do utraty jako

zwane kompresją stratną, gdyż prowadzi ona do utraty jako

ś

ś

ci

ci

obrazu, cho

obrazu, cho

ć

ć

przy niskim stopniu kompresji oko ludzkie nie

przy niskim stopniu kompresji oko ludzkie nie

dostrzega zmian jako

dostrzega zmian jako

ś

ś

ci).

ci).

Ponieważ po kompresji pliki JPEG mogą być bardzo małe, są

Ponieważ po kompresji pliki JPEG mogą być bardzo małe, są

chętnie stosowane w internecie do urozmaicania wyglądu stron

chętnie stosowane w internecie do urozmaicania wyglądu stron

WWW.

WWW.

Pliki w formacie JPEG mają rozszerzenia .jpg lub .jpeg

Pliki w formacie JPEG mają rozszerzenia .jpg lub .jpeg

FORMATY PLIKÓW GRAFIKI

FORMATY PLIKÓW GRAFIKI

RASTROWEJ

RASTROWEJ

TIFF

TIFF

 

 

-

-

jest rodzajem bitmapy wykorzystującym ró

jest rodzajem bitmapy wykorzystującym ró

ż

ż

ne metody

ne metody

kompresji; istnieje te

kompresji; istnieje te

ż

ż

mo

mo

ż

ż

liwo

liwo

ść

ść

zapisu bez kompresji.

zapisu bez kompresji.

TIFF zapisuje 24-bitowy kolor.

TIFF zapisuje 24-bitowy kolor.

Format ten został stworzony przez firmy Aldus i Microsoft, obecnie

Format ten został stworzony przez firmy Aldus i Microsoft, obecnie

jego w

jego w

ł

ł

a

a

ś

ś

cicielem jest Adobe Systems.

cicielem jest Adobe Systems.

T

T

en rodzaj plików ma rozszerzenia .tif lub .tif

en rodzaj plików ma rozszerzenia .tif lub .tif

FORMATY PLIKÓW GRAFIKI

FORMATY PLIKÓW GRAFIKI

RASTROWEJ

RASTROWEJ

PCX

PCX

 

 

- f

- f

ormat zapisu plików graficznych opracowany na początku

ormat zapisu plików graficznych opracowany na początku

lat 80, gdy w użyciu były jeszcze karty graficzne CGA i Hercules.

lat 80, gdy w użyciu były jeszcze karty graficzne CGA i Hercules.

Pó

Pó

ź

ź

niej modyfikowany; obecnie zapisuje 24-bitowy kolor.

niej modyfikowany; obecnie zapisuje 24-bitowy kolor.

Pliki w tym formacie (rozszerzenie .pcx) nie s

Pliki w tym formacie (rozszerzenie .pcx) nie s

ą

ą

kompresowane.

kompresowane.

FORMATY PLIKÓW GRAFIKI

FORMATY PLIKÓW GRAFIKI

RASTROWEJ

RASTROWEJ

WMF

WMF

– Windows Meta File – uniwersalny format zapisu

– Windows Meta File – uniwersalny format zapisu

wektorowego stosowany w MS Windows

wektorowego stosowany w MS Windows

;

;

CDR

CDR

– format stosowany przez aplikacje firmy Autodesk: AutoCAD i

– format stosowany przez aplikacje firmy Autodesk: AutoCAD i

in., standard przemysłowy

in., standard przemysłowy

;

;

EPS, PS

EPS, PS

– (Encapsulated) PostScript – w

– (Encapsulated) PostScript – w

ł

ł

a

a

ś

ś

ciwie j

ciwie j

ę

ę

zyk opisu

zyk opisu

(wygl

(wygl

ą

ą

du) stron, opracowany przez firm

du) stron, opracowany przez firm

ę

ę

Adobe, stosowany w

Adobe, stosowany w

zapisie dla celów poligraficznych, obsługiwany sprz

zapisie dla celów poligraficznych, obsługiwany sprz

ę

ę

towo przez

towo przez

wiele rodzajów drukarek i profesjonalnych systemów drukowania

wiele rodzajów drukarek i profesjonalnych systemów drukowania

FORMATY PLIKÓW GRAFIKI

FORMATY PLIKÓW GRAFIKI

RASTROWEJ

RASTROWEJ