2 D Grafika Slika i fotografija slika svaki

  • Slides: 19
Download presentation
2 D Grafika

2 D Grafika

Slika i fotografija • slika – svaki fenomen vidljiv oku § umjetničko djelo §

Slika i fotografija • slika – svaki fenomen vidljiv oku § umjetničko djelo § fotografija § prizor na TV ili računalnom ekranu • fotografija - tehnika digitalnog ili kemijskog slikovnog zapisa na sloju materijala koji je osjetljiv na svjetlost (u prijevodu slika koja je nastala svjetlošću odbijenom od površine koju je učitao senzor fotoaparata) • tehnologija za izradu fotografija dulje vremena se razvija

PIKSELI • osnovni element točkaste slike • oznaka px • točkica s podatkom o

PIKSELI • osnovni element točkaste slike • oznaka px • točkica s podatkom o njenoj boji • svaka rasterska slika (slika na elektroničkim uređajima) se sastoji od njih

Primjer NA FOTOGRAFIJI

Primjer NA FOTOGRAFIJI

REZOLUCIJE • razlučivost ili rezolucija – širinski i visinski broj piksela koji sačinjavaju sliku

REZOLUCIJE • razlučivost ili rezolucija – širinski i visinski broj piksela koji sačinjavaju sliku § bolja rezolucija daje bolju sliku • prvo se piše rezolucija širine te rezolucija visine (npr. 1920 x 1200)

Redoviti format za označavanje rezolucije Format Rezolucija Broj piksela 480 p / SD 640

Redoviti format za označavanje rezolucije Format Rezolucija Broj piksela 480 p / SD 640 x 480 307 200 720 p / HD 1280 x 720 921 600 1080 p / Full HD 1920 x 1080 2 073 600 2 K 2048 x 1080 2 211 840 4 K / Ultra HD 3840 x 2160 8 294 000 • veća rezolucija podrazumijeva veću i bolju sliku, ali da bi se ta poboljšanja osjetila potreban je veći monitor koji podržava visoke rezolucije

MEGAPIKSELI • termin koji označava oko milijun piksela • koriste se za određivanje rezolucije

MEGAPIKSELI • termin koji označava oko milijun piksela • koriste se za određivanje rezolucije fotografija proizvedenih fotoaparatom Format Rezolucija Broj piksela 2 M 1600 x 1200 1 920 000 3 M 2048 x 1536 3 145 728 6 M 3264 x 1840 6 005 760 8 M 3264 x 2448 7 990 272 13 M 4160 x 3120 12 979 200 • primjer visoko rezolucijske fotografije koja ima milijardu piksela (gigapiksel) • drugi primjer

Pikseli bitna dubina • dubina boja (engl. color depth, bit depth ili pixel depth)

Pikseli bitna dubina • dubina boja (engl. color depth, bit depth ili pixel depth) određuje u kojim bojama mogu biti pikseli slike • što više, to bolje • veća dubina boja (više bitova po pikselu), znači veći broj raspoloživih boja i točnije predstavljanje boja • formula za izračun: 2 n; n –dubina boje piksela

