Adobe Flash – Program Za Animaciju (Word)

7/24/2019 Adobe Flash Program Za Animaciju (Word)

1/12

Visoka Tehnoloka kola Strukovnih Studija abac

SEMINARSKI RAD

Tehnologije Multimedije

ADOBE !AS" # $%O&%AM 'A A()MA*)+,

Student: Mentor:Marko Koji 4-103/2010 Dr Miodrag Milicevi

abac- a.ril /0123

SADRA!

"#$D%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%3


2/12

Seminarski rad Adobe Flash program zaanimaciju

Marko Koji !"#$%&'$#$

1% &S'$R&!A' ()AS*A%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%3

2% +R$,RAMSK$ $KR".!%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%3

2%1 +oornica%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%3

2%2 #reenka oa%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%4

2%3 Kutija alata%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

2%4 ilioteka iola%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%5

2% +aneli%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%6

3% RAD " ()AS*"%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7

3%1 +o8etak rada%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7

3%2 9rtanje%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%7

3%3 "voni eleenti%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%3%4 Aniacija%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

3% Makiranje%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

3%5 'ekt%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%10

3%6 Kodiranje%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%10

;AK)!"


3/12



UVOD

(la= +la>er je ?rogra a ?rikaivanje %@ ilova% +otoji u oliku

?lug-in dodatka a @e-ro@ereB a takoCe kao i aotalni ?rogra aindo@ i Macinto= ?latore%

+rogra a kreiranje ilova ove e (la= i takoCe je realiovan aove dve ?latore% .ajnovija verija ?rograa noi naiv (la= ME FME G?redtavlja oaveHtenje o 10 godina rada ko?anije MacroediaI i to Hetaverija ovog ?rograa%

1. ISTORIJAT FLASHA

1% godine ko?anija Future Wave ojavljuje jednotavanvektorki-orijentian ?rogra a ilutrovanje ?od naivo SartSketc=% &tegodine kreiran je i ?lug-in (uture S?la= +la>er a ?regled ilutracija iSartSketc=a% .aredne godine ilai naredna verija ?rograa ?od novinaivo 9el AniatorB a ogunoHu kreiranja aniacije G i uro e?rogra ?reienovao u (uture S?la= Aniator% 'ada Macroedia uviCa uovo ?rograko ?aketu FAniator J +la>erI ogroan ?otencijal i to jeralog ku?ovine ko?anije (uture ave od trane Macroedije%

+rvu veriju (la=a Macroedia je ojavila 16% godine% .aredni=godina ilaile u nove verije ?rograa uvodei kvalitativne novine udoenu aniacije i interakcije koriniko% ,odine 2000% ?ojavljuje e(la= uvodei novi konce?t u ?rograerke ogunoti ?aketa G kri?t

jeik ActionScri?t% 1% arta 2002% (la= ME doija adatak da o?ravdarenoe voji= ?red=odnika i ?redtavi nove ogunoti koriHenja u vetu@e-a?likacija%

&laganje ovog rada odnoi e na ?rogra (la= B dok vi iueciadre na?oenu%

2. PROGRAMSKO OKRUENJE

(la= il koji e ?ravi u (la=u nia e kao %la dokuent% Radnookruenje je ?odeHeno a kreiranje grai8ki= eleenata i nji=ovu aniaciju

u vreenu% leenti okruenja u: +oornica #reenka oa Kutija alata ilioteka iola +aneli

2.1 Pozornica

9entralni deo radnog okruenja dodeljen je ?oornici FtageI% $na

odlikava Lvet dvodienionalnog koordinatnog itea a ?o8etko u

3


4/12



gornje levo ugluB 8ije e dienije Fu ?ikeliaI odreCuju kao gloalnea ceo il% .a lici doleB ?oornica je centralni eli ?ravougaonik%

Slika 1

Sa il oe da e organiuje ?o cenaa% 'ako je ?ri kreiranju?ranog dokuenta kreirana i aktivna ?rva cena FScene 1I% .a lici e ovovidi ?ri gornje levo ugluB i?od enija Flika ilke Lkla?e i nat?iLScene 1I%

2.2 Vremenska osa

Svakoj ceni ?ridruuje e vreenka oa FtielineI% $na dodajetreu ?rotornu dieniju kro konce?t lejera Fle>erI i vreenkuko?onentuB ?reko rejova%

)ejeri e ogu ?oatrati kao ?rovidne olije nalagane jedna nadruguB odreCujui tako Hta e nalai Li?od a Hta Linad% +rier: akoiao dva lejera a neki adraje koji e na neko delu cene ?rekla?aBu ?reklo?ljeno delu ie vidljiv adraj gornjeg lejera jer on je Linaddonjeg%

+oja reja ?onat je i ilke terinologijeB ?redtavlja tanje uneko ?oatrano trenutku% #reenka ko?onenta je dikretiovana narekvenciju rejova ?o ekundiB Hto e takoCe gloalno odreCuje na nivouila%

Klju8ni rej je rej a neki deiniani tanje eleenataodreCenog lejera%

4


5/12



&eCu dva klju8na reja u lejeru oe e adati aniacijaeleenata lejeraB odnono ditriucija ?roena ?o rejovia ieCuuo8eni= klju8ni= rejova% $vaj ?oja koriti e ?ri iradi aniirani=ilovaB gde glavni crta8i crtaju klju8ne like FrejoveIB a aniatori

dovrHavaju ?oao crtanje eCulika%

Slika 2

;a ilutraciju ove ?ri8e ?rier je lika inad% +otoji ?et lejeraBnavani ackB oj1B oj2B code i lael% )ejer ack je najdonjiB inad njega jeoj1B i tako redo do lejera laelB koji je najgornji% Selektovan je lejer oj1%)ejeri lael i code niu vidljivi Fonaka LN i?od LokaI i aklju8ani uFkatanacIB kao i lejer ack% Kako e lejer oj2 nalai inad oj1B 8iji eleentitrenutno diajnirajuB to e kod lejera oj2 ?rikauju ao orii olika

eleenata Fkvadrati iklju8uje vidljivot ?o?uneI kako i eleenti lejeraoj1 ogli iti vidljivi i ?ored eventualni= ?rekla?anja% (il auia 13rejovaB a u donje redu o8itava e da je aktivan edi rejB da e il?odeHen a ?rikaivanje 12 rejova u ekundi F?I i da trenutna ?oicija?redtavlja 0% ekundi od ?o8etka ila% .a ao edo reju?riutna je vertikalna crta koja ona8ava elektovani rej% " ?reekuelektovanog lejera i reja je elektovan klju8ni rej F?o?unjen kruiIlejera oj1%

&eCu neki= klju8ni= rejova nalai e trelicaB koja ?redtavljaaniaciju eleenata lejera ieCu uo8eni= rejova F?rogra u

rejovia trelice ira8unava ?roenu eleenata lejera u odnou naklju8ne rejoveI% " lejeru code vide e klju8ni rejovi a onako LaBHto ukauje da ti rejovi adre neke akcije ActionScri?ta% " lejeru laeldva klju8na reja iaju atavice i tekt koji ?redtavlja laelu FonakuIrejaB koja olakHava ?re?onavanje delova ila i 8ije ie e oekorititi ?ri adavanju koandi ActionScri?ta a kontrolu toka ila Fna?rierB oe e narediti kok na ?oiciju ienovanog rejaI%

5


6/12



2.3 Kutija alata

;a rad u iluB ceniB lejeru i reju korite e ranealatke i kutije alata Flika levoIB koja je ?odeljena na 8etiri dela:alati a crtanjeB viuelno ?oicioniranjeB elektori oja i o?cijeelektovane alatke%

+o?ut drugi= ?rograa a rad a vektorko graiko i u(la=u u Ltandardne alatke a crtanje: elektorB linijaB?ravougaonikB eli?aB loodno crtanjeB guica%%%

+otoje dva elektora a oje: a oju linije FkontureI i aoju ?o?une konture% ;a?o?unu eB ?ored onovni= ojaB oguodarati i radijalno ili linearno nijanirani ?relai oja% oja?oadine odreCuje e gloalno na nivou ila%

2.4 Biblioteka simbola9rtanje grai8ki= eleenata oe

e ivoditi direktno na ceni i to?riliko kreiraju e olici F=a?eI% Drugi?riu? jete kreiranje iola% Sioli ueleenti koji e ogu viHe ?uta korititi%+oeduju o?tvenu vreenku ou% $?iiaola 8uva e i organiuje u okviruilioteke iola F)irar>I%

.a lici levo ?rikaana je

ilioteka iola koja e koriti u okviru?rvog ?rieraB ?rogra ?aijan% Sa likee vidi da vaki iol ia voje ieB kaoi da e ioli ogu organiovati ?oolderia iola Fna lici u neki olderiatvoreniB n?r% colorB dok u nekiotvoreni G uitI%

Rali8ite li8ice levo od ienaiola ona8avaju ti? iola%

+otoji tri onovna editailna ti?a iola:

ilki kli? FMovie 9li?IB duge FuttonI i graikeF,ra?=icI% .a lici je iol du> ti?a Movie9li?B utton ti?a uttonB a ack ti?a ,ra?=ic%+otoje joH i ti?ovi uvoni= iola G likeB vu8ni ivideo a?ii%

Siol =eart je elektovanB a u gornje?roor8etu ?rikaan je njegov igled%

+otavljanje iola na cenu u tvari je njegovo intanciranje%&ntanci iola ogue je enjati rane ooine F?oicijaB kaliranjeBrotacijaB tran?arencijaB%%%I e uticaja na deiniciju iola%

6


7/12



Menjanje ooina u deiniciji iola odraava e na vi njegoviintancaa%

Siol ti?a duge reaguje na dogaCaje iHa G kada e ?okaiva8 iHanalai inad iola i kada je ?ritinuto duge iHa dok je ?okaiva8 inad

iola% ;ato vreenka oa iola ti?a duge adri 8etiri ?ecijalnareja:

u? G tanje iola kada e ?okaiva8 iHa ne nalai inad iola over G ?okaiva8 je inad iola do@n G ?okaiva8 je inad i ?ritinuto je levo duge iHa =it G ovaj rej odreCuje ?ovrHinu na onovu koje iol odreCuje

voje tanje

,rai8ki iol oe iti aniiranB ali e njegova vreenka oaveuje a cenu Fili ilki kli?B ako e u njeu intanciraIB tako da ve

?roene toka F?o rejoviaI roditeljkog eleenta uti8u i na intancugrai8kog iola% 'akoB na ?rierB ako e u neko trenutku autavianiacija na ceniB autavlja e i aniacija vi= intanci iola ti?agraika%

Druga8ije ?onaHanje u odnou na ovo realiuju ioli ti?a ilkikli?% ,ledano na ito ?rieruB autavljanje aniacije na ceni ne uti8ena ?onaHanje intanci ilki= kli?ova ?otavljeni= na cenu ve na?rotivBone natavljaju tok voje vreenke oe%

+ored ovogaB vakoj intanci iola ilkog kli?a oe e dodelitijedintveno ie intanceB koji e ?oto reerencira intanca u akcijaa

ActionScri?ta%

2.5 Paneli

;a ?regledB organiaciju i odiikaciju eleenata (la= ila koritee ?aneli a koandaa i o?cijaa veani a ?oatrani ti? eleenta%Mogu e odiikovati ioliB intanceB ojeB tektB rejovi i drugieleenti ila%

Slika levo ?redtavlja jedan ?anel%

+aneli e ogu organiovati u gru?eB takoda e na ovoj lici u tvari nalae tri ?anelaBod koji= je aktivan Fjei8ak goreI ?anel&no% +anel voj ?rika veuje a elektovanieleent ceneB rej i li8noB i nudi o?cijekoje e ogu vrHiti nad elekcijo%

+ored ?oenuti= eleenataokruenjaB ?otoje enijiB toolariFtandardni i kontroler toka ilaIB kao i

dodatni alati a tetiranje ilaB diager i ilani ?roor%

7


8/12



3. RAD U FLASHU

Da i autor otvario voj ?rojekat ila u (la=uB koriti e rali8itite=nikaa editovanja adraja vog rada% " natavku u ?redtavljenionovni konce?ti rada koje nudi okruenje%

3.1 Poetak rada

$tvaranje ?rograaB ili adavanje koande a novi ?rojekatBkreira e inicijalni dokuent u koe je deiniana i aktivna ?rva cenaFScene 1IB koji adri jedan lejer F)a>er 1I a jedni ?rani rejo%Dienije ceneB roj lika u ekundi i oja ?oadine uiaju vrednoti kojeu u ?rograu ?otavljene a ?odrauevane% $vi ?araetri ogu eenjati u ilo ko trenutku radaB a od trenutka ?roene ?otaju gloalnia ceo il%

3.2 Crtanje

,rai8ki eleenati ogu iti kreirani koriHenje alata a crtanje%

9rtanje e odvija u okviru elektovanog klju8nog reja elektovanoglejeraB u okviru eleenta ila koji e edituje% leent ila oe iticena ili iol%

$dairo alatke FlinijaB eli?aB ?ravouganikB loodno crtanje%%%IodreCuje e Hta e e crtatiB elekcijo oja odreCuju e oje linije i?o?une eleenta koji e crtaB a u ?anelia ogue je odrediti ti? i deljinu

linijeB na8in ?o?une F8ita ojaB radijalni ili linearni gradijentB ita?aI i?rocenat tran?arencije oja% Sve ooine ogue je i naknadno enjatielekcijo eljeni= kontura ili ?o?una i ?roeno vrednoti ooine uodreCeno ?anelu ili elektoru oje%

+rier: na lici levo je eli?a a ?odeljano i?rekidanolinijo i radijalno ?o?uno%

;a ?oo ?ri crtanju korite e reHetka FgridIB voCice FguidelineIBkoje e vuku a lenjira FrulerIB i ve ?otojei ojekti na ceni Fili udeiniciji iolaI% +otoji ogunot veivanja Fna?I klju8ni= ta8akaeleenta koji e crta a neki od ?oenuti= eleenataB a takoCe e

odreCuje i te?en veivanja Fkoliko ?okaiva8 iHa oe iti udaljen odeleenta da i doHlo do veivanjaI% +araetri reHetkeB =oriontalni ivertikalni raak ieCu linija reHetkeB enjaju e ?o ?otrei%

+oicioniranje eleenta ogue ivodi e ?oravnavanje u odnou nadruge eleente ili u odnou na ?oornicuB kao i ditriucija eleenataBlevoB deno ili centrirano%

+oicija eleenta oe e i nueri8ki odreditiB kao i dienijeB aogue je ivoditi i relativnu tranoraciju dienija F?rocentualnoIBrotacije i akoHenja Fke@I%

8


9/12



3.3 Uozni elementi

#ektorki eleenti ?oornice ogu e doiti i uvoo vektorkegraike uraCene u neko drugo ?rograu% $vo je naro8ito korino ?ri?otrei a a=tevniji graikaaB koje je i?ak lakHe realiovati u?ecijaliovani ?rograia FAdoe &llutratorB Macroedia (ree=andB9orel Dra@ i li8noI% "veen vektorki eleent oe e dalje oraCivati naiti na8in kao i graika crtana u (la=u%

+ored uvoa vektorki= likaB ogu e uvoiti ita?irane like kojeeB kao ita?irani ioliB eHtaju ?ri uvou u iliotekuB dok e intanca?otavlja na ?oornicu% &ntanci e ogu enjati ?oicijaB veli8inaB rotacijai akoHenje%

Kao i kod ita?irani= likaB vu8ni i video a?ii takoCe uvoo?otaju eleenti ilioteke iola%

3.4 !nimacija

+ri diajniranju ila ogu e koriti dve vrte aniacije: aniacijaolika F=a?e t@eenI i intanci iola ili gru?iani= ojekata Fotiont@eenI% ;ajedno a oe vrte aniacije je da e deiniHe ieCu dva klju8nareja F?o8etnog i krajnjeg reja aniacijeI itog lejera i deinianjedinaike aniacije Feaing G ?oitivne vrednoti daju ru ?roenu u na?o8etku aniacijeB negativne oratnoI%

Aniacija olika ?redtavlja jednotavno ?reta?anje olika ieCuuo8eni= klju8ni= rejova% .e oe e ?rienjivati na intance iola i

gru?iane ojekteB ve ao na olike% +rier i io tranoracija?ravougaonika u eli?u: u ?rvo klju8no reju crta e ?ravougaonikB udrugo eli?aB i na kraju e kod ?rvog klju8nog reja adaje aniacijaFt@eeningI ?otavljanje na L=a?e% $ rejovia ieCu tara e (la= iira8unava eCuolike%

Motion t@eenB li8noB a=teva ao jednu FituI intancu iola iligru?u iola ?riutnu na oa klju8na reja lejera% Sve ?roene vrednotiooina eleenta klju8ni= rejovia e ?ri adavanju aniacije Ft@eeningna LotionI ditriuiraju ?o eCurejovia% +ri adavanju oe eodrediti i dodatna rotacija eleenta Fer i roj okretajaI toko

aniacije% .a?rednija varijanta ove aniacije ?otie e tako Hto e lejeru?ridrui vodei lejer Fotion guideI% .a vodeo lejeru icrtava e ao?utanja eleenta% leent e u klju8ni rejovia veuje a ?o8etnu ikrajnju ta8ku ?utanje% +ri ovakvo adavanju aniacije odreCuje e da li eeleent toko aniacije orijentiHe i ?o ?utanjiB ili ne% Sadraj vodeeglejera e ne ?rikauje ?ri tetiranju ila%

3.5 "askiranje

Sadraj nekog lejera oe akirati oliko u lejeru inadB ako egornji lejer ?roglai a akirni%

+rier: na lici levo nalae e dva ?ot?uno ita ?ravougana olikaB narali8iti lejeriaB od koji= je jedan akiran lejero koji adri eli?u%

9


10/12



3.# $ekst

.a ?oornicu e ogu dodavati itektualni eleenti% Dodaju e kaotektualna ?olja koja e deiniHu kao:

tati8kaB dinai8ka ili ulana

Stati8ko ?olje odreCuje voj adraj kucanje ?otrenog tektatoko editovanja u ao ?olje%

Dinai8ko ?olje veuje voj adraj a neku ?roenljivu koja edeiniHe u kodu ActionScri?taB ovo ?olje ?rikauje vrednot ?roenljive%+olje je deiniano kada e odredi ie ?roenljive kojoj e ?olje?ridruuje%

Sli8no je i a ulani ?oljeB adraj e veuje a ?roenljivu%Ralika Hto e koriniku dovoljava da enja adraj ?oljaB tie i vrednot?roenljive%

'ektualna ?olja ogu auiati jednu liniju ili e ?rotirati na viHelinija% Sli8no kao i u ?rograu ordB ogua u rana ?odeHavanja adraja?olja ?o ooinaa ?aragraa FcentriranjeB argineB uvla8enjeB raakieCu redovaI i karaktera Fti? ontaB veli8inaB ojaB tilB deinianje=i?erlinkaI%

3.% Kodiranje

#iHe ?uta ?oenuti jeik ActionScri?t koriti e u (la=u a?rograiranu kontrolu toka ila% leenti jeika naivaju e akcije% KodActionScri?ta oe e ?ridruiti kju8no reju i intancaa iola ti?aduge i ilki kli?%

10


11/12



ZAKLJUAK


12/12



LITERATURA

1% MikariB % OKOMPJUTERSKE TEHNOLOGIJE PRAKTIKUM

LB &dava8kicentar a indutrijki enadent G &9&MB KruHevacB 2010

2% =tt?://en%@iki?edia%org/@iki/AdoeP(la=

12
http://en.wikipedia.org/wiki/Adobe_Flashhttp://en.wikipedia.org/wiki/Adobe_Flash

Documents

Adobe Flash – Program Za Animaciju (Word)