14.1.2014.

1

MULTIMEDIJALNI MARKETING

V GRAFIKA

Prof.dr.sc. Drago Ružić / doc.dr.sc. Davorin Turkalj / Ivan Kelić univ.spec.oec.

Računalna grafika

Grafike su tekstovi, crteži, ilustracije, slike i prikazi izrađeni s namjerom da pruže vizualnu, kulturnu,

estetsku ili komercijalnu poruku.

Grafike mogu biti funkcionalne i umjetničke prirode Funkcionalne - tekst i fotografije u dnevnim novinama imaju

svrhu informirati i educirati. Umjetničke – kreirane su radi stila kako bi provocirale i

potaknule publiku na razmišljanje ili osjećaje.

U multimediji prvi korak u obogaćivanju tekstualne poruke, predstavlja ugradnja odgovarajućih grafičkih izraza koji dopunjavaju informacijsku poruku. Za razliku od izrade slike na papiru ili platnu, slika u računalu mora imati precizno utvrđenu strukturu zapisa, odnosno definiciju elemenata od kojih će se graditi slika.

Grafika u multimediji Grafičke 2D slike

Slika iz stvarnog svijeta (u digitalnom obliku): slika snimljena digitalnom kamerom slika prenesena na računalo putem optičkog čitača (skener)…

Slika kreirana pomoću računala: crtež (vektorska grafika) slika (obrađena digitalna slika, bitmap, računarska grafika) graf vizualizacija…

Slika kao jedinica unutar animiranog filma ili videa.

Podjela grafika

Grafike možemo podijeliti na dva osnovna tipa:

Vektorska grafika Rasterska ili bitmap grafika

Grafičke 2D slike

Vektorski bazirana grafika Objekti: Matematički definirani Neovisni o rezoluciji

Rasterski bazirana grafika Objekti: Grupa piksela Ovisni o rezoluciji

14.1.2014.

2

Vektorska se grafika kreira izravno na računalu bez pomoći drugih sustava. Obično se koristi za jednostavnije grafike (oblika) koji se generiraju pomoću programiranih algoritama koji definiraju njihovu poziciju, smjer, dužinu i dr. Slijedeći dijagrami su primjeri vektorskih grafika:

linija kvadrat kružnica s crnom ispunom

Vektorske grafike Vektorske grafike

Vektorske grafike se koriste na slijedećim područjima: Computer-aided design (CAD) programima, Grafičkom dizajnu kao priprema na tiskani medij, 3-D animacijski programi, Programi koji zahtijevaju crtane i grafičke oblike

Vektorske grafike

Vektor – linija koja je definirana lokacijom svojih krajnjih točaka.

Vektorske slike zauzimaju manje memorije i veličina dokumenta je manja u usporedbi s bitmapom.

Primjena na webu je jednostavnije po pitanju

instaliranja plug-ina kao i pokretanja dokumenta

Bitmap grafike

Bitmap je složenica nastala spajanjem riječi „bit” - što je najjednostavniji element pri kojem se koriste samo dva broja (1,0), a „map /mapa” predstavlja 2d matricu tih istih bitova.

Bitmap ili rasterske grafike se ne mogu unijeti u računalo bez korištenja neovisne aplikacije ili uređaja. Bitmapi se sastoji od malih kvadratnih elemenata koji se zovu pikseli i zbog koji se bitmapi zovu još i pikselizirana grafika. Primjer: Fotografija napravljena digitalnom kamerom klasičan je primjer bitmap grafike

Bitmap grafike

Bitmap formati prikladni su za izradu: Foto realnih grafika Složenih crteža Grafike koje zahtijevaju visoku razinu detalja

Bitmap se može okarakterizirati kao i obojena grafika

Bitmap grafike

14.1.2014.

3

Bitmap i njegova podobnost korištenja

JPEG – prikladan za razmjenu fotografija putem weba zbog njegove veličine i kvalitete GIF – uobičajeno se koristi za dijagrame, buttone i sl. koji zahtijevaju manji broj boja… ..također je prikladan za jednostavne animacije jer podržava ispreplitanje slika PNG – gotovo jednak kao i GIF s izuzetkom podržavanja animiranog formata.

Bitmap grafike

Ovisno o broju boja prikazanih na rasterskoj slici razlikujemo: 1 bit-ne bitmape (jednobojne, monokromatske). Jednotonski crtež ili tekst

gdje postoje samo dvije moguće vrijednosti - crna i bijela. 8 bit-ne bitmape (u sivoj skali ili u paleti - 256 boja) 16 bit-ne bitmape (65 536 mogućih boja) Rasterske slike koje danas sve

