ViRG - 04 - 2008.pdf

Fakultet za poslovnu informatiku1VEKTORSKA IRASTERSKA GRAFIKAO bojama (I deo)Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuOd ideje do krajnjeg rezultataGrafička umetnost počinje i završavaavase sa korisnikom ili kupcem.Izazov da se korisniku prikažurezultati se prezentira kroz boje prisvakom korakom.2Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku3Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuTalasne dužine i vidljivi spektarSvetlost je vidljivi deo elektromagnetnog spektra isvetlost se “obično” sastoji od “talasa”.. Svaki talasje definisan svojom talasnom dužinom– to jerastojanje od jednog maksimuma do drugogmaksimuma.Talasna dužina4Talasne dužine se mere u nanometrima (nm).Nanometar je milioniti deo jednog milimetra.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku5Ljudsko oko registruje boje uregionu od oko 400nm do 700nm.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku6Ako nema detektovanih vidljivih talasnihdužina, to znači i da nema prisutne svetlosti ito mozak shvata kao CRNU boju.Na primer, ako senzori registruju sve vidljivetalasne dužine, onda to mozak shvata kaoBELU boju.BELUVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuObjekti – manipulisanje talasnim dužinama7a) Reflektovana svetlostb) “Propuštena” svetlostc) Emisiona svetlostVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuRefelktovano svetlo, “propušteno” svetlo iliemitovano svetlo se sreću u u literaturi i usvakodnevnom životu kao BOJA OBJEKTA.8Postoji onoliko različitih itih boja koliko imarazličitih itih površi i (površina) na objektu, jer svakiobjekat utiče e na svetlost na poseban(jedinstveni) način.Šabloni talasnih dužina koji se vidi na objektuse nazivaju SPEKTRALNI PODACI OBJEKTA.Spektralni podaci su posledica ispitivanja ilimerenja svake talasne dužine.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku9Šabloni talasnih dužina koji se vidi na objektuse nazivaju SPEKTRALNI PODACI OBJEKTA.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuKako vidimo boje?10Razni objekti izgledaju nam obojeni zbog načina na kojireflektuju svetlost.Bela sunčeva svetlost ili svetlost sijalice sadrže e sve bojespektra.Kada bela svetlost padne na neki objekat, objekatreflektuje jednu ili više e boja, a upija sve ostale.Reflektovane boje ili njihova mešavina predstavljaju bojutog objekta - na primer, zeleni objekat reflektuje zelenuboju, a upija sve ostale.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuKako vidimo boje?11Objekat koji reflektuje sve bojespektra je bele boje, a objekat kojine reflektuje ni jednu boju, tj. upijasve boje spektra, crne je boje.Kada bela svetlost padne na leđapapagaja na slici, njegovo perjereflektuje plavu boju upijajući i sveostale, pa mi vidimo da papagaj imaplavo perje.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku12Modeli boja• RGB• CMY• CMYK• HSL• HSI• HSV• Konvertovanje između važnijih modela bojaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku13RGB model bojaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku14RGB — Osnovne boje za “dodavanje”anjem ovih osnovnih boja (RGB) – osnovne boje zaMešanjem ovih osnovnih boja (RGB)“dodavanje” – u različitim itim kombinacijama dovodi do stvaranjanijansi boja koje su približne bojama u prirodi.Ako je odbijena svetlost sadrži “siromašne” primese crvene,zelene i plave boje, onda to ljudsko oko shvata kao BELUboju. Ako svetlost nije prisutna, onda ljudsko oko to shvatakao CRNU boju.kao CRNUKombinovanjem dve “siromašne” osnovne boje za dodavanje(RGB) dobijaju se osnovne boje za “oduzimanje”. Oveosnovne boje su Cyan,Magenta,i Yellowi one stoje nasuprotbojama Red,Green,i Blue.Vektorska i rasterska grafika – 2008. Dragan Cvetković


