DASARANIMASIMACROMEDIAFLASH8

DISUSUNOLEH:
NAMA

:DEKAMUKHAMADWILDAN

KELAS

:SKS12.2

NPM

:410391290015

SEKOLAHTINGGIELEKTRONIKADANKOMPUTER

(STEKOM)
TAHUNAKADEMIK2012/2013

Page|1

PENGENALANMACROMEDIAFLASH8
MacromediaFlashmerupakansebuahsoftwareaplikasiyangdigunakanuntukmembuatanimasi
berbasisvektordanbitmap.DidalammenuMacromediaflashhampirsemuatoolyangterdapatdalam
macromediaflashsamadenganyangadadalammenuaplikasiCorelDrawdanPhotoshop.
PengenalanToolBoxMacromediaFlash:

Page|2

Page|3

A. TEKNIKDASARMOTIONTWEENDANMOTIONSHAPE
Motionmerupakanserangkaiangerakanyangdimulaidarikeyframepertamadanbergerakmenujuke
keyframeterakhirdarijalurmotionyangdipilihtersebut.MotionTweendigunakanuntukmenggerakan
objekyangsudahmenjadisimbol,sedangkanmotionshapedigunakanuntukmenggerakkanobjek
gambarvektoryangtidakdijadikansimbolsepertiRectangle,ovaldanpolystar.Padatutorialkaliini
akandibahasteknikdasaranimasimotiontweendanmotionshapedenganmenggunakansoftware
aplikasiMacromediaFlash8,langkahlangkahnyasebagaiberikut:
1. Bukaaplikasimacromediaflash8,kemudianklikFlashDocumentpadamenuCreateNew.

2. Setelahmasukpadamenumacromediaflashprojectbuatsebuahobjekmisalgambarlingkaran
denganwarnabebasdengancaraklikmenuOvalToolpadatoolboxlalubuatlingkarandidalam
stage.

3. Selanjutnyabuatkeyframebarupadamenuframeyangterdapatdalammenutimelinedengan
caraklikkananpadaframeyangdipilihkemudianklikInsertKeyframe.

Page|4


4. Setelahitublokkeyframeterakhiryangbarudibuattersebut,lalugeserkanobjeklingkaran
kearahkanan,sepertigambardibawahini:

5. Kemudianbuatmotionshape,karenaobjeknyatidakdibuatsymbol,dengancarakliksalahsatu
frame,lalupadamenupropertiesbagianbawah,padamenuTweengantidenganshape,seperti
gambardibawahini:

6. Danhasilbentukframenyaterdapattandapanahantarakeyframepertamamenujukeyframe
terakhirsepertigambardibawahini:

7. Setelahitusimpanprojectnyadengannamamisalmotiondenganekstensiatauperluasan*.fla
lalujalankanhasilanimasinyadengancaramenekantombolkombinasictrl+enter.Jikaobjek
lingkarannyabergerakdarikirikekananmakaanimasimotionnyaberhasil.Selanjutnyabisa
ditambahkankeyframelagidiselaselamotionlingkarantersebutdanmenggantiobjek
lingkarannyamisaldigantidenganobjekpersegi,danhasilanimasimotionnyaakanberubah
bentukdaribentuklingkarankebentukpersegidandaribentukpersegiakanberubahkebentuk
lingkaranlagi.
Page|5


B. MEMBUATANIMASITRAFFICLIGHT(LAMPULALULINTAS)
Untukmembuatanimasitrafficlightataulampulalulintasmembutuhkanminimal2layer,karenajika
menggunakan1layermakaketikaobjekyangtidakdibuatsymbolditumpukdenganobjeklainyang
berbedawarnayangjugatidakdibuatsymbol,akanterjadipemotonganditengahobjekataubiasa
disebuttrimshappingsepertidiaplikasiCorelDraw.Langkahlangkahuntukmembuatanimasitraffic
lightbisadilakukansepertilangkahdibawahini:
1. Bukaaplikasimacromediaflash8,lalupilihflashdocumentpadamenuCreateNew

2. SetelahitubuatpersegipanjangdenganwarnafillhitamdenganmenggunakanmenuRectangle
Toolpadatoolbox,lalugantiwarnafillnyayangterletakdimenuproperties,sepertigambardi
bawahini:

Page|6

3. Kemudiangantinamalayer1dengannamakotak,dengancaraklik2Xtepatpadanamalayer1,
lalugantinamanyamenjadikotaklalutekanenter,sepertigambardibawahini:

