Download pdf - Izrada Animacije Na Temu „Cmyk“ Modela

VELEUILITE U RIJECI

Nikolina Crnkovi

IZRADA ANIMACIJE NA TEMU CMYK MODELA

(seminarski rad)

Rijeka, 2013.

VELEUILITE U RIJECI

Poslovni odjel

Specijalistiki studij Informatika

IZRADA ANIMACIJE NA TEMU CMYK MODELA

(seminarski rad)

MENTOR: STUDENT:

Sabrina uman, predava Nikolina Crnkovi

MBS:2422039660/12

Rijeka, lipanj 2013.

SADRAJ

1. UVOD ................................................................................................................................ 1

2. OPIS TEMATIKE, STILA UENJA I RAZINE ZNANJA ....................................... 2

2.1. Opis odabrane tematike CMYK model boja ............................................................ 2

2.1.1. Razlike: RGB i CMYK model ................................................................................... 3

2.2. Opis stila uenja Kinestetiki pristup ....................................................................... 4

2.3. Razina znanja ............................................................................................................... 5

3. OPIS ANIMACIJE SCENARIJ .............................................................................. 7

4. POSTUPAK IZRADE CMYK ANIMACIJE ............................................................ 8

4.1. Intro Uvod ............................................................................................................. 8

4.2. Prva stranica .............................................................................................................. 12

4.3. Druga stranica ............................................................................................................ 16

4.4. Trea stranica ............................................................................................................. 17

4.5. etvrta stranica .......................................................................................................... 24

4.5.1. etvrta stranica Kviz ....................................................................................... 24

5. TAKSONOMIJA HELLER&MARTIN ...................................................................... 28

5.1. Estetika ...................................................................................................................... 28

5.2. Publika ....................................................................................................................... 28

5.3. Disciplina ................................................................................................................... 29

5.4. Interaktivnost ............................................................................................................. 29

5.5. Kvaliteta ..................................................................................................................... 29

5.6. Korisnost .................................................................................................................... 29

6. ZAKLJUAK ................................................................................................................. 31

POPIS LITERATURE...........................................................................................................32

POPIS SLIKA ......................................................................................................................... 33

POPIS KRATICA .................................................................................................................. 35

1

1. UVOD

Cilj animacije CMYK model je pribliiti korisniku sam pojam i znaenje CMYK

modela boja. CMYK model je opisan interakcijom multimedijskih elemenata.

Dokumentacija izrade animacije CMYK modela zapoinje opisom tematike

CMYK modela boja, stila uenja kinestetikog i razine znanja razina znanje.

Nakon toga slijedi opis animacije, odnosno scenarija animacije te detaljan opis

postupka izrade svake stranice animacije.

Na kraju su opisani atributi koje sadri animacija ureeni prema Heller&Martin

taksonomiji.

2

2. OPIS TEMATIKE, STILA UENJA I RAZINE ZNANJA

2.1. Opis odabrane tematike CMYK model boja

CMYK (suptraktivni model) predstavlja sustav koji sve boje opisuje kao kombinaciju

etiriju osnovnih komponenti:

Cyan (C),

Magenta (M),

Yellow (Y) i

Black (K, od rijei Key ili od zadnjeg slova u rijei Black). [1]

Slika 1: CMYK

Izvor: http://www.wallsave.com/wallpaper/1024x768/cmyk-wooho-by-serialgfx-on-deviantart-

1026548.html

3

2.1.1. Razlike: RGB i CMYK model

U samome uvodu moemo razdvojiti RGB i CMYK model boja prema njihovoj

uporabi: kada je u pitanju web grafika koristi se RGB (televizori, monitori raunala, zasloni

mobilnih telefona i slino), dok je za grafiku koja ide za tisak neophodan CMYK model boja.

Slika 2: Primjeri koritenja CMYK i RGB modela

Izvor: http://predmet.pfv.singidunum.ac.rs/mod/forum/discuss.php?d=66

RGB model je adaptivni, naime adaptivnim mijeanjem 100% crvene (engl. Red),

