Вы находитесь на странице: 1из 24

DASARANIMASIMACROMEDIAFLASH8

DISUSUNOLEH: NAMA KELAS NPM :DEKAMUKHAMADWILDAN :SKS12.2 :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

Вам также может понравиться