4. Selanjutnyabuatlayerbarulagidanberinamalampu,dengancaraklikkananpadalayerkotak,
lalupilihinsertlayer,ataubisajugadenganmengklikikoninsertlayeryangterdapatdibawah
menulayer.

5. Setelahitubuat3buahlingkarandenganmenggunakanOvalToolpadatoolboxdanletakkan
padalayerlampudanposisikanketigaobjeklingkarantersebuttepatdiatasobjekpersegi
panjangdansusundenganbentukvertikaldangantiwarnalingkaranpalingatasdenganwarna
merahtua,warnalingkaranyangditengahgantidenganwarnakuningtuaatauredupdan
warnalingkaranterkahirataupalingbawahgantidenganwarnahijautua,sepertigambardi
bawahini:

Page|7


6. Kemudiantambahkanframebarupadalayerkotakpadatimelineframe40,dengancaraklik
kananpadabarisframeke40,lalupilihinsertframe.

7. Danhasilnyaakanterlihatsepertigambardibawahini:

8. Selanjutnyatambahkankeyframebarupadalayerlampupadatimelineframe5dengancaraklik
kananpadatimelineframe5padalayerlampu,lalupilihinsertkeyframe.

Page|8


9. Danhasilnyaakanterlihatsepertigambardibawahini:

10. Setelahituubahwarnaobjeklingkaranpalingatasmenjadiwarnamerahcerahyangberarti
lampumerahyangpertamakalimenyalapadakeyframeyangberadapadatimelineframe5.

11. Danhasilnyaakanterlihatsepertigambardibawahini:

12. Selanjutnyabuatkeyframebarulagipadalayerlampuditimelineframe15dengancarayang
samasepertidiatas,kemudianubahwarnaobjeklingkaranmerahcerahmenjadimerahtua
ataugelapkembalidanwarnaobjeklingkaranyangdiposisipalingbawahyangberwarnahijau
tuaataugelapubahwarnanyamenjadiwarnahijaucerah,berartilampuhijaumenyala,dan
hasilnyasepertigambardibawahini:

Page|9

13. Setelahitubuatkeyframebarulagipadalayerlampuditimelineframe25.Kemudianganti
warnalingkaranhijaucerahdenganwarnahijautuaataugelapkembalidangantiwarna
lingkarankuninggelapatautuadenganwarnakuningcerah,berartilampukuningmenyala.

14. Kemudianbuatkeyframelagipadatimelineframeke35padalayerlampu.Untukmembuat
tempoanimasilampuwarnakuningnya.

15. Selanjutnyaubahwarnaobjeklingkaranwarnakuningcerahdenganwarnakuninggelapatau
tuapadakeyframenomor35sepertipadakeyframeyangpertama,setelahitubuatframepada
timelineke40padalayerlampu,sehinggahasilnyasepertigambardibawahini:

16. Setelahitusimpanprojectnyadengannamatrafficlightdenganekstensidefault*.fla,kemudian
jalankananimasinyadengancaratekantombolkombinasiCtrl+Enter.
Page|10

C. MEMBUATGAMBARANIMASIBURUNGTERBANGDANPEMBUATANSYMBOL
Untukmembuatgambaranimasiburungterbang,syaratyangutamaminimalterdiriataslayerbadan,
kakidankepalaburunguntuksatulayerdanlayermatauntukmembuatanimasimataberkedipdan
layerketigaadalahlayersayap.Langkahlangkahuntukmembuatanimasiburungterbangsepertidi
bawahini:
1. BukaaplikasiMacromediaFlash8kemudianpilihflashdocumentpadacreatenew.

2. Setelahitubuatgambarlingkaranuntukmembuatkepalaterlebihdahuludenganmenggunakan
padatoolboxdanberiwarnabackgroundnyapadafilldenganwarnabiruatau
ovaltool
yanglainpadaburung.

3. Kemudianbarumembuatbadannyadenganmenggunakanlinetool
padatoolboxdan
beriwarnaoutlinenyadenganwarnabiru,lalusambungkandenganobjeklingkarannyaagar
ketikapadagambarbadannyadiblokwarnamenggunakanpaintbuckettooltidakadayang
kurang.Buatbadannyasepertigambardibawahini:

Page|11