100% zelene (engl. Green) i 100% plave (engl. Blue) dobije se bijela boja. Boje se nalaze

izmeu 0 i 255.

Za razliku od adaptivnog RGB modela, kod CYAN-a se boje dobivaju oduzimanjem

te se stoga naziva suptraktivnim modelom. Kao to je ve reeno, ukoliko kod CYAN modela

4

boja pomijeamo 100% cyan (engl. Cyan), magente (engl. Magenta) i ute (engl. Yellow)

neemo dobiti potpuno crnu boju ve prljavosmeu. Zato je dodana crna (engl. BlacK) kako

bi se dobila istija crna boja. Za razliku od RGB modela, gdje se boje izraavaju

vrijednostima od 0-255, kod CMYK modela, odreene su nijanse esto izraene kao postoci

od 0 100%.

Slika 3: RGB i CMYK modeli boja

Izvor: http://predmet.pfv.singidunum.ac.rs/mod/forum/discuss.php?d=66

Za zakljuak moemo rei da su CMY i RGB komplementarne boje: svaki par boja iz

RGB modela formira jednu od CMYK boja i obrnuto. [1]

2.2. Opis stila uenja Kinestetiki pristup

Stilovi uenja koje poznajemo su:

vizualni,

auditivni,

digitalni i

kinestetiki.

U ovom radu za stil uenja izabran je kinestetiki stil.

Studenti koji preferiraju takav stil uenja imaju izvrsnu okulomotornu koordinaciju i

mehanike sposobnosti. Oni su najuinkovitiji kad se od njih trai da aktivno manipuliraju

5

materijalom o kojem ue. Stoga preferiraju pouavanje voenim otkrivanjem, rad u laboratoriju,

rad na terenu, studije sluajeva, igranje uloga i slino. [2]

Tokom izrade animacije vodilo se rauna o zadanom stilu uenja te se pokuao

slijediti zadani stil. Manipuliranje sadrajem i aktivna manipulacija ostvareni su kroz

interaktivni prikaz CMYK modela i kroz provjeru znanja.

2.3. Razina znanja

Prema Bloomovoj taksonomiji postoje sljedee vrste razina znanja:

znanje,

razumijevanje,

primjena,

analiza,

sinteza i

vrednovanje.

U ovom radu je za objanjavanje CMYK modela boja kroz animaciju izabrana razina

znanja nazvana znanje.

Razina znanje odnosi se na sposobnosti prizivanja injenica, klasifikacije injenica,

definicija i teoretskih znanja. Oekivana izvedba oituje se kroz neki sljedee radnje:

definiranje,

opisivanje,

identificiranje,

oznaavanje,

nabrajanje,

povezivanje,

izbor,

navoenje,

reproduciranje,

6

imenovanje,

popisivanje,

prisjeanje,

ponavljanje,

rasporeivanje i slino. [2]

7

3. OPIS ANIMACIJE SCENARIJ

Cilj animacije CMYK model je (kinestetikim pristupom i razinom znanja znanje)

pribliiti korisniku znaenje i uporabu CMYK modela.

Animacija zapoinje introm, odnosno uvodom gdje se ispisuje CMYK naslov

postepeno poveavajui intenzitet boje i veliinu samih slova.

Nakon uvoda automatski se otvara prva stranica animacije gdje korisnik pomou

tekstualnih i vizualnih elemenata saznaje osnove o CMYK modelu. Klikom na Next

gumbi, otvara se druga stranica.

Na drugoj stranici korisnik, takoer pomou tekstualnih i vizualnih elemenata saznaje

razlike izmeu RBG i CMYK modela boja. Klikom na Next gumbi, otvara se trea

stranica.

Trea stranica sadri slike etiriju praznih slikarskih platna i etiri gumbia na kojima

pie redom: C, M, Y i K: Pritiskom na prvi gumbi C, na slikarskom se platnu

pojavljuje oblik ispunjen cyan bojom. Pritiskom na drugi gumbi M, na slikarskom se