rjeđe susrećemo 24 bit-ne bitmape (True color ili 16 777 216 boja) obuhvaćaju sav potreban

broj boja za prikaz foto realističnih slika na računalu u RGB modu. Danas se najčešće koristi za prikaz slika na ekranu.

32 bit-ne bitmape (slike u punoj CMYK boji) obuhvaćaju višebojne slike namijenjene tisku, ili bilo kakvoj reprodukciji pri kojoj se koriste četiri osnovne komponente za dobivanje slike (cyan, magenta, yellow i crna komponenta).

Standard za uređivanje i upravljanje bitmap grafikama su programi: Adobe's Photoshop and Illustrator. Macromedia's Fireworks. Corel's Painter. CorelDraw.

Bitmap grafike Vektor vs. Bitmap

Vektorske se slike ne mogu koristiti za stvaranje foto realnih prikaza

Za prikaz vektorskih grafika često su potrebi plug-inovi na web preglednicima

Bitmap nije elastičan po pitanju mijenjanja veličine i skalabilnosti

Bitmapi se mogu konvertirati u vektorske grafike precrtavanjem.

Boja

Boja se može definirati kao psihofizički fenomen induciran svjetlom ili osjećaj koji u mozgu izaziva svjetlost emitirana od nekog izvora ili reflektirana s površine nekog tijela. Doživljaj boje ovisan je o tri čimbenika: spektralnom sastavu svjetla koje pada na promatrani

predmet, molekularnoj strukturi materijala s kojeg se svjetlo reflektira

ili koje ga propušta i čovjekovim osjetom boje, kroz oči i mozak. (muškarci)

Boja

Tri svojstva boje koje ljudsko oko raspoznaje, a definiraju se kao: Obojenost / ton boje (Hue), Zasićenost / saturacija (Saturation) i Svjetlina (Brightness).

To je osnova za HSB model boja u računarskoj grafici.

14.1.2014.

4

Boja Boja – aditivni primari

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

Tim načinom nastaju boje na ekranu televizora ili monitora.

Boja – suptraktivni primari

Međusobno miješanje snopova svjetala primarnih boja dovodi do pojave nekih novih boja svjetla. Crveni snop pomiješan sa zelenim snopom postaje žut. Crveni snop pomiješan s plavim snopom postaje magenta (grimizan). Zeleni snop pomiješan s plavim snopom postaje cijan (plavozeleni). Boje svjetla - žuta, magenta i cijan - (CMYK) nastale su kao rezultat miješanja aditivnih primara, a nazivaju se suptraktivnim primarima.

Tim načinom nastaju boje u offset tisku, pisačima s mlazom tinte i drugim uređajima koji koriste suptraktivno miješanje boja

PRIMJERI

Vector Design Photo-Manipulation Design

14.1.2014.

5

Icon design

Grafička komunikacija je proces stvaranja grafika namijenjenih za komuniciranje s publikom. Bez obzira da li se komunikacija odvija putem teksta, crteža, fotografije, ilustracije ili slajdova možda, nastojanje je da se komunicira ideja, pruža uputa, šalje poruka koja je kulturalno smislena. Pojam „Kulturalno smisleno” znači da se komunikacijom postiže jedno ili više od slijedećeg: uvjerava informira educira zabavlja

Primjena grafike u marketingu Grafika u službi vizualne komunikacije

Korištenje grafičkih elemenata u poruci koja je estetski ugodna, povezuje ciljanu publiku na intelektualnoj i emocionalnoj razini te pruža relevantne informacije

Semiotika

Semiotika (grč. sēmeiōtikós: koji se obazire na znakove) je znanost (teorija) o znakovima i simbolima, odnosno proučavanju načina na koji funkcioniraju znakovni sustavi.

Simboli pomažu dizajnerima da prenesu jedinstvenu poruku kroz prihvaćeno shvaćanje kao efektivan alat komunikacije

Simboli

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

Crveni križ – zapadni svijet vs. bliski istok

14.1.2014.

6

TJEDNI ZADATAK Projekt / Zapažanje / Prezentacija

Tjedni zadatak

Na temelju predavanja gosta predavača Domagoja Topića napišite sažetak ili izvješće koje sadržava:

opis teme predavanja, sadržaj, nove informacije najzanimljivije detalje

Svoja zapažanja ste dužni predati u pisanoj formi putem elektronskog obrasca čija se poveznica nalazi na služnoj stranici

kolegija. Rok za predaju je 7 dana od odslušanog predavanja.

Hvala na pažnji