4. SelanjutnyagantibentukkursordenganmenuSelectionToolpadatoolbox,kemudianarahkan
kursornyapadagarispalingbawah.Setelahbentukkursorterdapatgarislengkungyangterletak
dibawahkursorlaluklikdantarikgarisnyakebawahsehinggaakanmenjadisepertigambardi
bawahini:

5. Setelahitublokwarnafillbadandenganwarnabirumudadenganmenggunakanmenupaint
buckettoollaluklikpadabagiandalambadan.

6. Danhasilnyaakanterlihatsepertigambardibawahini:

7. Selanjutnyabuatgarisekornyadenganmenggunakanmenulinetool.

Page|12

8. Setelahitubuatjambuldanparuhburungnyadenganmenggunakanmenulinetool,seperti
contohgambardibawahini:

9. Kemudianblokbackgroundfillnyadenganwarnakuningreduppadajambulnyadanwarna
merahpadaparuhnyadenganmenggunakanmenupaintbuckettool.

10. Selanjutnyabuatlingkaranlagiletakkanpdiatasobjekbadannyajanganditempelkan,karena
untukdibuatkakiburungnyadenganmenggunakanmenuovaltooldanberiwarnafillmerah.

11. Setelahituklikmenuselectiontool,kemudianarahkankursorpadaujunggaristepiatauoutline
sisikananpadalingkaran,setelahdibawahkursorterdapatikongarishitamlengkungkemudian
klikdantarikkekirisehinggaakanmembentuksepertigambardibawahini:

Page|13


12. Kemudianletakkangambarlingkaranyangsudahdibuatkakitersebutdibawahekor,dengan
caraklikmenuFreeTransformtoolpadatoolbox,lalublokgambarkakikemudianpindahkan
danletakkandibawahekornya,sepertigambardibawahini:
FreeTransform
Tool

13. Setelahitubuatobjekburungsetengahjadiitumenjadisymbol,dengancaraposisikankursor
padamenuFreeTransformTool,kemudianbloksemuaobjeknya,laluklikkananpilihConvertTo
Symbol.

14. SetelahmunculmenuConvertToSymbolgantinamasymbol1padanamemenjadiburung
tanpatandakutipsetelahitupilihtypemoviecliplaluklikok.

15. Setelahobjekburungsetengahjadisudahmenjadisymbol,kemudianeditkembaliobjeknya
untukdilengkapidengansayapdanmatadengancaraklik2Xpadaobjekburungyangsudah
menjadisymbol.
Masukdiarea
editorsymbol

Page|14

Statusobjekburungyangsudahdi
buatsymbolmenjadishapekarena
masukdalamareakerjasymbol

16. Kemudiangantinamalayer1dengannamalayerbadan.

17. Selanjutnyabuatlayerbarulagidanberinamalayermatadengancaraklikkananpadalayer
badanlalupilihinsertlayer,ataubisajugadenganmengklikikoninsertlayeryangberadadi
bawahlayerbadan.

18. Setelahitubuatlingkaransedikitberbentukovalpadalayermatadenganmenggunakanmenu
ovaltooldanberiwarnafilldanoutlinedenganwarnabiru,sepertigambardibawahini:

Page|15

MenuWarnaOutlinedanFill

19. Kemudianbuatlingkaranyangsedikitberbentukovallagidenganwarnafilldanoutlinehitam
danletakkandidalamlingkaranyangbarudibuattadi,sepertigambardibawahini:

20. Setelahitubuatlagilingkaranyanglebihkeciluntukmembuatefeksinarcahayakematadengan
warnafilldanoutlineputih,danletakkandiataslingkaranwarnahitam,sepertigambardi
bawahini:

Page|16

21. Kemudiankuncilayerbadanagaramandariproseseditandengancarakliktandabulatwarna
hitambagiantengahpadalayerbadandanhasilnyaakanberubahmenjadiikongembok,berarti
tandanyalayertelahdikunci.

22. Selanjutnyablokgambarmatatersebutdenganposisikursordalambentukmenufree
transform,lalukecilkanukurannyadanletakkandibagiankepaladansesuaikanhinggaseperti
membentukmatadenganposisilayerbadanmasihterkunci.

23. Setelahitubuatframebarupadalayerbadanditimelineframenomor25dengancaraklik
kananpadaframetimelineno25padalayerbadanlaluklikinsertframe.

24. Danhasilnyaakanterlihatsepertigambardibawahini:

Page|17

25. Kemudianbuatkeyframebarupadalayermatadengancaraklikpadakeyframelayermatalalu
tekantombolF6terusuntukmembuatkeyframedenganjumlahbanyaksampaipadatimeline
framenomor25.

