[Flash] Modul Flash Sadana Production

  • View
    2.307

  • Download
    8

Embed Size (px)

DESCRIPTION

Modul belajar Animasi flash berbahasa indonesia, dipersembahkan oleh SADANA Studio. Pengenalan, latihan, teori dan praktek, bahkan tips dan trik lengkap dibahas pada terbitan kedua ini. semoga bermanfaat.

Text of [Flash] Modul Flash Sadana Production

SAuAnA roducLlon | 8ela[ar Anlmasl CopvrlahL 2009, [admlkoz.bloaspoL.com 5AuANA ltoJoctloo ] IoJmlko A. w SADANA PRODUCTION PRESENT

WithAdobe Flash Nama: Alamat: Contact Person: Web / Blog: STORY - TUTORIAL TIPS & TRIKS TEKNIQ - LINK PATNER SAuAnA roducLlon | 8ela[ar Anlmasl CopvrlahL 2009, [admlkoz.bloaspoL.com 5AuANA ltoJoctloo ] IoJmlko A. w MEMBUAT ANIMASI PAHAMI & PRAKTEKan Jadmiko Agung Wicaksono Email : jadmikoz@gmail.com Website : http://www.jadmikoz.co.cc Disusun oleh beberapa sumber dan pengalaman pribadi penulis Prolog : Perkembanganteknologikomputerdemikianpesatnya,yangmemilikifungsiawal sebagaialatbantudalammenyelesaikanpersoalandanmasalahdalamsegalabidang kemudianmemasukifungsisebagaipenghibur.Haliniditandaidenganbanyakproduk-produk yang berbasis komputer dalam dunia hiburan. Salah satu dunia hiburan yang banyak diminati adalah kartun. Penggunaan komputer untuk menghasilkan kartun yang professional sudahdilakukandiawalidengankartun-kartunyangdibuatHollywoodAmerikaSerikat yangmenggunakankomputer.DiIndonesiasendiribermunculanforum-forumyang membahastentanganimasikartuninidanbeberapaperusahaan-perusahaanyang memfokuskandiridibidanganimasikartun.Pembuatananimasikartuninijikaditekuni akandapatmenciptakanpeluang-peluangkerjabarudiIndonesia.Dalamskripsiiniakan digambarkancaramembuatanimasikartundenganmenggunakanMacromediaFlashatau Adobe Flash. 1.Pendahuluan Animationadalahillusionofmotionyangdibuatdariimagestatisyangditampilkan secaraberurutan.Padavideoataufilm,animasimerancupadateknikdimanasetiapframe dalamfilmdibuatsecaraterpisah.Framebisadihasilkandarikomputer,darifotografiatau darigambarlukisan.Ketikaframe-frametersebutdigabungkan,makaterdapatilusi perubahangambar,sesuaidenganteoriyangdisebutdenganpersistanceofvisionJenis-jenis Animasi Apapunjenisanimasinya,yangpentingadalahmemberikanefekhidup(visualefek) pada gambar atau obyek. Visual efek dapat dibuat dengan cara:-Motion dynamics, efek yang disebabkan perubahan posisi terhadap waktu.-Updatedynamics,efekyangdisebabkanperubahanpadasuatuobyek(bentuk,warna, struktur, dan tekstur)-Perubahancahaya,posisi,orientasidanfokuskamera.ComputerBasedAnimation Adalah teknik pengolahan animasi menggunakan komputer dengan tool untuk membuat visual effect. SAuAnA roducLlon | 8ela[ar Anlmasl CopvrlahL 2009, [admlkoz.bloaspoL.com 5AuANA ltoJoctloo ] IoJmlko A. w 1.Input processSebelumkomputerdapatdipakaidalamanimasi,gambarharusdidigitalisasi untuk membentuk keyframe terdigitasi.2.Composition StageAdalahstagedimanaforegrounddanbackgrounddikombinasikanuntuk menghasilkanindividualframeuntukanimasifinal.Halinidapatdilakukandengan menggunakanimage-compositiontechniques,yaitudenganmenempatkanlow resolution frame dalam array.3.Inbetween ProcessPergerakan dari satu posisi ke posisi lain membutuhkan komposisi frame dengan posisiintermediateantarkeyframe.Prosestersebutdilakukandenganmenggunakan interpolasi. Kelemahaninterpolasiadalahkurangrealistis.Sehinggadapatpuladilakukan dengan menggunakan spline (menggunakan vektor).4.Pengubahan warnaUntuk mengubah warna animasi digunakan CLUT (Color Look Up Table) pada framebuffer.AnimasipengubahanwarnadilakukandengancaramemanipulasiLUT (misalnyadenganmenggantiwarnasecaraberurutan)daripadamenggantikeseluruhan gambar dengan gambar yang baru yang pasti akan memakan bandwidth lebih besar. ModulAnimationMakerinisebenarnyacakupannyaluas,dimulaidarimanaanimasi dapatterlihathidup,sesipembuatanceritayangapik,danbanyaklagilainnya.Untuk mempercepatprosespembelajaranakandibahasbeberapapoinpemahamanpentingyang harusdimengertiolehpembelajar.Poin-poinpentingtersebutdidalamflashsudah kompatibeldenganbanyakaplikasilain,jadibilakitatelahterbiasamenggunakanbanyak macamaplikasi-aplikasigrafistersebutbanyakmenerapkannya,pelajaridanpahamipoin penting di bawah ini :Komponen Utama Animasi 1.Layer Illustrasi Layer dan Stage SAuAnA roducLlon | 8ela[ar Anlmasl CopvrlahL 2009, [admlkoz.bloaspoL.com 5AuANA ltoJoctloo ] IoJmlko A. w Illustrasidiatasadalahbagaimanalayersederhanayangberisilayertokoh utama,tokohtambahan,danbackgroundAnimasidisusunsecaraberurutsehingga menghasilkangambaryangditangkapkamerasebagaisebuahanimasiyangmemiliki cerita. Harafiahnyalayeradalahsebuahtumpukanataubagankomponenyang berisikanobjek-objekdidalamnya,ditumpukdengankomposisiyangseimbangpada layer lainnya untuk menghasilkan objek yang dituju. 2.Frame Frameadalahsebuahruntunanyangterdiridaribeberapabagianelemenyang beradadidalamframedanselanjutnyabilaframetersebutdiruntunbersamaanserta disesuaikandengansatuankecepatanframeFramePerSecond(FPS)akanmenjadi sebuahobjekvisualyangmenarik,satuanumumyangdigunakanadalah24/Fps 36/Fps , pada default kecepatan flash ada di 12/Fps. Lebih mudah memahaminya begini, misalkanpadasettingworkspacesaatmembuatanimasiadadi12/Fps,makadidalam tenggangwaktu1detikanimasihanyaterdapat12frameyangdiruntunsecaraterurut. Semakinbanyakframedidalamsatuanyangdigunakanmakaanimasiakansemakin terlihatbaik,padastandarinternasionalnyapalingtidaksebuahanimasimemerlukan 36/Fps. 3.Keyframe Adalahbagianpentingdidalamframeuntukmenghasilkananimasi,Animasi adalahsebuahvectorgraphicyangmempunyaisuatukondisiataukeadaanyangselalu berubahsehinggadapatdikatakansebuahanimasi.Untukdapatmenghasilkankondisi yang selalu berubah itulah maka peran key frame di perlukan, Keyframe di berikan pada frame untuk menentukan di mana kondisi objek animasi berubah Misal : PadaFrame1Kondisiframeawal,selanjutnyapadaframe12kondisi frameakhirobjekyangpadakeseluruhannyasettingFpsadapada12/Fps, artinyapadatenggangmasakeyframeberadadarititikframeawalhingga frameakhirmemerlukanmasawaktuselama1detik.Tentunyaobjektersebut akanmengalamiperubahandiframe11-12,karenadiframe1-11tidak terdapatkeyframeyangmengindikasikanbahwaobjekmengalamiperubahan kondisi, untuk dapat menghasilkan runtunan bentuk transisi objek berikan tween pada sela keyframe awal dan keyframe dituju. 4.Timeline dan StageSAuAnA roducLlon | 8ela[ar Anlmasl CopvrlahL 2009, [admlkoz.bloaspoL.com 5AuANA ltoJoctloo ] IoJmlko A. w Padatimelinedanstageadalahsebuahkesatuankerjasamadaribeberapa pendukung. Animasi yang dibuat di Flash diorganisasikan dengan timeline (representasi grafik yang terdiri dari kumpulan frame). Animasi dapat dibuat pada single frame pada suatu waktu, dengan menambahkan key frames pada timeline secara sekuensial. Stage adalah sub-window di mana frame dibuat dengan menggambarkan objek. Objekdapatdibuatdenganmenggunakandrawingtool(hampirsamadenganIllustrator dan Corel), import dari aplikasi lain (BMP, JPG, PNG, fasilitas auto-trace), animasi text (outline font). Layerdapatdipergunakanuntukmengorganisasikanelemenframe(layer background, layer tanaman, layer awan, layer) Flashinterfaceberisivectordrawingtool,hostofpalletes(colourmixing, alignment,applyingtransformations,settingtypographicsoptions,.)Symboldan Tweening5.Library Dan Symbol Objekdapatdisimpanpadalibrarydalambentukkhusus,yangdinamakansymbol, sehinggadapatdipergunakanulang.Beberapainstancesymboldapatditempatkanpada stage.Symboldapatditransformasi(ukuran,orientasi).Tweenmotiondapatdibuat denganbeberapacara.Caratermudah???Hasiltweeningdapatdilihatpadatimeline berupatandapanahpadaawaldanakhirkeyframeyangdipilih.Motiontweening? Gerakangambarditentukanterlebihdahuludenganmembuatmotionpath.Shape tweening?Dikenaldengannamamorphing.Perubahanbentuksuatuobjekmenjadi bentuk baru. Tiga macam symbol di dalam Flash :Graphicsymbol.Simplyreusablevectorobjects.Dipergunakanuntukmotion tweening.Button symbol. Dipergunakan untuk membuat bagian interaktif.Movie clip symbol. Animasi yang dapat ditambahkan ke dalam movie utama. Area Kerja Dalam Flash Sebelum memulai proses pembuatan Animasi, akan lebih baik jika kita mengenal siapadanbagaimanaflashitu.AreakerjaFlash(mx,mx2004,flash8,danflashselanjutnya)padadasarnyaterdiriatasbeberapakomponenyaituMenu,Toolbox,Timeline,Stagedan Panel.-Menuberisikontroluntukberbagaifungsisepertimembuat,membuka, menyimpanfile, dan sebagainya sesuai dengan menu yang ditampilkan.-Stage adalah area persegiempat yang merupakan tempat dimana kitamembuatobyek animasi atau aplikasi yang akan di jalankan.-Toolbox berisi menu untuk membuat atau menggambar bentuk . Toolbox terbagimenjadi empat bagian yaitu drawing tool, view, color, dan option-Timeline adalah tempat kita dapat membuat dan mengontrol obyek dan animasi.SAuAnA roducLlon | 8ela[ar Anlmasl CopvrlahL 2009, [admlkoz.bloaspoL.com 5AuANA ltoJoctloo ] IoJmlko A. w -Panel berisi kontrol fungsi yang dipakai dalam Flash yaitu untuk mengganti danmemodifikasi berbagai properti obyek animasi dengan cepat Masih kurang jelas !? Ok deh ini dibuat lebih lengkap : Workspace kerja Adobe Flash Di bawah ini merupakan keterangan dari kegunaan masing-masing komponen Flashsecara detail:A.Timeline, digunakan untuk mengatur dan mengontrol isi keseluruhan movie Anda. Gambar - a. Timeline Window B.Stage, merupakan tempat dimana Anda bekerja dalam membuat sebuah animasi. Gambar - b. Stage untuk bekerja A 8 D L I G C SAuAnA roducLlon | 8ela[ar Anlmasl CopvrlahL 2009, [admlkoz.bloaspoL.com 5AuANA ltoJoctloo ] IoJmlko A. w C.Tools Box, berisi alat-alat yang digunakan untuk menggambar objek pada stage.

Gambar - c. Window Tools box Description of Tools Box: Arrow ToolTool ini digunakan untuk memilih suatu objek atau untuk memindahkannya. Subselection ToolTool ini digunakan untuk merubah suatu objek dengan edit points. Line ToolTool ini digunakan untuk membuat suatu garis di stage. Lasso ToolTool ini digunakan untuk memilih daerah di objek yang akan diedit. Pen ToolToolyangdigunakanuntukmenggambardanmerubahbentuksuatuobjek denganmenggunakan edit points (lebih teliti & akurat). Text ToolTool ini digunakan untuk menuliskan kalimat atau kata-kata. Oval ToolTool yang digunakan untuk menggambar sebuah lingkaran. Rectangle ToolTool yang digunakan untuk menggambar sebuah segiempat.SAuAnA roducLlon | 8ela[ar Anlmasl CopvrlahL 2009, [admlkoz.bloaspoL.com 5AuANA ltoJoctloo ] IoJmlko A. w Pencil ToolToolinidigunakanun