Grafika 5 - UNIOS

1/11/16

1

MULTIMEDIJALNI MARKETING

VGRAFIKA

doc.dr.sc.DavorinTurkalj/IvanKelić univ.spec.oec.

Računalna grafika

Grafikesutekstovi,crteži,ilustracije, slikeiprikaziizrađenisnamjeromdapruževizualnu,kulturnu,

estetskuilikomercijalnuporuku.

Grafikemogubitifunkcionalneiumjetničkeprirode

üFunkcionalne- tekstifotografijeudnevnimnovinamaimajusvrhuinformiratiieducirati.

üUmjetničke– kreiranesuradistilakakobiprovociraleipotaknulepublikunarazmišljanjeiliosjećaje.

U multimediji prvi korak u obogaćivanju tekstualneporuke, predstavlja ugradnja odgovarajućih grafičkihizraza koji dopunjavaju informacijsku poruku.

Za razliku od izrade slike na papiru ili platnu, slika uračunalu mora imati precizno utvrđenu strukturuzapisa, odnosno definiciju elemenata od kojih će segraditi slika.

Grafika umultimediji

1/11/16

2

Grafičke 2Dslike

Slikaizstvarnogsvijeta(udigitalnomobliku):ü slikasnimljenadigitalnomkameromü slikaprenesenanaračunaloputemoptičkogčitača(skener)…

Slikakreiranapomoćuračunala:ü crtež(vektorskagrafika)ü slika(obrađenadigitalnaslika,bitmap,računarskagrafika)ü grafü vizualizacija…

Slikakaojedinicaunutaranimiranogfilmailividea.

Podjelagrafika

Grafikemožemo podijeliti na dvaosnovna tipa:

ü Vektorskagrafikaü Rasterskaili bitmap grafika

Grafičke 2Dslike

VektorskibaziranagrafikaObjekti:ü Matematičkidefiniraniü Neovisniorezoluciji

RasterskibaziranagrafikaObjekti:ü Grupapikselaü Ovisniorezoluciji

1/11/16

3

Vektorskasegrafikakreiraizravnonaračunalubezpomoćidrugihsustava.Običnosekoristizajednostavnijegrafike(oblika)kojisegenerirajupomoćuprogramiranihalgoritamakojidefinirajunjihovupoziciju,smjer,dužinuidr.Slijedećidijagramisuprimjerivektorskihgrafika:

linija kvadrat kružnica s crnom ispunom

Vektorskegrafike

Vektorskegrafike

Vektorskegrafikesekoristenaslijedećimpodručjima:üComputer-aideddesign(CAD)programima,üGrafičkomdizajnukaopripremanatiskanimedij,ü3-Danimacijskiprogrami,üProgramikojizahtijevajucrtaneigrafičkeoblike

Vektorskegrafike

Vektor – linijakojajedefinirana lokacijomsvojihkrajnjihtočaka.

Vektorskeslikezauzimajumanjememorije iveličinadokumentajemanjauusporedbisbitmapom.

Primjenanawebujejednostavnijepopitanjuinstaliranjaplug-inakaoipokretanjadokumenta

1/11/16

4

Bitmap grafike

Bitmap jesloženicanastalaspajanjemriječi„bit”- štojenajjednostavnijielementprikojemsekoristesamodvabroja(1,0),a„map /mapa”predstavlja2dmatricutihistihbitova.

Bitmap ili rasterskegrafikesenemoguunijetiuračunalobezkorištenjaneovisneaplikacijeiliuređaja.Bitmapisesastojiodmalihkvadratnihelemenatakojisezovupikseli izbogkojisebitmapi zovujošipikseliziranagrafika.

Primjer:Fotografijanapravljenadigitalnomkameromklasičanjeprimjerbitmap grafike

Bitmap grafike

Bitmap formati prikladni suzaizradu:üFotorealnih grafikaüSloženih crtežaüGrafikekojezahtijevaju visokurazinu detalja

Bitmap semožeokarakteriziratikaoiobojenagrafika

Bitmap grafike

1/11/16

5

Bitmap injegovapodobnostkorištenja

JPEG – prikladan za razmjenu fotografija putemweba zbognjegove veličine i kvalitete

GIF – uobičajeno se koristi zadijagrame,buttone i sl. koji zahtijevaju manji broj boja…..također jeprikladan zajednostavne animacijejerpodržava ispreplitanje slika

PNG – gotovo jednakkao iGIFs izuzetkompodržavanja animiranog formata.

Bitmap grafike

Ovisnoobrojubojaprikazanihnarasterskojslicirazlikujemo:

ü 1bit-ne bitmape (jednobojne, monokromatske). Jednotonski crtež ili tekstgdjepostoje samo dvije mogućevrijednosti - crna ibijela.