Fakultet za poslovnu informatikuTri osnovne boje koje sadržisvetlost su crvena, zelena iplava.16Kada se po dve osnovne bojesvetlosti pomešaju u jednakojkoličini, ini, tada dobijamo izvedeneboje - žutu, cijan i magentu, , akada se pomešaju sve 3osnovne boje, dobijamo belusvetlost.Mnogobrojni načinikombinovanja osnovnih bojasvetlosti nazivaju se aditivniprocesi.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuRGB - Osnovne boje za dodavanje17Ljudsko oko osnovne RGB boje “prima”od strane skenera, monitora ištampača.a. Metode rendera koje sekoriste od strane ovih uređaja subazirane na odgovoru ljudskog oka nanadražaj aj od strane crvenog, zelenog iplavog “svetla”.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuMONITORI18Uređaji sa katodnom cevi (CRT – Cathode Ray Tubes)LCD uređaji (LCD – Liquid Crystal Display)Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuUređaji za prikazivanje(video display)19Uređaji sa katodnom cevi(CRT – Cathode Ray Tubes)Najčešći i monitoriMogući i problem: Visoki naponVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuUnutrašnjost njost CRT-a20Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku21CRT u boji su mnogo komplikovaniji:- Zahtevaju precizniju geometriju- Koriste šablone boja na ekranuVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuCRT u boji imaju:- Tri elektronska topa- Metalnu masku koja razlikuje snopove22Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku23Linijski elektronski topDelta elektronski topVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuBoje na televizoru24Ekran televizora u boji sadrži i velikibroj veoma tankih pruga tri osnovneboje svetlosti - crvene, zelene iplave.Kada posmatrate sliku na ekranu,boje na ekranu se u vašem mozgumeđusobno pretapaju i grade jasnusliku sa velikim brojem nijansirazličitih itih boja.Ukoliko pogledate ekran uključenogtelevizora pod jakom lupom videćeteetetanke pruge crvene, zelene i plaveboje kao na slici.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuLCD – Liquid Crystal DisplayLCD – organski molekuli, obično ustanju kristala, koji se pretvarajuu tečno stanje pod uticajemtoplote ili elektronskog poljaU stanju kristala “rotiraju”svetlost za 90 stepeni.25Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuLCD – Liquid Crystal Display26Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuKako napraviti LCD?27A – ogledaloB – staklo sa polarizacionim filmomC – ravan sa elektrodamaD – materijal sa kristalimaE – staklo sa elektrodamaF – polarizacioni filmVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuCMY i CMYK model bojaMonitori i skeneri koriste osnovne boje zadodavanje zbog toga što su emisioni uređaji– oni direktno dodaju Red,Green i Bluekomponente svetla tamnoj pozadini.28Štampači, u drugu ruku, moraju darenderuju boje na papiru, tako da oni radesa reflektovanim svetlom. Da bi ovo uopštemoglo da se odradi štampač mora da radisa osnovnim bojama za oduzimanje - Cyan,Magenta,i Yellow.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuMešanje pigmenata u bojama29Tri osnovne boje koje se koriste kaopigmenti za spravljanje boja, lakova ipremaza su žuta, cijan i magenta(izvedene boje svetlosti).Mešanje pigmenata se razlikuje odmešanja osnovnih boja svetlosti, takošto jednako pomešane sve tri osnovneboje svetlosti daju belu boju, dokjednako pomešana sva 3 osnovna opigmenta daju smeđe-crnu boju, štoznači i da pigmenti oduzimaju boje odbele svetlosti.Ovo mešanje pigmenata naziva sesubtraktivnim procesima.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku30⎡ C⎢⎢M⎢⎣ Y⎤⎥⎥⎥⎦=⎡1⎤⎢ ⎥⎢1⎥⎢⎣1⎥⎦−⎡R⎤⎢ ⎥⎢G⎥⎢⎣B⎥⎦(minus red)CyanGreenBlueBlackYellowRedMagenta(minus blue)(minus green)BELA minus PLAVAminus ZELENA= CRVENAVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuSubtraktivne boje31Yellow apsorbuje BlueMagenta apsorbuje GreenCyan apsorbuje RedYellowMagentaCyanVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku32CyanMagentaYellowBlackVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku33Štampanje boja!Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuHSV model bojaHue, Saturation, Value (brightness)nijansa, zasićenost, vrednost34Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku35Intenzitet VNijansa HZasićenost SRGBVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuHSI model bojaHue, Saturation, Intensitynijansa, zasićenost, intenzitetI36Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuHSL model boja37Hue, Saturation, Lightnessnijansa, zasićenost, sjajnostVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuGama korekcija kontroliše e sjajnostslike. Slika nije dobro iskorigovanaako je isuviše e svetla ili ako jeisuviše e tamna.GAMA korekcija38Većina ina video sistema je prihvatila vrednostGama=2,2 kao korektnu, a gama korekcija savrednošću Gama=2,4 daje realniji prikaz naekranima sa katodnom cevi.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuFakultet za poslovnu informatiku39Kolorni gamutKolorni gamut predstavlja set boja koje sistem može e da proizvede.Vektorska i rasterska grafika – 2008. Dragan CvetkovićTreba napomenuti da ne postojisistem koji može e da proizvede svemoguće e boje u spektru.


