background image

 

 

PODSTAWOWE TYPY 

PODSTAWOWE TYPY 

GRAFIKI KOMPUTEROWEJ

GRAFIKI KOMPUTEROWEJ

background image

 

 

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

background image

 

 

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.

 

 

background image

 

 

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

ę

ę

.

.

 

 

background image

 

 

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 

Sieci 

grafiki 

wektorowe 

Przed 

opublikowaniem 

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.

background image

 

 

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 

background image

 

 

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 

background image

 

 

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. 

background image

 

 

RASTER

RASTER

Rastrem

Rastrem

  –  nazywamy  m

  –  nazywamy  m

ozaik

ozaik

ę

ę

  pikseli  jednakowych  rozmiarów  o 

  pikseli  jednakowych  rozmiarów  o 

ż

ż

nych odcieniach szaro

nych odcieniach szaro

ś

ś

ci lub ró

ci lub ró

ż

ż

nych kolorach

nych kolorach

 

 

background image

 

 

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

background image

 

 

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 

background image

 

 

PROGRAMY DO GRAFIKI RASTROWEJ

PROGRAMY DO GRAFIKI RASTROWEJ

Paint, Photoshop

Paint, Photoshop

Paint Shop Pro

Paint Shop Pro

Corel Photo-Paint

Corel Photo-Paint

 

 

background image

 

 

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:

 

 

background image

 

 

RÓŻNICE MIĘDZY GR I GW

RÓŻNICE MIĘDZY GR I GW

background image

 

 

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. 

background image

 

 

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 

końcowy) 

określonych 

dwóch 

punktów 

(początkowy 

końcowy) 

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.

background image

 

 

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.

 

 

background image

 

 

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

.

.

 

 

background image

 

 

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

background image

 

 

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

background image

 

 

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

background image

 

 

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

background image

 

 

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.

ź

ź

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

background image

 

 

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


Document Outline