28
SLIKOVNA PREDSTAVITEV INFORMACIJE

SLIKOVNA PREDSTAVITEV INFORMACIJE

  • Upload
    clio

  • View
    65

  • Download
    2

Embed Size (px)

DESCRIPTION

SLIKOVNA PREDSTAVITEV INFORMACIJE. KAKO SE JE ZAČELO…. Prvi računalniki so bili namenjeni računanju Obdelava števil, besedil (manj zahtevno) 60. leta – računalnik prvič postane orodje za likovno ustvarjanje (rač. program krmili risalnik) - PowerPoint PPT Presentation

Citation preview

Page 1: SLIKOVNA PREDSTAVITEV INFORMACIJE

SLIKOVNA PREDSTAVITEV INFORMACIJE

Page 2: SLIKOVNA PREDSTAVITEV INFORMACIJE

KAKO SE JE ZAČELO… Prvi računalniki so bili namenjeni računanju Obdelava števil, besedil (manj zahtevno) 60. leta – računalnik prvič postane orodje

za likovno ustvarjanje (rač. program krmili risalnik)

80. leta – še vedno je bilo lažje sliko narisati z roko kot z računalnikom (slike so imele le nekaj barv)

90. leta –preobrat na področju grafike

Page 3: SLIKOVNA PREDSTAVITEV INFORMACIJE

ZAKAJ slikovna predstavitev informacije?

Grafični znaki nam povedo več kot tisoč besed (prometni znaki, risbe, oznake…)

Page 4: SLIKOVNA PREDSTAVITEV INFORMACIJE

Področja uporabe

Programi za načrtovanje (CAD -Computer Assisted Design)

Page 5: SLIKOVNA PREDSTAVITEV INFORMACIJE

ARHITEKTURA IN GRADBENIŠTVO

Načrtovanje električne napeljave, ogrevanja…

TEKSTILNA INDUSTRIJA

Načrtovanje vzorcev, krojenje...

Page 6: SLIKOVNA PREDSTAVITEV INFORMACIJE

STROJNIŠTVO Risanje načrtov Oblikovanje izdelkov Animacija delovanja

ELEKTRONSKA INDUSTRIJA

Izdelovanje shem integriranih vezij

Simulacija delovnih razmer Programsko preverjanje

delovanja integriranega vezja…

Page 7: SLIKOVNA PREDSTAVITEV INFORMACIJE

NAVIDEZNA RESNIČNOST (Virtual reality)

Simulacije pretakanja tekočin, naravnih pojavov in gibanj fizikalno-realističnih teles v različnih pogojih…

Page 8: SLIKOVNA PREDSTAVITEV INFORMACIJE

LASTNOSTI RAČUNALNIŠKE GRAFIKE

Page 9: SLIKOVNA PREDSTAVITEV INFORMACIJE

Barve sončna svetloba je sestavljena iz mavričnih

barv. Barva je čutna zaznava, ki jo povzroča

elektromagnetno valovanje z valovno dolžino med 380 mikronov in 750 mikronov.

Page 10: SLIKOVNA PREDSTAVITEV INFORMACIJE

Mešanje barv SUBSTRAKTIVNO

(snovno) mešanje barv

So osnovne tiskarske barve (cian, magenta, rumena)

Z njimi lahko natisnemo poljubno barvo

Mešanica vseh barv je črna

Page 11: SLIKOVNA PREDSTAVITEV INFORMACIJE

Mešanje barv ADITIVNO (optično)

mešanje

Osnovne barve so rdeča, zelena in modra

Vsota vseh barv je bela svetloba

Ta model uporabljajo zasloni

Page 12: SLIKOVNA PREDSTAVITEV INFORMACIJE

Barvni modeli 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 13: SLIKOVNA PREDSTAVITEV INFORMACIJE

Barvni modeli

CMYK (Cyan, Magenta, Yellow, blacK) Temelji na osnovnih

tiskarskih barvah Uporabimo ga, kadar

želimo sliko natisniti

Page 14: SLIKOVNA PREDSTAVITEV INFORMACIJE

Barvni modeli 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 15: SLIKOVNA PREDSTAVITEV INFORMACIJE

Naloga Na računalniku poglej v programih(MS Word, MS

Power Point, Corel Photo Paint, Photo Filtre), kje lahko spreminjamo in določamo barvne modele.

Kateri barvni model je zastopan pri posameznem programu?

Kakšen je razpon vrednosti za posamezni model (minimalna in maksimalna vrednost)?

Kakšno barvo dobimo pri posameznem modelu, če nastavimo vrednosti na 0 oz. na maksimum?

Ugotovitve zapiši v zvezek!

Page 16: SLIKOVNA PREDSTAVITEV INFORMACIJE

Ločljivost Izražamo s številom pikslov na palec (angl.

dots per inch – dpi)

Zaslon 100 dpi

Laserski tiskalnik 300 – 1200 dpi

