Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010....
Transcript of Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010....
![Page 1: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/1.jpg)
SLIKOVNA PREDSTAVITEV INFORMACIJE
Gimnazija BrežiceVir: učbenik R. Wechtersbach, Informatika
![Page 2: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/2.jpg)
KAKO SE JE ZAČELO…
l Prvi računalniki so bili namenjeni računanjul Obdelava števil, besedil (manj zahtevno)
l 60. leta – računalnik prvič postane orodje za likovno ustvarjanje (rač. program krmili risalnik)
l 80. leta – še vedno je bilo lažje sliko narisati z roko kot z računalnikom (slike so imele le nekaj barv)
l 90. leta –preobrat na področju grafike
![Page 3: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/3.jpg)
ZAKAJ slikovna predstavitev informacije?
l Grafični znaki nam povedo več kot tisočbesed (prometni znaki, risbe, oznake…)
![Page 4: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/4.jpg)
Področja uporabe
l Programi za načrtovanje (CAD -Computer Assisted Design)
![Page 5: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/5.jpg)
– ARHITEKTURA IN GRADBENIŠTVOl Načrtovanje električne
napeljave, ogrevanja…
– TEKSTILNA INDUSTRIJAl Načrtovanje vzorcev,
krojenje...
Področja uporabe
![Page 6: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/6.jpg)
– STROJNIŠTVOl Risanje načrtovl Oblikovanje izdelkovl Animacija delovanja
– ELEKTRONSKA INDUSTRIJAl Izdelovanje shem integriranih
vezijl Simulacija delovnih razmerl Programsko preverjanje
delovanja integriranega vezja…
Področja uporabe
![Page 7: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/7.jpg)
l NAVIDEZNA RESNIČNOST (Virtual reality)
– Simulacije pretakanja tekočin, naravnih pojavov in gibanj fizikalno-realističnih teles v različnih pogojih…
Področja uporabe
![Page 8: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/8.jpg)
l Net art
– Razstavljanje umetnin v spletu, (nekatere) spletne strani …
Področja uporabe
![Page 9: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/9.jpg)
l Digitalna umetnost
– Umetniško likovno ustvarjanje in oblikovanje s slikarskimi programi …
Področja uporabe
![Page 10: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/10.jpg)
LASTNOSTI RAČUNALNIŠKE GRAFIKE
![Page 11: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/11.jpg)
Barve
l sončna svetloba je sestavljena iz mavričnih barv.l Barva je čutna zaznava, ki jo povzroča elektromagnetno
valovanje z valovno dolžino med 380 mikronov in 750 mikronov.
![Page 12: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/12.jpg)
Mešanje barv
l SUBSTRAKTIVNO (snovno) mešanje barv
l So osnovne tiskarske barve (cian, magenta, rumena)
l Z njimi lahko natisnemo poljubno barvo
l Mešanica vseh barv je črna
![Page 13: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/13.jpg)
Mešanje barv
l ADITIVNO (optično) mešanje
l Osnovne barve so rdeča, zelena in modra
l Vsota vseh barv je bela svetloba
l Ta model uporabljajo zasloni
![Page 14: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/14.jpg)
Barvni modeli
l RGB (Red Green Blue)
– Temelji na treh osnovnih optičnih barvah
– Uporabimo ga za prikaz na zaslonu
– Če zaslonsko sliko natisnemo na papir se nekaj informacije izgubi (tiskalnik uporablja osnovne tiskarske barve)
![Page 15: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/15.jpg)
Barvni modeli
l CMYK (Cyan, Magenta, Yellow, blacK)
– Temelji na osnovnih tiskarskih barvah
– Uporabimo ga, kadar želimo sliko natisniti
![Page 16: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/16.jpg)
Barvni modeli
l YCbCr
Svetilnost točke (angl. luminance)
Vrednost: 0 – črna
1 – najbolj žari
Barvna sestava (angl. chrominance)
Cr – koordinata bližje rdeči
Cb – koordinata bližje modri
![Page 17: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/17.jpg)
Barvni modeli
l RGB (60% vidnega spektra) à zaslonl YCbCr (1/2 vidnega spektra) à video
l CMYK (1/3 vidnega spektra) à tiskanje
l HLS, HSV Hue - Lightness – Saturation, Hue - Saturation - Value
(barvni odtenek, svetlost, nasičenost)
usmerjena k uporabniku
Usm
erjeni v strojno opremo
![Page 18: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/18.jpg)
Ločljivost
l Izražamo s številom pikslov (slikovnih pik) na palec (angl. dotsper inch – dpi) (palec=2,54 cm)
4000 dpi in večKakovostno tiskanje
300 dpiObičajno tiskanje
72 dpiSlike na spletu
92 dpiSlike na zaslonu (običajna ločljivost)
3200 dpi in večOptični bralniki
300 – 1200 dpiLaserski tiskalnik
100 dpiZaslon
P R
I M E
R I
![Page 19: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/19.jpg)
Barvna globina
l MONOKROMATSKI model .. zapis barv z 1 bitom (dve barvi)
l VGA .. zapis barv s 4 biti (16 barv)
l Super VGA .. zapis barv z 8 biti (256 barv)
l High Color .. zapis barv s 16 biti (65 536 barv)
l True Color .. zapis barv z 24 biti (16 777 216 barv)
l 32-bitni model (16 777 216 barv, dodatnih 8 bitov določa prosojnost posameznih pikslov)
![Page 20: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/20.jpg)
OBRAVNAVNJE GRAFIČNIH ELEMENTOV
![Page 21: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/21.jpg)
Točkovno obravnavanje slik
l Barva vsakega piksla je neodvisna od drugih.
l Barvo, v kateri žari piksel, lahko poljubno spreminjamo.
l Slike lahko preoblikujemo z različnimi učinki.
l Programi za obdelavo bitnih slik: Slikar, Photo Filtre, Corel PhotoPaint…
![Page 22: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/22.jpg)
Točkovno obravnavanje slik
l Za delo z bitnimi slikami potrebujemo veliko delovnega pomnilnika in tudi prostora na trdem disku.
l Pri velikih povečavah postanejo vidne posamezne slikovne točke.
![Page 23: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/23.jpg)
Predmetno obravnavanje slik
l Slika na računalniku je predstavljena z nizom predmetov (npr. točk, črt, krivulj, geometrijskih likov…)
l Vsak predmet je v pomnilniku zapisan z matematično enačbo.l Vsak predmet ima lastnosti, ki ga povsem določajo:
– Točka (koordinati, barva)– Ravna črta (začetna in končna točka, barva, debelina)
l Vektorska slika porabi v pomnilniku manj prostora kot točkovna.
l Programi: Corel Draw, Macromedia FreeHand,…
Začetna točka
Vektor začetne smeri
debelina
barva
Končna točka
Vektor končne smeri
![Page 24: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/24.jpg)
Zapis slik
l BMP– Neposredno shranjevaje podatkov o barvah
pikslov– Pri zahtevnejši grafiki so datoteke zelo dolge
l TIFF– Za prenašanje slikovnih podatkov med različnimi
slikovnimi programi in operacijskimi sistemi
![Page 25: Slikovna predstavitev informacije pop - Arnesthabin/predavanja/Slikovna predstavitev... · 2010. 10. 20. · l Super VGA .. zapis barv z 8 biti (256 barv) l High Color .. zapis barv](https://reader035.fdocument.pub/reader035/viewer/2022071603/613e672c69193359046d1920/html5/thumbnails/25.jpg)
GIF
• zapis primeren za slike z malo barvami
• 256 barv
Zgoščevanje zapisa slikovnih podatkov
Je postopek obdelave podatkov, pri čemer se njihov zapis zgosti tako, da zasede čim manjši prostor ob
minimalni izgubi kvalitete slike.
JPEG
• barvo sosednjih pikslovzdruži v eno
• stopnja zgoščevanja je od 0 do 99
PNG
• omogoča večbarvno prosojost in prikaz animacij
• uporabljamo ga za kakovosten zapis slik
Z IZGUBO BREZ IZGUB