grafika 5 - unios
TRANSCRIPT
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