platnu pojavljuje oblik ispunjen magenta bojom. Pritiskom na trei gumbi Y, na

slikarskom se platnu pojavljuje oblik ispunjen utom bojom. I naposljetku, pritiskom na

etvrti gumbi K, na slikarskom se platnu pojavljuje oblik ispunjen crnom bojom. Svaki

se oblik pritiskom na odreeno dugme postepeno poveava i ispunjuje zadanom bojom.

Zaustavljanje izvoenja oblika postie se pritiskom na Stop dugme. Klikom na Next

gumbi, otvara se etvrta stranica.

etvrta stranica je zapravo kviz sa 3 pitanja. Ukoliko korisnik krivo odgovori na

postavljeno pitanje pojaviti e mu se obavijest o krivom odgovoru te e moi ponovno

pokuati tono odgovoriti. Ukoliko tono odgovori, prebacuje ga se na sljedee pitanje te mu

se, tonim odgovorom na zadnje pitanje, zahvaljuje na sudjelovanju u kvizu.

8

4. POSTUPAK IZRADE CMYK ANIMACIJE

4.1. Intro Uvod

Intro, odnosno uvod je zapravo ispisivanje rijei CMYK koja se ispisuje automatski

prilikom pokretanja animacije. Slova CMYK rijei se postepeno pojavljuju mijenjajui

veliinu i intenzitet obojanosti, odnosno Alpha vrijednost. Postupak izrade je sljedei.

eljenim stilom i veliinom teksta ispiemo eljenu rije. Kako bismo razdvojili slova

kliknemo na CTRL+B (ili odemo u izbornik Modify te odaberemo Break Apart).

Dobijemo prikaz kao na slici.

Slika 4: Intro 1

Izvor: autor

Potom moramo razdvojiti slova na slojeve. Odemo u izbornik Modify - Timeline

Distribute to Layers.

9

Slika 5: Intro 2

Izvor: autor

Nakon toga imamo sljedee stanje slojeva:

Slika 6: Intro 3

Izvor: autor

Zatim moramo svako slovo pretvoriti u Movie Clip. Jednostavno pritisnemo F8

tipku, odaberemo Movie Clip, te svakom dodamo Instance Name kako je prikazano.

10

Slika 7: Intro 4

Izvor: autor

Sljedee to moramo uiniti jest dodati Keyframe na petom Frame-u. Oznaiti

emo dakle peti Frame du c,m,y i k Layer-a, te desnim klikom izabrati Insert

Keyframe. Potom emo svim c, m, y i k slovima pridjeliti Alpha vrijednost 0 i to na

prvom Frame-u, te e slova postati prozirna.

Slika 8: Intro 5

Izvor: autor

Nakon to smo svim slovima na prvom Frame-u dodijelili Alpha vrijednost 0,

stvoriti emo Motion Tween izmeu prvog i petog sloja desni klik Insert Motion

Tween. Zatim emo dodati KeyFrame na desetom Frame-u (istim postupkom kao to

smo to uinili na petom) i na petnaestom te emo na petnaestom proizvoljno poveati

11

veliinu rijei CMYK uz pomo alata Free Transform Tool. Ponovno moramo umetnuti

Motion Tween, sada izmeu desetog i petnaestog sloja.

Slika 9: Intro 6

Izvor: autor

Sljedee to moramo uiniti jest pomaknuti svako (osim slova k) slovo za dva Frame-a, kao

to je prikazano na sljedeoj slici te du zadnjeg Frame-a dodati Frame-ove (desni klik - Insert

Frame) kako bismo zavrili Intro stranicu.

Slika 10: Intro 7

Izvor: autor

Ovim korakom zavrili smo izradu Intra, odnosno uvoda te nam se sada prilikom

pokretanja animacije ispisuje CMYK rije sa postupnim pojavljivanjem slova koja mijenjaju

intenzitet, obojanosti i veliinu.

12

4.2. Prva stranica

Prva stranica se automatski otvara nakon Intra, odnosno uvoda u animaciju. Na

