1. OSNOVE ICT-a PRIKAZ SLIKA NA MONITORU I PISAČU
6. razred
učiteljica: Iva Naranđa

2. Prisjetimo se …
Od kojih znakova je sačinjen jezik kojim govori računalo ?
Što je bit, a što bajt ?
U kakvom obliku trebaju biti prikazani podaci da bi ih spremnik računala mogao upamtiti ?

3. Kako slike i crteže pohraniti u binarnom zapisu ?
Da bi prikazalo sliku, računalo je pretvara u određeni broj točaka
Svaka točka može biti točno određene 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. RASTERSKA GRAFIKA
Slika se na zaslonu crta pomoću niza točkica (elementa slike) raspoređenih u kvadratnu mrežu, a te točkice nazivamo pikselima
Kvadratnu mrežu nazivamo raster, a takav način stvaranja slike rasterska grafika
VIŠE …

6. RAZLUČIVOST ZASLONA
Broj točaka (piksela) od kojih se stvara slika na zaslonu naziva se razlučivost zaslona
Iskazuje se kao broj vodoravnih x broj okomitih zaslonskih točaka (npr 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 točkica odozgo prema dolje, s lijeve strane na desnu
Kada se jednom iscrta cijela slika, počinje se crtati ispočetka
Postupak se događa u dijeliću sekunde, tako da ga naše oko ne primjećuje
Točkice 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 tisuća malih žaruljica od kojih se sastoji ekran
LCD monitori daju savršeno čistu i mirnu sliku

9. Kako provjeriti razlučivost vašeg zaslona ?
Start > Upravljačka ploča > Prikaz
kartica Postavke, okvir Razlučivost zaslona
ILI
Start > Control Panel > Display
kartica Settings, okvir Screen resolution

10. Primjer 1: Kako 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:
Pomoću finijeg rastera, tj. upotrebom točaka koje su manje i gušće.

11. RAZLUČIVOST SLIKE (REZOLUCIJA SLIKE)
Broj piksela u rasteru po jedinici duljine
Što je broj piksela po jedinici duljine veći, tj. što su točkice sitnije i gušće poredane, raster je finiji, a slike ljepše

12. Slika na kojoj je vidljiva točkasta struktura:

13. Primjer 2: crno – bijeli znak plus
Za crno – bijele slike računalo 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)
razlučivost: 12 x 12 piksela (ukupno 144 piksela)
znak plus prikazan pomoću
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 različiti načini (formati) pohranjivanja slika, a najpoznatiji su: BMP, TIF, GIF i JPEG
Ako istu sliku spremimo u formatu JPEG, GIF i BMP te usporedimo veličinu datoteka, dobit ćemo rezultat: BMP > JPEG, a JPEG > GIF
VIŠE …

16. RAZLUČIVOST ISPISA
Pisači također upotrebljavaju rasterski prikaz slike
Razlučivost ili rezolucija ispisa iskazuje se točkama po jednom inču (dots per inch – dpi) čime se opisuje veličina najmanje točke koju pisač može ispisati
npr. pisač od 600 dpi ne može ispisati točku manju od 1/600 inča
VIŠE …

17. VEKTORSKA GRAFIKA
Za opis slike upotrebljava matematičke formule, npr. za rad s dužinom upotrebljava koordinate njezinih krajnjih točaka
Objekt je određen kao skup koordinata i linija
Čuva kvalitetu slike pri promjeni veličine

18. ZAŠTO DVIJE VRSTE GRAFIKE ?
Tehničke crteže je lakše izrađivati vektorskom grafikom, a fotografije rasterskom grafikom
Ako rastersku sliku želimo povećati, program će povećati piksele, a ako je želimo smanjiti, program će ukloniti neke piksele – time se gubi dio informacije o slici
Prilikom promjene veličine vektorske slike program povećava ili smanjuje slike prema matematičkim formulama pa sve informacije o slici ostaju sačuvane