ü 8bit-ne bitmape (u sivoj skali ili upaleti - 256boja)ü 16bit-ne bitmape (65536mogućihboja) Rasterske slike kojedanas sve

rjeđe susrećemoü 24bit-ne bitmape (True color ili 16777216boja) obuhvaćaju savpotreban

broj boja zaprikaz foto realističnih slika na računalu uRGBmodu.Danas senajčešće koristi zaprikaz slika naekranu.

ü 32bit-ne bitmape (slikeupunoj CMYKboji) obuhvaćaju višebojne slikenamijenjene tisku, ili bilo kakvoj reprodukciji pri kojoj sekoriste četiriosnovne komponente zadobivanje slike (cyan,magenta, yellow icrnakomponenta).

Standard zauređivanjeiupravljanje bitmapgrafikama suprogrami:üAdobe's Photoshop andIllustrator.üMacromedia's Fireworks.üCorel's Painter.üCorelDraw.

Bitmap grafike

1/11/16

6

Vektorvs.Bitmap

ü Vektorskeseslikenemogukoristiti zastvaranjefoto realnih prikaza

ü Zaprikazvektorskihgrafikačesto supotrebiplug-inovi nawebpreglednicima

ü Bitmap nije elastičan popitanju mijenjanjaveličine iskalabilnosti

ü Bitmapi semogukonvertirati uvektorskegrafikeprecrtavanjem.

Boja

Bojasemožedefiniratikaopsihofizičkifenomeninduciransvjetlomiliosjećajkojiumozguizazivasvjetlostemitiranaodnekogizvorailireflektiranaspovršinenekogtijela.

Doživljajbojeovisanjeotričimbenika:ü spektralnomsastavusvjetlakojepadanapromatrani

predmet,ü molekularnojstrukturimaterijalaskojegsesvjetloreflektira

ilikojegapropuštaiü čovjekovimosjetomboje,krozočiimozak.(muškarci)

Boja

Trisvojstvabojekojeljudskookoraspoznaje,adefinirajusekao:üObojenost/tonboje(Hue),üZasićenost/saturacija(Saturation)iüSvjetlina(Brightness).

TojeosnovazaHSBmodelbojauračunarskojgrafici.

1/11/16

7

Boja

Boja – aditivni primari

Crvena, zelena i plava (RGB) - nazivaju se osnovnim ili primarnimbojama jer se njih ne može dobiti miješanjem drugih boja. Takvim sezbrajanjem različitih boja svjetla, u različitim omjerima, mogu dobitisve ostale boje, u svim nijansama i svjetlinama.

Timnačinomnastajubojenaekranutelevizorailimonitora.

Boja – suptraktivni primariMeđusobnomiješanjesnopovasvjetalaprimarnihbojadovodidopojavenekihnovihbojasvjetla.Crvenisnoppomiješansazelenimsnopompostaježut.Crvenisnoppomiješansplavimsnopompostajemagenta (grimizan).Zelenisnoppomiješansplavimsnopompostajecijan (plavozeleni).Bojesvjetla- žuta,magenta icijan - (CMYK)nastalesukaorezultatmiješanjaaditivnihprimara,anazivajusesuptraktivnim primarima.Timnačinomnastajubojeuoffset tisku,pisačimasmlazomtintei

drugimuređajimakojikoristesuptraktivno miješanjeboja

1/11/16

8

PRIMJERI

Vector Design

Photo-Manipulation Design

1/11/16

9

Icon design

Grafička komunikacija je proces stvaranja grafika namijenjenihza komuniciranje s publikom. Bez obzira da li se komunikacijaodvija putem teksta, crteža, fotografije, ilustracije ili slajdovamožda, nastojanje je da se komunicira ideja, pruža uputa, šaljeporuka koja je kulturalno smislena.

Pojam „Kulturalno smisleno” znači da sekomunikacijom postižejedno ili više od sljedećeg:üuvjeravaü informiraüeduciraüzabavlja

Primjenagrafikeumarketingu

1/11/16

10

Grafikauslužbi vizualne komunikacije

Korištenjegrafičkihelemenatauporucikojajeestetskiugodna,povezujeciljanupublikunaintelektualnojiemocionalnojrazinitepružarelevantneinformacije

Semiotika

Semiotika (grč.sēmeiōtikós:kojiseobazirenaznakove)jeznanost(teorija)oznakovimaisimbolima,odnosnoproučavanjunačinanakojifunkcionirajuznakovnisustavi.

Simbolipomažudizajnerimadaprenesujedinstvenuporukukrozprihvaćenoshvaćanjekaoefektivanalatkomunikacije

1/11/16

11

Simboli

Primjeri:„Kotačživota”(sanskrt.- sreća,zdravlje)

Crvenikriž– zapadnisvijetvs.bliskiistok

TJEDNI ZADATAKProjekt / Zapažanje / Prezentacija

Hvalanapažnji