Fakultet za poslovnu informatiku41Kolorni gamut za tipični monitor u boji sa XYZkolornim prostorom.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku42Vizuelne vežbe i malo igranja!• Kako olakšati ati pronalaženjeodgovarajućih elemenata?• Kako prebrojati elemente?• Kako pojednostavitiprikazivanje stvari?Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku43Koliko ima malih elipsi?Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku44Koliko sada ima malih elipsi?Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku45Vizuelna vežba• Koliko ima malih objekata?• Koliko ima pravougaonika?• Koliko ima zelenihobjekata?Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku46Koliko ima malih objekata?Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku47Koliko ima pravougaonika?Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku48Koliko ima zelenih objekata?Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku49Vizuelna vežba• Pronađi crveno slovo!• Pronađi slovo A! AVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku50Pronađi crveno slovo i slovo A!SX EVP BWU UCE L B OZ ACKLJHS R IT N H T RGV VF Q PXO QDW IK N S WY V Y ZWMKJ Z S RFMDXDGVVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku51Pronađi Q i Z!FVTACQRDMPGJWZVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku52Boje i tekstNe treba preterivati sa grafikom:• Boje i ostala grafika mogu da„UGUŠE“ prezentaciju• Ljudi preteruju sa grafikom, azaboravljaju na sadržinu iobjašnjenjaputem tekstaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku53Treba biratiodgovarajućifont, u zavisnostišta se hoće!Probni tekst !?Probni tekst !?Probni tekst !?Probni tekst !?Probni tekst !?Probni tekst !?Probnitekst !?Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku54Koristiti samo nekoliko boja 01• Mnogo boja na jednom monitoru „minira“ sadržinu• Za efektivne prezentacije treba koristiti tri iličetiri velika regiona boja na jednom monitoru:– Treba izabrati jednu boju kao glavnu– Drugu boju koja „odgovara“ prvoj– Birati boje koje se „bliske“ (crvenu inarandžastu,astu, žutu i zelenu, ljubičastu i plavu,itd.)– Treća a i četvrta boja samo za tekst i propratnekomentareVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku55Koristiti samo nekoliko boja 02Too many colors in the textToo many colors in the textToo many colors in the textToo many colors in the textToo many colors in the textToo many colors in the textToo many colors in the textToo many colors in the textToo many colors in the textVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuBiti konzistentan pri upotrebi boja 0156• Koristiti slične bojepozadine kroz prezentaciju• Menjati boju pozadinejedino kada se značenje namonitoru menja ili hoćenešto posebno da senaznači• Koristiti iste boje za sličneidejeVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuBiti konzistentan pri upotrebi boja 02• Plava za pitanja, zelena za odgovore57• Jarki tasteri obično„idu“ uz ekraneza Help, s tim što ti ekrani imajuistu jarku boju.• Ne treba koristiti različite ite boje zasvako slovo efekat DUGErainbow effectVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku58Crveni tasteri– Zaustavljaju proces– Izlaz iz sistema• Zeleni tasteri– Početak procesa– Nastavak radaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku59Uobičajeni“parovi parovi” bojaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku60Psihološke informacije o boji• some green and red combinations canbe uncomfortable to read• white is more cheerful color than black• white also means that more lightreaches the eye• glare and eyestrain, and the emotionalfactors associated with pain andheadachesVektorska i rasterska grafika – 2008. Dragan Cvetković



Fakultet za poslovnu informatikuPsihološke informacije o boji63• some green and red combinations canbe uncomfortable to read• white is more cheerful color than black• white also means that more lightreaches the eye• glare and eyestrain, and the emotionalfactors associated with pain andheadachesVektorska i rasterska grafika – 2008. Dragan Cvetković