19. Razlika između slika napravljenih u rasterskoj i vektorskoj grafici pri povećanju od 10 x:

20. Razlika između slika napravljenih vektorskom i rasterskom grafikom:

21. Razlika između slika napravljenih vektorskom i rasterskom grafikom:

22. PONOVIMO …
Što je piksel ?
Što je razlučivost ili rezolucija zaslona ?
Kako iskazujemo razlučivost zaslona ?
Što je raster ?
Navedi dvije vrste grafika.
Što je razlučivost 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 razlučivost ili rezoluciju ispisa ?
Da li kod vektorske grafike ima gubitka na kvaliteti pri promjeni veličine slike ?
Kakva će biti rasterska slika ako ju povećamo?

23. a) razlika pojmova crtež i slika:
ZA ONE KOJI
ŽELE ZNATI VIŠE
a) razlika pojmova crtež i slika:
u informatici se razlikuju pojmovi crtež i slika: crtež (engl. draw) je nacrtan vektorskom grafikom, slika (engl. paint) je nastala rasterskom grafikom
crtež (kao informatički pojam) je slika nastala vektorskom grafikom
NAZAD

24. ZA ONE KOJI
ŽELE ZNATI VIŠE
b) višebojni pikseli
sastoje se od tri “podpiksela”, tri točke koje je moguće 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 točke, izgleda kao da je na tom mjestu jedna točka miješane boje
različitim intenzitetom sjaja i blizinom podpiksela postiže se efekt sjaja piksela nekom od preko 16 milijuna boja
NAZAD

25. c) zbrajajuće (aditivno) miješanje boja
ZA ONE KOJI
ŽELE ZNATI VIŠE
c) zbrajajuće (aditivno) miješanje boja
Obojeno svijetlo se miješa prema određenim fizikalnim zakonitostima i čini različite nijanse i boje - taj način miješanja boja nazivamo zbrajajuće miješanje
NAZAD
DALJE

26. d) oduzimajuće (subtraktivno) miješanje boja
ZA ONE KOJI
ŽELE ZNATI VIŠE
d) oduzimajuće (subtraktivno) miješanje boja
Mješanje obojenih tekućina, pasti i boja nazivamo oduzimajuće miješanje
boju vidimo zato što se bijela svijetlost Sunca odbija od obojene površine
npr. ako želite miješanjem različito obojenih tempera dobiti nijanse i tonove, vrijede drugačija pravila (više o tome u likovnoj kulturi i fizici)
NAZAD

27. e) primjeri razlučivosti monitora:
ZA ONE KOJI
ŽELE ZNATI VIŠE
NAZAD
e) primjeri razlučivosti monitora:
KVALITETA
RAZLUČIVOST
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 razlučivost, rijetko se koristi
Srednja
1024 x 768
standardno za današnja grafička sučelja operacijskih sustava
Viša
1280 x 720
na većim zaslonima za prikaz grafičkih sučelja operacijskih sustava i u mnogim programima
Vrlo visoka
1280 x 1024
u vrhunskim programima za grafičku obradu, za vrlo kvalitetne animacije i najkvalitetnije računalne igre

28. f) formati za pohranjivanje 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, ograničen na 256 boja (8 bit), datoteke slika su male i brzo se učitavaju pa se često 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. ZA ONE KOJI
ŽELE ZNATI VIŠE
g) ispis u boji
Pisači u boji ispisuju otisak u četiri osnovne boje: cijanoplavoj, magentoljubičastoj, žutoj i crnoj
Nizanjem sitnih točaka tih četiriju boja postiže se privid različitih boja
Osnovni element ispisa ne naziva se pikselom, već 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: pisač ili postavlja na mjesto piknje određenu količinu tinte ili ne postavlja
Većina pisača koristi CMYK sustav prikaza boja na osnovi oduzimajućeg miješanja boja
NAZAD