GRAFIKA KOMPUTEROWA - DEFINICJEMgr inż. Alicja Pituła-WilczyńskaKatedra Informatyki i Metod Komputerowych

Akademia Pedagogiczna im KEN w Krakowie

http://www.ap.krakow.pl/~apw

apw@ap.krakow.pl

GR

AFIK

A K

OM

PU

TER

OW

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ę przedstawianiem tego co rzeczywiste bądź wymyślone za pośrednictwem komputera.

GR

AFIK

A W

EK

TO

RO

WA

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.

GR

AFIK

A R

AS

TR

OW

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.

PIK

SEL

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.

RO

ZD

ZIE

LC

ZO

ŚĆ

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

OLO

RU

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ć 28=256 odcieni danego koloru.

Jest to także zakres barw wyświetlanych na monitorze.

Głębia koloru OznaczenieIlość kolorów możliwych do wyświetlenia

1-bitowa 21 2 (np. biały i czarny)

8-bitowa 28 256

24-bitowa 224 16 777 216

32-bitowa 232 4 294 967 296

KA

NA

Ł A

LFA

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:

ALIA

SIN

G I A

NTYA

LIA

SIN

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

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

AntyaliasingAntyaliasing - 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

ALIA

SIN

G I A

NTYA

LIA

SIN

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łamwęzłami oraz dwóch tzw. punktów punktów kontrolnychkontrolnych 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.

CLIP

AR

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.

DIT

HER

ING

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

GR

AD

IEN

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).

WA

RS

TW

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.

WA

RS

TW

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.

REN

DER

ING

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.

TW

EEN

ING

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.

KONIECCzas na dyskusję – 5 min.

Czy mają Państwo pytania?Czy mają Państwo pytania?