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.

Slika 15: Prva stranica (5)

Izvor: autor

15

Slika 16: Prva stranica (6)

Izvor: autor

Kod koji moramo upisati u AS3 kako bismo Movie Clip pridodali Scroll Pane-u
prikazan je i objanjen na sljedeoj slici.

Slika 17: Prva stranica (7)

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

Slika 18: Prva stranica (8)


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

Slika 21: Trea stranica (2)

Izvor: autor

Slika 22: Trea stranica (3)

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



Slika 27: Trea stranica (8)



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
Slika 31: etvrta stranica (4) Kviz-Pitanje 2

Izvor: autor
Slika 32: etvrta stranica (5) Kviz-Pitanje 3

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
Tip medija Medijski izraz
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
Tip medija Medijski izraz
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
Tip medija Medijski izraz
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
Tip medija Medijski izraz
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 15: Prva stranica (5) ........................................................................................................ 14
Slika 16: Prva stranica (6) ........................................................................................................ 15
Slika 17: Prva stranica (7) ........................................................................................................ 15
Slika 18: Prva stranica (8) ........................................................................................................ 16
Slika 19: Druga stranica ........................................................................................................... 17
Slika 20: Trea stranica (1) ...................................................................................................... 18
Slika 21: Trea stranica (2) ...................................................................................................... 19
Slika 22: Trea stranica (3) ...................................................................................................... 19
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 27: Trea stranica (8) ...................................................................................................... 24
Slika 28: etvrta stranica (1) .................................................................................................... 25
Slika 29: etvrta stranica (2) AS3 ..................................................................................... 26
Slika 30: etvrta stranica (3) Kviz-Pitanje 1 ..................................................................... 27
Slika 31: etvrta stranica (4) Kviz-Pitanje 2 ..................................................................... 27

34

Slika 32: etvrta stranica (5) Kviz-Pitanje 3 ..................................................................... 27


35

POPIS KRATICA

CMYK (engl. Cyan, Magenta, Yellow, BlacK)
RGB (engl. Red, Green, Blue)