prvoj stranici korisnik pomou tekstualnih i vizualnih elemenata saznaje osnove o CMYK

modelu. Tekst i slike prikazani su pomou Scroll Panela, odnosno omogueno je vertikalno

i horizontalno navigiranje kroz elemente. Postupak izrade prve stranice je sljedei.

Na sam vrh stranice dodajemo naslov: to je CMYK. Zatim kreiramo gumbi

Next koji e nas voditi na drugu stranicu. Postupak kreiranja gumbia je sljedei.

Odaberemo Rectangle Tool i nacrtamo pravokutnik eljene veliine i boje. Zatim pomou

Text Tool-a napiemo tekst koji elimo da nam se ispisuje na gumbiu. Pozicioniramo ga

na eljeno mjesto na gumbiu te oznaimo oba elementa i pritisnemo F8 na tipkovnici,

odnosno Convert To Symbol te odaberemo Button. Dodati emo Instance Name naem

gumbiu, kako bismo poslije s njime mogli manevrirati u kodu (AS3). Ovaj e nam se

gumbi zvati next_btn. Stranici emo takoer upisati ime - Frame Label kako bismo

mogli doi do nje u kodu. Prva stranica zvati e nam se prvi. Postupak izrade svih ostalih

gumbia u ovoj animaciji je isti (mijenja se naravno naziv gumbia i Instance Name te se

vre odgovarajue izmjene u kodu, ali princip je isti) te se stoga nee dalje objanjavati kroz

ovu dokumentaciju.

Slika 11: Prva stranica (1) - Gumbii

Izvor: autor

13

Slika 12: Prva stranica (2) - Gumbii

Izvor: autor

Sljedei emo kod upisati u Action Script (do kojeg doemo tako da oznaimo

Frame na kojem elimo da se kod izvrava i pritisnemo F9 tipku na tipkovnici), kako bismo

omoguili da gumbi Next stvarno i izvrava svoju funkciju, odnosno vodi nas na sljedeu

stranicu.

Slika 13: Prva stranica (3) Gumbii (AS3)

Izvor: autor

Nakon to smo kreirali gumbi koji e nas voditi na sljedeu stranu, krenuti emo sa

omoguavanjem prikaza tekstualnih i slikovnih elementa. Kako bismo omoguili prikaz

pripremljenog teksta i slika, na stranicu emo staviti komponentu Scroll Pane koja e

omoguiti horizontalno i vertikalno navigiranje. Postupak je sljedei.

Odemo u izbornik Components i odaberemo opciju Component Inspector. Iz

dobivenog prozora sa komponentama na pozornicu izvuemo Scroll Pane te postavimo

irinu - width na 420 i proizvoljni height. S obzirom na to da emo komponenti u kodu

pridijeliti odgovarajui sadraj, moramo joj pridodati ime komponentu smo nazvali spane.

14

Zatim odaberemo Rectangle Tool i nacrtamo oblik na kojem e se prikazivati tekst i slike.

Width postavimo na istu vrijednost kao i irinu Scroll Pane komponente.

Slika 14: Prva stranica (4)

Izvor: autor

Sljedei korak jest odabrati Text Tool i napisati (ili kopirati ukoliko smo ve napisali

tekst u Wordu to je preporuljivo zbog jednostavnosti rukovanja sadrajem) eljeni tekst.

Tekstni okvir smjestiti emo unutar oblika kojeg smo nacrtali Rectangle Tool-om. Ukoliko

elimo dodati slike, postupak je sljedei. Odemo u izbornik File i odaberemo Import

Import to Library te pronaemo eljenu sliku iz mape direktorija naeg sustava nakon ega

se ona smjesti u Library. Sliku nakon toga jednostavno odvuemo iz Library-ja na

eljeno mjesto unutar oblika. Kako bismo napisani tekst i dodane slike mogli pridijeliti

Scroll Pane-u, moramo oznaiti sve (zajedno sa nacrtanim oblikom) i pritisnuti F8 tipku te

