OSNOVE%20ICT-a%20PRIKAZ%20SLIKA%20NA%20MONITORU%20I%20PISACU

1
OSNOVE ICT-aPRIKAZ SLIKA NAMONITORU I PISACU

• 6. razred
• uciteljica Iva Naranda

2
Prisjetimo se

• Od kojih znakova je sacinjen jezik kojim govori
  racunalo ?
• Što je bit, a što bajt ?
• U kakvom obliku trebaju biti prikazani podaci da
  bi ih spremnik racunala mogao upamtiti ?

3
Kako slike i crteže pohraniti u binarnom zapisu ?

• Da bi prikazalo sliku, racunalo je pretvara u
  odredeni broj tocaka
• Svaka tocka može biti tocno odredene boje koja se
  sastoji od tri osnovne komponente (crvena, zelena
  i plava) što je tzv. RGB paleta boja (engl.
  RedGreenBlue)

VIŠE
4
DVIJE VRSTE GRAFIKA

• rasterska grafika i vektorska grafika

VIŠE
5
RASTERSKAGRAFIKA

• Slika se na zaslonu crta pomocu niza tockica
  (elementa slike) rasporedenih u kvadratnu mrežu,
  a te tockice nazivamo pikselima
• Kvadratnu mrežu nazivamo raster, a takav nacin
  stvaranja slike rasterska grafika

VIŠE
6
RAZLUCIVOSTZASLONA

• Broj tocaka (piksela) od kojih se stvara slika na
  zaslonu naziva se razlucivost zaslona
• Iskazuje se kao broj vodoravnih x broj okomitih
  zaslonskih tocaka (npr. 1024 x 768, 1200 x 1024 i
  dr.)

VIŠE
7
Kako nastaje slika na zaslonu ?

• S unutrašnje strane stakla zaslona nalazi se
  mrežica koja dijeli zaslon u kvadratnu mrežu
• Slika na zaslonu nastaje redanjem tockica odozgo
  prema dolje, s lijeve strane na desnu
• Kada se jednom iscrta cijela slika, pocinje se
  crtati ispocetka
• Postupak se dogada u dijelicu sekunde, tako da ga
  naše oko ne primjecuje
• Tockice za pojedinu boju pojavljuju se jako blizu
  jedna druge pa nam izgleda kao da se miješaju

8
Slika na LCD monitoru ?

• Nastaje paljenjem i gašenjem stotina tisuca malih
  žaruljica od kojih se sastoji ekran
• LCD monitori daju savršeno cistu i mirnu sliku

9
Kako provjeriti razlucivost vašeg zaslona ?

1. Start gt Upravljacka ploca gt Prikaz
2. kartica Postavke, okvir Razlucivost zaslona

ILI

1. Start gt Control Panel gt Display
2. kartica Settings, okvir Screen resolution

10
Primjer 1Kako prikazati srce u rasteru s 25
redaka, svaki s 24 piksela (crno-bijelo)?
Srce se može nacrtati samo približno !
Kako bismo mogli nacrtati ljepše srce ?
ODGOVOR
Pomocu finijeg rastera, tj. upotrebom tocaka koje
su manje i gušce.
11
RAZLUCIVOST SLIKE (REZOLUCIJA SLIKE)

• Broj piksela u rasteru po jedinici duljine
• Što je broj piksela po jedinici duljine veci, tj.
  što su tockice sitnije i gušce poredane, raster
  je finiji, a slike ljepše

12
Slika na kojoj je vidljiva tockasta struktura
13
Primjer 2 crno bijeli znak plus

• Za crno bijele slike racunalo za svaki piksel
  treba upamtiti je li bijel (0) ili crn (1)
• Podatak koji sadrži informaciju je li pojedini
  piksel 0 ili 1 naziva se bit
• Za sliku treba upamtiti cjelokupan niz bitova po
  redovima (tzv. bitmapa)

razlucivost 12 x 12 piksela (ukupno 144 piksela)
znak plus prikazan pomocu bitova (0 za bijelo, 1
za crno)
14
A slike u boji ?

• Za slike u boji treba zapamtiti puno više
  informacija
• Pojedini piksel treba opisati s tri bajta
  informacija, po jedan bajt za svaku komponentu
  boje
• Slika s više boja zauzima više memorije

15
FORMATI POHRANJIVANJA SLIKA

• Slike u boji treba stisnuti kako bi zauzele što
  manje memorije
• Upotrebljavaju se razliciti nacini (formati)
  pohranjivanja slika, a najpoznatiji su BMP, TIF,
  GIF i JPEG
• Ako istu sliku spremimo u formatu JPEG, GIF i BMP
  te usporedimo velicinu datoteka, dobit cemo
  rezultat BMP gt JPEG, a JPEG gt GIF

VIŠE
16
RAZLUCIVOST ISPISA

• Pisaci takoder upotrebljavaju rasterski prikaz
  slike
• Razlucivost ili rezolucija ispisa iskazuje se
  tockama po jednom incu (dots per inch dpi) cime
  se opisuje velicina najmanje tocke koju pisac
  može ispisati
• npr. pisac od 600 dpi ne može ispisati tocku
  manju od 1/600 inca

VIŠE
17
VEKTORSKA GRAFIKA

• Za opis slike upotrebljava matematicke formule,
  npr. za rad s dužinom upotrebljava koordinate
  njezinih krajnjih tocaka
• Objekt je odreden kao skup koordinata i linija
• Cuva kvalitetu slike pri promjeni velicine

18
ZAŠTO DVIJE VRSTE GRAFIKE ?

• Tehnicke crteže je lakše izradivati vektorskom
  grafikom, a fotografije rasterskom grafikom