Pixeli bitna dubina 2 bita (veličina: 5, 98 KB) 4 boje 32 bita (27,

Pixeli bitna dubina 2 bita (veličina: 5, 98 KB) 4 boje 32 bita (27, 6 KB) 4 294 967 296 boja 4 bita (8, 75 KB) 16 boja 64 bita (35, 9 KB) … 8 bita (13, 6 KB) 256 boja 16 bita (21, 5 KB) 65 536 boja 128 bita (43, 2 KB) … 256 bita (51, 3 KB) …

Formula za izračun veličine slike horizontalna rezolucija slike * vertikalna rezolucija slike * broj

Formula za izračun veličine slike horizontalna rezolucija slike * vertikalna rezolucija slike * broj bitova (formula daje rezultat u bitovima koji se dalje mogu preračunati u bajtove, kilobajte, megabajte itd. ) 600 px bitna dubina: 4 600 * 800 * 4 = 1 440 000 bita = 180 000 bajta (B) = 175. 78125 KB = 0. 171661377 MB 800 px

primjer JPEG slike s raznim stupnjevima kompresije • kompresija – sažimanje podataka § omogućuje

primjer JPEG slike s raznim stupnjevima kompresije • kompresija – sažimanje podataka § omogućuje smanjenje veličine slike (broj bitova u slici) § postoji različite vrste kompresija koje mogu i ne moraju dovesti do gubitka kvalitete § nekomprimiran format slike se naziva RAW format § komprimirani formati: PNG, GIF, TIFF, BMP

Formati slika JPEG PNG GIF TIFF + omogućuje različite razine kompresije (može se podesiti

Formati slika JPEG PNG GIF TIFF + omogućuje različite razine kompresije (može se podesiti kvaliteta slike u odnosu na veličinu datoteke) + podržava 24 -bitnu i veće palete boja + kompresija bez gubitaka (lossless) + omogućuje prozirnost slike + podržava animacije + omogućuje prozirnost slike + mala veličina + visokokvalitetne slike koje nisu komprimirane – ne podržava prozirnost piksela – kompresija s gubitcima podataka – veličina datoteke – preveliki kapacitet – s obzirom da – format koji nije podržava samo RGB – loša kvaliteta slike jednako podržan na prostor boja (a ne i (bitna dubina 8 bita) informacijskim CMYK), nije pogodan sustavima kao za profesionalnu prethodni fromati uporabu (tisak) • RAW format je nekomprimiran oblik fotografije koji je pohranjen unutar samog fotoaparata

Programi za obradu rasterske grafike • programi koji omogućuju izravnu izmjenu piksela digitalne slike

Programi za obradu rasterske grafike • programi koji omogućuju izravnu izmjenu piksela digitalne slike te njezinu pohranu u različitim formatima (jpeg, gif itd. ) • primjeri programa § Adobe Photoshop § GIMP 2 § Photo. Scape § Pixler

RGB • oblik slike uobičajen za prikaz na elektroničkim monitorima, TV-u, fotoaparatima i kamerama

RGB • oblik slike uobičajen za prikaz na elektroničkim monitorima, TV-u, fotoaparatima i kamerama • sliku koja je sastavljena od tri komponente boje (crveno – zeleno – plavo)

CMYK • model boja kod kojega se suptraktivno miješaju primarne boje svijetlo plava, grimizno

CMYK • model boja kod kojega se suptraktivno miješaju primarne boje svijetlo plava, grimizno ljubičasta i žuta, a često im se dodaje crna kao četvrta boja da bi se poboljšala reprodukcija tamnih boja (jer je papir bijel) • koristi se najčešće za pripremu slika koje se otiskuju na papir

RGB vs CMYK Ako ne tiskamo (printamo) onda ne koristimo CMYK sustav boja

RGB vs CMYK Ako ne tiskamo (printamo) onda ne koristimo CMYK sustav boja

Rezolucija za ispis - DPI • kod ispisa se koristi zastupljenost točki po inču

Rezolucija za ispis - DPI • kod ispisa se koristi zastupljenost točki po inču za određivanje kvalitete (dpi – dot per inch) • inch = 2. 54 cm • 72 dpi je u redu za računalne slike • 300 dpi se koristi za ispis na papis

Filtri • efekti koji se koriste za izmjenu slike • osim vizualnog ušminkavanja, mogu

Filtri • efekti koji se koriste za izmjenu slike • osim vizualnog ušminkavanja, mogu se koristiti za izoštravanje i zamagljivanje slika u svrhu poboljšanja kvalitete

Vektorska grafika • vektor ‒ orijentirana dužina u ravnini ili prostoru • vektorska grafika

Vektorska grafika • vektor ‒ orijentirana dužina u ravnini ili prostoru • vektorska grafika označava način "crtanja" pomoću vektorskih linija (vektora) koje tvore vektorske objekte • koristi se za izradu logao ili bilo kojih drugih jednostavnih grafičkih oblika koji se kasnije mogu objaviti u različitim veličinama pretvaranje iz rasterske grafike (lijevo) u vektorsku grafiku (desno)