pretvoriti te elemente u Movie Clip. Movie Clip-u emo dodijeliti ime scrolltext1.


Izvor: autor

15


Izvor: autor

Kod koji moramo upisati u AS3 kako bismo Movie Clip pridodali Scroll Pane-u

prikazan je i objanjen na sljedeoj slici.


Izvor: autor

Ovime smo zavrili stvaranje prve stranice na kojoj korisnik pomou tekstualnih i

vizualnih elemenata saznaje osnove o CMYK modelu. Prva stranica je prikazana na sljedeoj

slici.

16


Izvor: autor

4.3. Druga stranica

Na drugoj stranici korisnik, kao i na prvoj - pomou tekstualnih i vizualnih elemenata

saznaje koje su razlike izmeu RBG i CMYK modela boja. I ovdje se nalazi gumbi Next,

koji korisnika vodi na treu stranicu, ali i gumb Back koji korisnika vraa na prvu stranicu,

i gumb First, koji korisnika vraa na prvu poetnu stranicu (na ovoj stranici Back i

First gumbii imaju istu funkciju).

S obzirom na to da se na drugoj stranici, kao i na prvoj nalazi kombinacija tekstualnih

i slikovnih elemenata prikazanih pomou Scroll Pane komponente, te je izrada ista kao i

kod prve stranice, ovdje emo prikazati samo zavrnu sliku druge stranice.

17

Slika 19: Druga stranica

Izvor: autor

4.4. Trea stranica

Trea stranica sadri slike etiriju praznih slikarskih platna i etiri gumbia na kojima

pie redom: C, M, Y i K: Pritiskom na prvi gumbi C, na slikarskom se platnu

pojavljuje oblik ispunjen cyan bojom. Pritiskom na drugi gumbi M, na slikarskom se

platnu pojavljuje oblik ispunjen magenta bojom. Pritiskom na trei gumbi Y, na

slikarskom se platnu pojavljuje oblik ispunjen utom bojom. I naposljetku, pritiskom na

etvrti gumbi K, na slikarskom se platnu pojavljuje oblik ispunjen crnom bojom. Svaki

se oblik pritiskom na odreeno dugme postepeno poveava i ispunjuje zadanom bojom.

Zaustavljanje izvoenja oblika postie se pritiskom na Stop dugme. Klikom na Next

gumbi, otvara se etvrta stranica dok se klikom na Back gumbi otvara prethodna, odnosni

prva stranica. First gumbi vodi nas na prvu - poetnu stranicu.

Postupak izrade tree stranice opisan je u nastavku.

Na poetku smo izvrili Import to Library slike sa slikarskim platnom. Zatim smo tu

sliku dovukli na pozornicu etiri puta za etiri komponente CMYK modela.

18

Slika 20: Trea stranica (1)

Izvor: autor

Pomou Brush Tool-a smo nacrtali mali krui te smo ga pretvorili u Movie Clip

(klikom na tipku F8). Dali smo mu Instance Name cyan_mc i pozicionirali smo ga na

sredinu prvog slikarskog platna. Dvo-klikom na stvoreni Movie Clip otvara nam se

cyan_mc. Ponovno pritisnemo tipku F8 te pretvorimo Movie Clip u Graphic. Sada na

prvom Frame-u postavimo Alpha (Properties Color: Alpha) vrijednost na 0 i boju

cyan R 0, G 255 i B 255 (Properties Color: Advanced Settings). Na petom