• Ako rastersku sliku želimo povecati, program ce
  povecati piksele, a ako je želimo smanjiti,
  program ce ukloniti neke piksele time se gubi
  dio informacije o slici
• Prilikom promjene velicine vektorske slike
  program povecava ili smanjuje slike prema
  matematickim formulama pa sve informacije o slici
  ostaju sacuvane

19
Razlika izmedu slika napravljenih u rasterskoj i
vektorskoj grafici pri povecanju od 10 x
20
Razlika izmedu slika napravljenih vektorskom i
rasterskom grafikom
21
Razlika izmedu slika napravljenih vektorskom i
rasterskom grafikom
22
PONOVIMO

• Što je piksel ?
• Što je razlucivost ili rezolucija zaslona ?
• Kako iskazujemo razlucivost zaslona ?
• Što je raster ?
• Navedi dvije vrste grafika.
• Što je razlucivost ili rezolucija slike ?
• Što je bitmapa ?
• Koliko bajta je potrebno za opis pojedinog
  piksela slike u boji ?
• Koji su najpoznatiji formati za pohranjivanje
  slika ?
• Kako iskazujemo razlucivost ili rezoluciju ispisa
  ?
• Da li kod vektorske grafike ima gubitka na
  kvaliteti pri promjeni velicine slike ?
• Kakva ce biti rasterska slika ako ju povecamo?

23
a) razlika pojmova crtež i slika
ZA ONE KOJI ŽELE ZNATI VIŠE

• u informatici se razlikuju pojmovi crtež i slika
  crtež (engl. draw) je nacrtan vektorskom
  grafikom, slika (engl. paint) je nastala
  rasterskom grafikom
• crtež (kao informaticki pojam) je slika nastala
  vektorskom grafikom

NAZAD
24
b) višebojni pikseli
ZA ONE KOJI ŽELE ZNATI VIŠE

• sastoje se od tri podpiksela, tri tocke koje je
  moguce zasebno osvijetliti, a svaka sja zasebnom
  bojom (crvenom, zelenom i plavom)
• podpikseli su smješteni jako blizu jedan drugom
  pa ih ljudsko oko ne prepoznaje kao zasebne
  tocke, izgleda kao da je na tom mjestu jedna
  tocka miješane boje
• razlicitim intenzitetom sjaja i blizinom
  podpiksela postiže se efekt sjaja piksela nekom
  od preko 16 milijuna boja

NAZAD
25
c) zbrajajuce (aditivno) miješanje boja
ZA ONE KOJI ŽELE ZNATI VIŠE

• Obojeno svijetlo se miješa prema odredenim
  fizikalnim zakonitostima i cini razlicite nijanse
  i boje - taj nacin miješanja boja nazivamo
  zbrajajuce miješanje

NAZAD
DALJE
26
d) oduzimajuce (subtraktivno) miješanje boja
ZA ONE KOJI ŽELE ZNATI VIŠE

• Mješanje obojenih tekucina, pasti i boja nazivamo
  oduzimajuce miješanje
• boju vidimo zato što se bijela svijetlost Sunca
  odbija od obojene površine
• npr. ako želite miješanjem razlicito obojenih
  tempera dobiti nijanse i tonove, vrijede
  drugacija pravila (više o tome u likovnoj kulturi
  i fizici)

NAZAD
27
e) primjeri razlucivosti monitora
ZA ONE KOJI ŽELE ZNATI VIŠE
NAZAD
KVALITETA RAZLUCIVOST GDJE SE KORISTI
Vrlo niska 480 x 640 danas se ne koristi, osim izuzetno za crtanje u npr. BASIC-u
Niska 800 x 600 najniža podesiva razlucivost, rijetko se koristi
Srednja 1024 x 768 standardno za današnja graficka sucelja operacijskih sustava
Viša 1280 x 720 na vecim zaslonima za prikaz grafickih sucelja operacijskih sustava i u mnogim programima
Vrlo visoka 1280 x 1024 u vrhunskim programima za graficku obradu, za vrlo kvalitetne animacije i najkvalitetnije racunalne igre
28
f) formati zapohranjivanje slika
ZA ONE KOJI ŽELE ZNATI VIŠE
NAZAD
FORMAT OPIS
BMP Format Windowsa za bitmap slike, podržava 16 milijuna boja (24 bit), nesažeti prikaz slike, datoteke vrlo velike
GIF Graphic Interchange Format, ogranicen na 256 boja (8 bit), datoteke slika su male i brzo se ucitavaju pa se cesto upotrebljava na web-stranicama, podržava transparentnu (prozirnu) podlogu
JPEG Joint Photographic Experts Group, može imati 16 milijuna boja (24 bit), upotrebljava se za slike na web-stranicama, ne podržava transparentnu (prozirnu) podlogu
TIFF Tagged Image File Format, može imati 16 milijuna boja (24 bit), standard za sve vrste nekomprimiranih slika
29
g) ispis u boji
ZA ONE KOJI ŽELE ZNATI VIŠE

• Pisaci u boji ispisuju otisak u cetiri osnovne
  boje cijanoplavoj, magentoljubicastoj, žutoj i
  crnoj
• Nizanjem sitnih tocaka tih cetiriju boja postiže
  se privid razlicitih boja
• Osnovni element ispisa ne naziva se pikselom, vec
  piknjom (engl. dot) mlaznica za tintu ili
  laserska zraka nanese na papir piknju tinte
• Postupak ispisa, za razliku od prikaza piksela na
  zaslonu, za svaku piknju nudi samo dva ishoda
  pisac ili postavlja na mjesto piknje odredenu
  kolicinu tinte ili ne postavlja
• Vecina pisaca koristi CMYK sustav prikaza boja na
  osnovi oduzimajuceg miješanja boja

NAZAD