26. Selanjutnyahapusobjekmatapadakeyframenomor5dangantidenganobjekgarisdengan
ketebalannya3padamenupropertiesstrokeheightdandilengkungkanuntukmembuatefek
berkedipdenganmenggunakanmenuLineToolpadatoolbox,danhasilnyasepertipadagambar
dibawahini:

27. Setelahitucopykankeyframenomor5danpastekanpadakeyframenomor10,15,20,dan25
dengancaraklikkananpadakeyframenomor5lalupilihcopyframes,lalupastekanatau
tempelkanpadakeyframeyangdipilihtadidengancaraklikkananpadakeyframeyangdipilih
lalupilihpasteframes.

Page|18


28. Selanjutnyabuatlayerbarudanberinamasayapkiriuntukmembuatsayapkiriburungnya.

29. Setelahitubuatgambarsayapnyadenganmenggunakanmenulinetooldanletakkandibagian
badannyadengancatatanlayerbadanyangdikuncitersebutjangandibukaterlebihdahuluagar
layerbadanamandarieditan.Sepertigambardibawahini:

30. Kemudianblokfillgambarsayapnyadenganmenggunakanpaintbuckettool,sebelumdiblok
ubahgapsizeuntukpenutupoutlineyangtidaktertutupsemuadengancaraklikikon

padamenuoptionpadatoolboxbagianbawah,laluklikCloseLargeGaps,kemudianbarublok
fillgambarsayapnyadenganpaintbuckettooldenganwarnabirumuda.

Page|19

31. Danhasilnyaakanterlihatsepertigambardibawahini:

32. Lalubuatsayapnyasedikitmelengkungdanhapusgarisbagianbawahsayapsepertigambardi
bawahini:

33. Selanjutnyabuatkeyframebarupadalayersayapkiridanaturukuransayapnyasedikitmengecil
padabagianatasnyadenganmenggunakanmenuFreeTransformToolpadatoolbox,seperti
gambardibawahini:

34. Setelahitubuatlagikeyframepadalayersayapkirisampaipadatimelinenomor25danatur
ukuransayapnyapadatiapkeyframe,buatsepertiburungsedangmengepakkansayapnya,
kemudiansetelahsayapnyajaditeshasilanimasinyadengancaramenekantombolenteratau
tombolkombinasiCtrl+enter.

Page|20


35. Selanjutnyabuatlayerbarulagidengannamasayapkanandanletakkandibawahlayerbadan.

36. Setelahitucopykansemuakeyframeyangadadalamlayersayapkiridanpastekankedalam
layersayapkanan.

37. Danhasilnyaakanterlihatsepertigambardibawahini:

Page|21

38. Kemudianhapussisaframepadalayersayapkanan,lalueditobjeksayapkanannyasedikit
didepandariobjeksayapkiriterussampaipadaobjekkeyframenomor25.Setelahitujalankan
animasinya.

39. Setelahanimasiburungnyaselesaidibuatkemudiankembalilagikemenuscene1,dengancara
kliktandapanaharahkiriatauklikpadascene1.

40. Setelahitukecilkanukurangambarburungdantambahkanlagigambarburungdengancaraklik
dragdandropdarisymbolburungyangterdapatpadalibrary,sepertigambardibawahini:

41. Kemudianubahbackgroundstagenyadenganwarnakuningcerahyangterdapatpadamenu
properties.

Page|22

42. Selanjutnyabuatlayerbarudengannamaawandanletakkandibawahlayer1ataulayerburung
tersebut.Kemudianbuatgambarawandenganmenggunakanmenuovaltool.

43. Setelahitubuatframebarupadalayerburungpadatimelinenomor25.Danbuatkeyframe
barupadalayerawanpadatimelinenomor25.

44. Kemudianpadakeyframenomor1padalayerawan,pindahkanobjekawannyadisebelahkiri
diluarstageanimasi,dankeyframenomor25pindahkanobjekawannyadisebelahkanandiluar
stageanimasi.

Page|23


45. Setelahitubuatmotionshapepadalayerawanuntukmenggerakkanawannyadarikirikekanan.

46. Kemudiansimpanprojectnyadengannamaburungdanberekstensi*.fla,kemudianjalankan
animasinya.Untukmenambahefeklagibisamenggunakangambarburungdiiberiefekmotion
atauyanglainnya.

Page|24