Frame-u pritisnemo tipku F6 (odnosno ubacimo novi Keyframe te poveamo Alpha

vrijednost na 25 i pomou alata Free Transform Tool poveamo sam oblik. Izmeu

Frame-a 5 i 10 ubacimo Motion Tween. Postupak postupnog poveavanja Alpha

vrijednosti i veliine samog oblika ponavljamo do etrdesetog Frame-a gdje moemo

definirati proizvoljnu veliinu naeg oblika, ali mu Alpha vrijednost na mora biti

postavljena na 100. Dodali smo gumbi kojim e se pokrenuti kreirani Movie Clip i

pridijelili mu Instance Name cyan_btn.

19


Izvor: autor


Izvor: autor

Postupak ponovimo za ostala tri slikarska platna gdje e se prikazivati magenta, uti i

crni oblici.

Kako bismo mogli zaustaviti aplikaciju potrebno je dodati gumbi Stop ija e se

funkcija odrediti u AS3 kodu. Gumbiu smo pridijelili Instance Name stop_btn.

20

Kod koji omoguuje izvravanje Movie Clip-a i zaustavljanje istih pritiskom na

odgovarajue gumbie prikazan je i objanjen na slikama koje slijede.

Slika 23: Trea stranica (4) AS3 Funkcije za pokretanje Movie Clipa

Izvor: autor

21

Slika 24: Trea stranica (5) AS3 Stop gumb

Izvor: autor

22

Slika 25: Trea stranica (6) AS3 Formati za ureenje texta

Izvor: autor

23

Slika 26: Trea stranica (7) AS3 Funkcije za ispisivanje obojanog teksta na gumbima

Izvor: autor

Zavrni izgled tree sranice prikazan je na sljedeoj slici.

24


Izvor: autor

4.5. etvrta stranica

Na etvrtoj stranici prikazan je kviz sa tri pitanja koja su vezana uz sadraj. Svako

pitanje postavljeno je na novi Frame, a izraeno je na sljedei nain.

4.5.1. etvrta stranica Kviz

Pomou Text Tool-a napiemo naslov Frame-a i eljeno pitanje. Odemo u

izbornik Window Components i odaberemo RadioButton komponentu te ju

postavimo na pozornicu onoliko puta koliko odgovora elimo ponuditi. S obzirom na to da

emo mi na prvom pitanju ponuditi 2 odgovora, postavili smo 2 RadioButton-a. Pridijelili

smo im Instance Name o1_btn i o2_btn. Zatim smo dodali gumbi Potvrdi te

pomou Text Tool-a dva prazna dinamika tekstualna polja kojima smo pridijelili Instance

Name status_txt i odaberite_txt. Frame sa prvim pitanjem sada izgleda kao to je

prikazano na slici.

25

Slika 28: etvrta stranica (1)

Izvor: autor

Kod koji omoguuje izvravanje prvog pitanja kviza prikazan je na sljedeoj slici.

26

Slika 29: etvrta stranica (2) AS3

Izvor: autor

Na sljedeim je slikama prikzan kviz tri Frame-a sa tri pitanja.

27

Slika 30: etvrta stranica (3) Kviz-Pitanje 1

Izvor: autor


Izvor: autor


Izvor: autor

28

5. TAKSONOMIJA HELLER&MARTIN

Animacija sadri sljedee atribute ureene prema Heller&Martin taksonomiji.

5.1. Estetika

Tip medija Medijski izraz

Tekst -dobar opi dojam,

-privlana veliina fonta,

- boje dobro rasporeene i prilagoene ciljanoj publici,

- izraz je jednostavan,

- dobro napravljen format,

- prikladna pozicija poruka

- boje u skladu s pozadinskim elementima

Zvuk - zvuk se ne koristi

Grafika - koriste se privlane slike ugodnih boja,

- privlane pozadinske slike, dobra kombinacija boja

Pokret - ugodni pokreti

Multimedija - kombinacija multimedijskih elemenata,

-dobra organiziranost multimedije

5.2. Publika


Tekst - jasan tekst,

- sadri veinu bitnih informacija,

-ima dobru strukturu reenica i

- koristi jednostavne reenice, razumljive publici

Zvuk -

Grafika - slike su prilagoene prezentaciji i temi

Pokret - pokret je jasan i prilagoen publici

Multimedija - multimedija je prilagoena publici i interaktivna

29

5.3. Disciplina


Tekst - koriste se jednostavne reenice i stoga lako pamtljive,

- injenino i sadrajno tone informacije

Zvuk -

Grafika - slike prenose informacije

Pokret - pokret, kao i slike, prenosi neke informacije

Multimedija - koordinirana integracija medija,

5.4. Interaktivnost

Animacija je interaktivna prezentacija - koju je mogue kontrolirati na nain koji nam

pae i na nain na koji lake uimo (primjerice moemo zaustaviti prezentaciju, zapisati

eljene injenice, ponovno pokrenuti eljene dijelove)

5.5. Kvaliteta


Tekst - koristi se jasan izbor rijei,

- toni podaci,

- prikladna brzina i

- toan pravopis

Zvuk -

Grafika - dobra kvaliteta, veliina i jasnoa slika

Pokret - kvalitetan i koristan pokret

Multimedija - kvalitetno koordinirana integracija medija

5.6. Korisnost


Tekst - funkcionalan i koristan tekst i pojavljuje se tokom cijele prezentacije,

- tekstom e se ostvariti namjena prezentacije uenje

Zvuk -

30

Grafika - ugodne boje,

- slikama je ostvarena namjena prezentacije uenje

Pokret - koriste se pokreti koji nose poruku pokretima se na neki nain

ostvaruje namjena prezentacije uenje

Multimedija - koristi se efektivna i kreativna kombinacija medija kojima e se

pokuati ostvariti namjena prezentacije uenje

31

6. ZAKLJUAK

Animacija CMYK model izraena je u okviru kolegija Izgradnja multimedijskih

sustava na Veleuilitu u Rijeci.

Animacija je izraena u Adobe Flash CS3 Professional alatu.

Tokom izrade animacije vodilo se rauna o zadanom stilu uenja - kinestetikom stilu

te se pokuao slijediti zadani stil i na taj nain objasniti gledatelju to je CMYK model boja.

Manipuliranje sadrajem i aktivna manipulacija ostvareni su kroz interaktivni prikaz CMYK

modela i kroz provjeru znanja.

Razina znanja koja se koristila je: znanje.

32

POPIS LITERATURE

I. http://www.crofan.org/showthread.php?t=4303 (20.05.2013)

II. http://moodle.veleri.hr/mod/forum/discuss.php?d=1892 (04.06.2013)

33

POPIS SLIKA

Slika 1: CMYK ........................................................................................................................... 2

Slika 2: Primjeri koritenja CMYK i RGB modela .................................................................... 3

Slika 3: RGB i CMYK modeli boja ........................................................................................... 4

Slika 4: Intro 1 ........................................................................................................................ 8

Slika 5: Intro 2 ........................................................................................................................ 9

Slika 6: Intro 3 ........................................................................................................................ 9

Slika 7: Intro 4 ...................................................................................................................... 10

Slika 8: Intro 5 ...................................................................................................................... 10

Slika 9: Intro 6 ...................................................................................................................... 11

Slika 10: Intro 7 .................................................................................................................... 11

Slika 11: Prva stranica (1) - Gumbii ....................................................................................... 12

Slika 12: Prva stranica (2) - Gumbii ....................................................................................... 13

Slika 13: Prva stranica (3) Gumbii (AS3) ........................................................................ 13

Slika 14: Prva stranica (4) ........................................................................................................ 14





Slika 19: Druga stranica ........................................................................................................... 17

Slika 20: Trea stranica (1) ...................................................................................................... 18



Slika 23: Trea stranica (4) AS3 Funkcije za pokretanje Movie Clipa .......................... 20

Slika 24: Trea stranica (5) AS3 Stop gumb .................................................................. 21

Slika 25: Trea stranica (6) AS3 Formati za ureenje texta ........................................... 22

Slika 26: Trea stranica (7) AS3 Funkcije za ispisivanje obojanog teksta na gumbima 23


Slika 28: etvrta stranica (1) .................................................................................................... 25

Slika 29: etvrta stranica (2) AS3 ..................................................................................... 26

Slika 30: etvrta stranica (3) Kviz-Pitanje 1 ..................................................................... 27


34


35

POPIS KRATICA

CMYK (engl. Cyan, Magenta, Yellow, BlacK)

RGB (engl. Red, Green, Blue)