Fakultet za poslovnu informatiku65Raspoznavanje boja – kolorni vidSposobnost raspoznavanja boja u savremenomživotu ima poseban značaj aj i ona je neophodna završenje određenih zanimanja.Da se ponovi:Svetlost predstavlja elektromagnetne vibracijekoje mogu da budu razne talasne dužine.Čovečije oko je sposobno da raspoznaje,uglavnom, one elektromagnetne vibracije čija setalasna dužina kreće e od 410 do 700 nanometara.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuNormalna svetlost je bezbojna, ali ako prolazikroz Njutnovu prizmu onda se svetlosni zraciprelamaju ka bazi prizme gradeći i spektarduginih boja koje imaju talasne dužine:Ljubičasta– od 410 do 440 nanometaraPlava – od 440 do 500 nanometaraZelena – od 500 do 570 nanometaraŽuta– od 570 do 590 nanometaraNarandžastaasta – od 590 do 610 nanometaraCrvena – od 610 do 700 nanometara66Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku67Teorije i vrste poremećajakolornog vidaPostoji više e teorija, ali je najprihvatljivijaJung-Helmholcova teorija.Prema ovoj teoriji postoje tri osnovne boje:CRVENA, ZELENA i PLAVA, , i zbog toga se ovateorija naziva TRIHROMATSKOM.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuJedna normalna osoba razlikuje sve tri osnovne boje i nazivase TRIHROMATOM, , a osobina se nazivaTRIHROMAZIJOM.Međutim, , postoje osobe koje mogu da razlikuju samo dve bojei to su DIHROMATI, , a osobina se naziva DIHROMAZIJA.Postoje sledeći i poremećaji dihromazije:PROTANOPIJA – nemogućnost nost raspoznavanja crvenebojeDEUTERANOPIJA – nemogućnost nost raspoznavanjazelene bojeTRITANOPIJA – nemogućnost nost raspoznavanja plaveboje68Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku69NormalnoSiva skalaProtanopijaDeuteranopijaTritanopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku70Isto kao na prethodnom slajdu, samo jepojačan an kontrast!NormalnoProtanopijaDeuteranopijaTritanopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku71NormalnoProtanopijaDeuteranopijaTritanopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku72Koji broj se vidi?Vektorska i rasterska grafika – 2008. Dragan Cvetković












Fakultet za poslovnu informatiku84NormalnoVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku85ProtanopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku86DeuteranopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku87TritanopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku88NormalnoProtanopijaDeuteranopijaTritanopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuNormalnoProtanopijaDeuteraeranopija89Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku90NormalnoVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku91ProtanopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku92DeuteranopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku93NormalnoProtanopijaDeutereranopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku94Šta se vidi?Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku95Svako bi trebao da vidi kružnicu, zvezdu ikvadrat!Vektorska i rasterska grafika – 2008. Dragan Cvetković


Fakultet za poslovnu informatiku97Osoba sa poremećajem kolornog vida opažažuti kvadrat, a normalna osoba vidi i žutikvadrat i braon kružnicu u gornjem desnomuglu.Vektorska i rasterska grafika – 2008. Dragan Cvetković


Fakultet za poslovnu informatiku99Osoba sa poremećajem kolornog vida opažažutu kružnicu, a normalna osoba vidi i žutukružnicu i braon kvadrat u gornjem levomuglu.Vektorska i rasterska grafika – 2008. Dragan Cvetković


Fakultet za poslovnu informatiku101Osoba sa poremećajem kolornog vida ne vidiništa, a normalna osoba braon brod.Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatikuKoji broj se vidi?102Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku103Trebalo bi da svi vide brojeve 5, 2 i 16.Normalna osoba treba da vidibroj 15, a osoba saporemećajem kolornog vidamože e da vidi broj 13 ili možeda ne vidi ništa!Vektorska i rasterska grafika – 2008. Dragan Cvetković

Fakultet za poslovnu informatiku1<strong>04</strong>Kako vide boje!NormalnoProtanopijaDeuteraeranopijaVektorska i rasterska grafika – 2008. Dragan Cvetković

ViRG - 04 - 2008.pdf

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?