Optični bralniki 3200 dpi in večSlike na zaslonu (običajna ločljivost)

92 dpi

Slike na spletu 72 dpi

Običajno tiskanje 300 dpi

Kakovostno tiskanje 4000 dpi in več

P R

I M E

R

I

Page 17: SLIKOVNA PREDSTAVITEV INFORMACIJE

Naloga Na internetu poišči sliko velikosti 100 x 100 pikslov

in jo shrani na računalnik (ime datoteke: 100 x 100) V programu Photo Filtre sliko povečaj na velikost 800

x 800 pikslov (ime datoteke: 800 x 800) Kaj opaziš? Kakšna je velikost posamezne datoteke? Slikama spremeni ločljivost iz 72 dpi na 100 dpi. Sliki

shrani. (ime datoteke: 100 x 100 100dpi) Oglej si velikosti datotek.

Od česa je odvisna velikost datoteke? V zvezek zapiši ugotovitve in sklep naloge!

Page 18: SLIKOVNA PREDSTAVITEV INFORMACIJE

Naloga Optični bralnik ima ločljivost 4800 dpi.

Izračunaj, koliko prostora zasede slika velikosti A4 v pomnilniku, če je barva vsakega piksla zapisana s tremi zlogi.

Page 19: SLIKOVNA PREDSTAVITEV INFORMACIJE

Barvna globina MONOKROMATSKI model .. zapis barv z 1 bitom

(dve barvi)

VGA .. zapis barv s 4 biti (16 barv)

Super VGA .. zapis barv z 8 biti (256 barv)

High Color .. zapis barv s 16 biti (65 536 barv)

True Color .. zapis barv z 24 biti (16 777 216 barv)

32-bitni model (16 777 216 barv, dodatnih 8 bitov določa prosojnost posameznih pikslov)

Page 20: SLIKOVNA PREDSTAVITEV INFORMACIJE

Naloga Koliko prostora v

bytih oz. Mb porabimo za sliko pri ločljivosti 1024x768 pikslov pri 24 bitni grafiki?

Page 21: SLIKOVNA PREDSTAVITEV INFORMACIJE

OBRAVNAVNJE GRAFIČNIH ELEMENTOV

Page 22: SLIKOVNA PREDSTAVITEV INFORMACIJE

Točkovno obravnavanje slik

Barva vsakega piksla je neodvisna od drugih.

Barvo, v kateri žari piksel, lahko poljubno spreminjamo.

Slike lahko preoblikujemo z različnimi učinki.

Programi za obdelavo bitnih slik: Slikar, Photo Filtre, Corel PhotoPaint…

Page 23: SLIKOVNA PREDSTAVITEV INFORMACIJE

Točkovno obravnavanje slik Za delo z bitnimi slikami potrebujemo veliko

delovnega pomnilnika in tudi prostora na trdem disku.

Pri velikih povečavah postanejo vidne posamezne slikovne točke.

Page 24: SLIKOVNA PREDSTAVITEV INFORMACIJE

Predmetno obravnavanje slik Slika na računalniku je predstavljena z nizom

predmetov (npr. točk, črt, krivulj, geometrijskih likov…)

Vsak predmet je v pomnilniku zapisan z matematično enačbo.

Vsak predmet ima lastnosti, ki ga povsem določajo:

Točka (koordinati, barva) Ravna črta (začetna in končna točka, barva, debelina)

Vektorska slika porabi v pomnilniku manj prostora kot točkovna.

Programi: Corel Draw, Macromedia FreeHand,…

Page 25: SLIKOVNA PREDSTAVITEV INFORMACIJE

Zapis slik BMP

Neposredno shranjevaje podatkov o barvah pikslov

Pri zahtevnejši grafiki so datoteke zelo dolge

TIFF Za prenašanje slikovnih podatkov

med različnimi slikovnimi programi in operacijskimi sistemi

Page 26: SLIKOVNA PREDSTAVITEV INFORMACIJE

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 pikslov združ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

Page 27: SLIKOVNA PREDSTAVITEV INFORMACIJE

Naloga V programu Corel Draw nariši pravokotnik

(polnilo=rumena, barva črte=oranžna, debelina črte=24 pik)

Čez pravokotnik nariši krog (polnilo=modra, barva črte=siva, debelina črte=16 pik).

Pravokotnik premakni pred krog (daj ga v ospredje).

Pravokotnik premakni, povečaj, pomanjšaj. Nalogo reši še v bitnem načinu z ustreznim

programom. Kaj si ugotovil? Ugotovitve zapiši v zvezek!

Page 28: SLIKOVNA PREDSTAVITEV INFORMACIJE

Naloga Na internetu poišči bitno sliko (BMP) in

jo pretvori v zapise JPEG, PNG in GIF.

Vsako sliko posebej shrani in primerjaj dolžine datotek.

Ugotovitve zapiši v zvezek!