GRAFIKA KOMPUTEROWA -
DEFINICJE

G

R

A

F

IK

A

K

O

M

P

U

T

E

R

O

W

A

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Dział informatyki zajmujący się
wizualnym przedstawianiem
tego co rzeczywiste bądź
wymyślone za pośrednictwem
komputera.

G

R

A

F

IK

A

W

E

K

T

O

R

O

W

A

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Obrazy generowane są z
obiektów prostych (linie, punkty,
koła, …).



Obraz zapisany przy pomocy
wektorów opisujących położenie
elementów, czyli za pomocą
wzorów matematycznych.



Wykorzystywana dla elementów
wymagających dużej precyzji,



Rysunek techniczny,



Projekt logo firmy,



Film animowany,



Wizytówka.



Przykładowe programy do grafiki
wektorowej:

Corel Draw,
Flash,
Maya.

G

R

A

F

IK

A

R

A

S

T

R

O

W

A

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Obraz to
mozaika maleńkich punktów,
zwanych pikselami. Każdy piksel
ma swoje miejsce i kolor.



Zastosowanie:



Edycja fotografii (retusz,
kolorowanie, nakładanie filtrów),



Animowane obrazki typu gif,



Elementy stron WWW.



Programy:

Photoshop, Corel

Photopaint, Paint Shop Pro, GIMP.

P

IK

S

E

L

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Najmniejszy punkt ekranu lub
obrazu.



Słowo powstałe jako zlepek
angielskich picture oraz element:

pixel

.

R

O

Z

D

Z

IE

L

C

Z

O

Ś

Ć

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Rozmiar obrazka podany ilością

pikseli w jego szerokości i wysokości.



Przykładowo rozdzielczość ekranu 800x640

oznacza, że można na nim wyświetlić

maksymalnie 800 pikseli w jego szerokości i

640 w wysokości.



DPI, PPI, LPI



Ilość pikseli (kropek, punktów, lini) na

jednostkę długości (cal) –

dots/points/lines per inch.



Określa ile punktów będzie miał obraz

w swojej szerokości.



Określenie stosowane głównie w

przypadku urządzeń typu skaner,

drukarka, ploter.

G

Ł

Ę

B

IA

K

O

L

O

R

U

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Ilość informacji przekazywana w

każdym pikselu.



Im większa głębia tym

dokładniejszy obraz, ale także tym

więcej miejsca na dysku zajmie plik.



Przykładowo: jeśli mamy 8-bitową

głębię koloru na obrazie można

będzie wyświetlić 2

8

=256 odcieni

danego koloru.



Jest to także zakres barw

wyświetlanych na monitorze.

Głębia koloru

Oznaczenie

Ilość kolorów

możliwych do

wyświetlenia

1-bitowa

2

1

2

(np. biały i czarny)

8-bitowa

2

8

256

24-bitowa

2

24

16 777 216

32-bitowa

2

32

4 294 967 296

K

A

N

A

Ł

A

L

FA

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Liczba ośmiobitowa służąca do

tworzenia kolorów o określonym

stopniu przezroczystości.



Jest dopisywana do pozostałych

współrzędnych koloru

(np. RGB)

(np. RGB)

– nie

może istnieć samodzielnie.



Kanał alfa przechowuje informacje o

odcieniach szarości:

A

L

IA

S

IN

G

I

A

N

T

Y

A

L

IA

S

IN

G

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Aliasing

Aliasing

– zjawisko zniekształcania

obrazu w wyniku zbyt małej
częstotliwości jego próbkowania w
procesie rasteryzacji (zamiany na
obraz rastrowy).



Antyaliasing

Antyaliasing - zmniejszenie lub
całkowita eliminacja „efektu
schodków” powstającego przy
zmianie rozdzielczości bądź
częstotliwości próbkowania obrazu.

Bez antyaliasingu

Z antyaliasingiem

A

L

IA

S

IN

G

I

A

N

T

Y

A

L

IA

S

IN

G

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Krzywe zdefiniowane przez
położenie czterech punktów,
dwóch końcowych zwanych

węzłam

węzłami

oraz dwóch tzw.

punktów

punktów

kontrolnych

kontrolnych opisujących kąt
nachylenia.



Wykorzystywane głównie w grafice
wektorowej.



Wymyślone przez Pierre Beziera

z myślą o projektantach linii
samochodowych w firmie Renault.

C

L

IP

A

R

T

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Gotowy do użycia obrazek,
zapisany najczęściej w formacie
wektorowym.



Programy użytkowe najczęściej
posiadają własne biblioteki
(zbiory) klipów, które w pewnym
stopniu mogą być modyfikowane
przez użytkownika.

D

IT

H

E

R

IN

G

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening

G

R

A

D

IE

N

T

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Tonalne przejście pomiędzy co
najmniej dwoma barwami.



Przejścia kolorów mogą być:



Liniowe,



Radialne,



Specjalne (np. po krzywej).

W

A

R

S

T

W

A

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Samodzielny element obrazu. Jej

położenie jest ściśle określone i

może zajmować miejsce pod lub

nad innymi elementami.



Zmiana zawartości jakiejkolwiek

warstwy nie wpływa na pozostałe.



Warstwy można wyobrazić sobie

jako nałożone na siebie folie:

na każdej z nich namalowane jest

coś innego, a razem tworzą pełny

obrazek.

W

A

R

S

T

W

A

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Selekcja (maska)

Selekcja (maska)



Zaznaczony, przy użyciu
specjalnych narzędzi, obszar
rysunku.



Wszystkie piksele obrazka objęte
maską, mogą być poddawane
edycji a pozostałe są chronione
przed zmianami.



Nie można jej zapisać w pliku (jest
tymczasowa).



Ścieżka

Ścieżka



Rodzaj selekcji.



Może być zapisana w pliku obrazka.



Pozwala dokonywać różne operacje
na pliku, np. stworzyć ruch po
zadanej krzywej.

R

E

N

D

E

R

IN

G

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



W grafice 3D to przeliczenie
danej sceny i utworzenie pliku
wyjściowego w formie obrazu
statycznego lub animacji.



Zamiana obrazu 3D na 2D.

T

W

E

E

N

IN

G

1)

Grafika komputerowa

2)

Grafika wektorowa

3)

Grafika rastrowa

4)

Piksel

5)

Rozdzielczość

6)

Głębia koloru

7)

Kanał Alfa

8)

Aliasing i antyaliasing

9)

Krzywe Beziera

10)

ClipArt

11)

Dithering

12)

Gradient

13)

Warstwa

14)

Selekcja , maska,

ścieżka

15)

Rendering

16)

Tweening



Generowania ruchomych
obrazów polegająca na tworzeniu
jedynie tzw. ujęć (klatek)
kluczowych, na podstawie
których komputer wylicza
pozostałe klatki animacji.