Area Bekerja Flash

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW5c3Q9qu2ABhNfwTcTXJxRyvHLUypIk_SInEe09K6AMbgZhf9yW9ZTvBvFNL97oKuDSdHAxXEarXsKh92miAQs8VlfKFnKqlf5R3r2gukSNA7YB2fyELTDDU26TeOP1q5AXYf5GE2Mzlw/s1600-h/area-bekerja-pada-flash.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314200004332405810" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW5c3Q9qu2ABhNfwTcTXJxRyvHLUypIk_SInEe09K6AMbgZhf9yW9ZTvBvFNL97oKuDSdHAxXEarXsKh92miAQs8VlfKFnKqlf5R3r2gukSNA7YB2fyELTDDU26TeOP1q5AXYf5GE2Mzlw/s400/area-bekerja-pada-flash.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 243px;" /></a><br /><br /><b>Menu Bar</b><br />adalah kumpulan menu-menu yang ada pada Flash 8<br /><p><b>Timeline</b><br />jendela panel yang digunakan untuk mengelompokkan dan mengatur isi atau gerak sebuah movie atau simbol, panel time line ini berisi:<br /></p><p></p><ol><br /><li><b>scene</b><br />merupakan tempat berbagai kejadiandi dalam stage<br /></li><li><b>layer</b><br />merupakan tempat dimana kita menampung objek dalam satu scene<br /></li><li><b>frame</b><br />merupakan tempat kita mengatur animasi bagian perbagian yang di kelompokan dalam sebuah layer<br /></li></ol><span class="fullpost"><p><br /><b>Stage</b><br />adalah area putih dimana kita bekerja dengan objek di dalam flash</p><p><br /><b>Nama file</b><br />merupakan tempat dimana nama dari file yang kita buat dicantumkan untuk lebih memudahkan apabila kita bekerja dengan file yang banyak</p><p><br /><b>Tools</b><br />adalah alat-alat yang ada di dalam flash dan yang akan kita gunakan untuk bekerja dengan objek, untuk lebih detailnya lihat gambar.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQF2wlav6x53HqWIOdCtpZspanQvJB-0WrBokJXXXUZ8o-O9s2mChMhV6FYQBlkQ7ohyphenhyphenXBICePZlrdpvk1bEa-R26m8xeTuC-QFw4F46UaFYdccg3Dv5-C_RyL1hCRzlNoShsQH05IT5y2/s1600-h/tools.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314199580495873250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQF2wlav6x53HqWIOdCtpZspanQvJB-0WrBokJXXXUZ8o-O9s2mChMhV6FYQBlkQ7ohyphenhyphenXBICePZlrdpvk1bEa-R26m8xeTuC-QFw4F46UaFYdccg3Dv5-C_RyL1hCRzlNoShsQH05IT5y2/s320/tools.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 290px;" /></a><p><br /><b>Zoom</b><br />merupakan option dimana kita mengatur besar kecilnya stage atau area kerja kita</p><p><br /><b>Panel action</b><br />adalah tempat kita menuliskan script/coding/actions</p><p><br /><b>Properties</b><br />adalah panel dimana kita mengatur objek yang kita gunakan untuk bekerja, baik mengatur teks jika kita ekerja dengan teks, warna, ukuran dan lain-lain</p><p><br /><b>Panel-panel</b><br />panel panel disini terdiri dari :<br /></p><p></p><ol><br /><li><b>panel libraby</b><br />panel ini adalah tempat kita menampung semua jenis animasi, gambar, lagu, movie clip, dan lain sebagainya<br /></li><li><b>Panel Color Mixer</b><br />Panel ini berguna untuk mengatur warna di dalam flash<br /></li><li><b>Panel align, info, transform </b><br />panel ini berguna untuk mengatur bentuk, letak dan posisi dari objek di dalam flash<br /> </li></ol><br /><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Area Bekerja Flash

Menu Baradalah kumpulan menu-menu yang ada pada Flash 8Timelinejendela panel yang digunakan untuk mengelompokkan dan mengatur isi atau gerak sebuah movie atau simbol, panel time line ini berisi:scenemerupakan tempat berbagai kejadiandi dalam stagelay…

Read more »

Cara meletakan action script pada Button

Pemrograman Flash sangat sensitif sekali akan kesalahan, apalagi menyangkut action script, jadi apabila terjadi kesalahan kecil saja maka program flash yang kita buat tidak akan bekerja. Karena itu pada kesempata ini akan diberikan dasar-dasar yang sebenarnya sangat sepele, tetapi apabila diabaikan, akan berakibat fatal, apalagi buat para orang yang baru belajar flash. Untuk meletkan action script pada button adalah :<br /><span class="fullpost"><br /><OL><br /><li>Pastikan button (tombol) baik yang kita buat sendiri ataupun yang mengambilnya dari panel library sudah terseleksi. Cara menyeleksinya yaitu dengan selection tool dan kita klik satu kali pada button yang ingin kita beri action.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicg4cmSHsVzS8jKKPmWFuImOO0i2K4cWScLEm1ws9BFllPHhJ1VFdFn4UA6Rm1oTwz08o698BbwdtxW7fow0naKBnILQkbzD-CzT4barIuuoZMJ640AgPzDEK0Sudv1YUEEy6DgGRzqgnZ/s1600-h/1.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320400293705841650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicg4cmSHsVzS8jKKPmWFuImOO0i2K4cWScLEm1ws9BFllPHhJ1VFdFn4UA6Rm1oTwz08o698BbwdtxW7fow0naKBnILQkbzD-CzT4barIuuoZMJ640AgPzDEK0Sudv1YUEEy6DgGRzqgnZ/s400/1.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 88px; height: 30px;" /></a><br /><li>Untuk memastikannya kita bisa melihat pada property inspector setelah button kita seleksi maka akan muncul keterangan seperti pada gambar di bawah.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwLaD36SUBtZwYlTGo9PY5GpSK7uIJ0g2HjzmBcfhnBAUL__-PQYAzhSlKDlocpIk6pl1e2V_abnHWVKc-wohYHAXhJRMBdciUTiClfucAEYHS9sBLhtup4Dq_H5Mo5zmjhMH2W5jzpJe5/s1600-h/2.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320400380904948530" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwLaD36SUBtZwYlTGo9PY5GpSK7uIJ0g2HjzmBcfhnBAUL__-PQYAzhSlKDlocpIk6pl1e2V_abnHWVKc-wohYHAXhJRMBdciUTiClfucAEYHS9sBLhtup4Dq_H5Mo5zmjhMH2W5jzpJe5/s400/2.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 385px; height: 79px;" /></a><br /><li>Setelah button yang ingin kita beri scipt sudah terselaksi, langkah selanjutnya adalah membuka panel action. Disini ada beberapa cara yang bisa digunakan, pertama bisa degan lagsun tekan f9, yang kedua adalah adalah klik kanan lalu pilih action, kemudian cara yang ketiga adalah langsung membukanya pada panel action.<br /><li>Yang harus di ingat di sini untuk mecegah terjadinya kesalahan adalah pada panel action yang telah terbuka terdapat keterangan yang menyebutkan bahwa action adalah milik dari button yang telah diseleksi, karena setiap action berbeda-beda antara penempatan pada button, movie clip, ataupun pada frame.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPFFFNqmKVOPi2sihxKkbD6NxcsSYgiEXsV_PdUfkBEgMKtBs5gFslY-mPlH4JDks4LZK-DWU8ygMGde6_d6dFPAPdqiEgCz-cXxDXzL4O1J6Z6pPhLmwL4ljCbV-33GR8Xfrlsow1TLlz/s1600-h/3.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320400938548847650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPFFFNqmKVOPi2sihxKkbD6NxcsSYgiEXsV_PdUfkBEgMKtBs5gFslY-mPlH4JDks4LZK-DWU8ygMGde6_d6dFPAPdqiEgCz-cXxDXzL4O1J6Z6pPhLmwL4ljCbV-33GR8Xfrlsow1TLlz/s400/3.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 208px;" /></a><br /><li>Setelah langkah-langkah tersebut barulah kita bisa menuliskan scipt yang kita ingin tulis.<br /><br /></OL><br />Untuk mendownload file pdfnya silahkan klik <a href="http://www.ziddu.com/download/4133244/CarameletakanactionscriptpadaButton.pdf.html/" target="_blank">DISINI</a><br><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Cara meletakan action script pada Button

Pemrograman Flash sangat sensitif sekali akan kesalahan, apalagi menyangkut action script, jadi apabila terjadi kesalahan kecil saja maka program flash yang kita buat tidak akan bekerja. Karena itu pada kesempata ini akan diberikan dasar-dasar yang s…

Read more »

Cara Memberi nama Instance

Pemberian nama instance pada tombol atau movie clip sangat perlu tunuk interkasi dengan action yang kita buat. Jadi sebelum menulis script pada tombol atau movie clip, tombol atau movie clip harus di beri nama instance.<br /><br /><br>Caranya adalah sebagi berikut :<br /><br /><span class="fullpost"><OL><br /><li>Klik objek tombol atau movie clip yang akan di beri nama instance.<br /><li>Kemudian kita buka panel properties dan isikan nama instance yang akan kita berikan pada kotak Instance Name.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjyQIeBANGIa8NUK2yXBMDhhCql80Ap4keVMyKrEke7D_FSvfAgUcsPLXquuaF1TVSqOTfGmaWqIJF0hFpKjsm6UqQcQy50_HCDN90F1IRGf45X8f5PAvqC3ELsILpUzmxMlXSTVN92by7/s1600-h/1.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320398942483666098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjyQIeBANGIa8NUK2yXBMDhhCql80Ap4keVMyKrEke7D_FSvfAgUcsPLXquuaF1TVSqOTfGmaWqIJF0hFpKjsm6UqQcQy50_HCDN90F1IRGf45X8f5PAvqC3ELsILpUzmxMlXSTVN92by7/s400/1.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 389px; height: 137px;" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkBg-NFWF-dMVHbRtCZCIzudHUCTbrv4tFHsnF8-_FCpUImTcv0QilNb0RLBPGP3g5w2aMeWmfmo7-phUsxEqBj3gQHfETkOrA7dA9aCsVQUSkN79mgCuHqrSX-OU6DgMMgPndStVSHNBV/s1600-h/2.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320399071957793426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkBg-NFWF-dMVHbRtCZCIzudHUCTbrv4tFHsnF8-_FCpUImTcv0QilNb0RLBPGP3g5w2aMeWmfmo7-phUsxEqBj3gQHfETkOrA7dA9aCsVQUSkN79mgCuHqrSX-OU6DgMMgPndStVSHNBV/s400/2.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 385px; height: 137px;" /></a><br /><li>Setelah itu baru kita tekan Enter, dan selesai.<br /><br /></OL><br />Untuk mendownload file pdfnya silahkan klik <a href="http://www.ziddu.com/download/4133249/MemberinamaInstance.pdf.html/" target="_blank">DISINI</a><br><br /><br /> </span>

Adobe Flash animasi animasi 2d Cara Memberi nama Instance

Pemberian nama instance pada tombol atau movie clip sangat perlu tunuk interkasi dengan action yang kita buat. Jadi sebelum menulis script pada tombol atau movie clip, tombol atau movie clip harus di beri nama instance.Caranya adalah sebagi berikut :…

Read more »

Membuat tombol Navigasi sederhana

<embed src="http://sites.google.com/site/sinauflashblogspotcom/flash/sisikubus.swf"></embed><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" bgcolor="white" height="600" width="800"></embed><br />Pada tutorial kali ini kita akan membahas mengenai bagaimana membuat tombol navigasi, ngerti kan apa itu tombol navigasi? Tombol navigasi itu berfungsi agar pengguna dapat berinteraksi dengan movie flash yang kita buat. Misalkan mereka ingin pergi kebagian tertentu, kita sebagai pembuat telah menyediakan navigasi yang berupa tombol <br /><span class="fullpost">untuk mereka klik.<br /><br>Langsung saja yah….<br /><OL><br /><LI>Buka program flash tentunya, setelah itu buat file baru dengan properties tertentu, saya pakai ukuran 800x600.<br /><LI>Pada frame 1 buat teks dengan Teks Tool dan propertisnya teks statis bertuliskan “Home”.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvH1jp8bKL9RicqCHtGHdIlvO4ZESpr8uvdSvWdcINeBxaQr7YG1ta6q7BhP8Rc_xS4hr-dkqHmT2UU7MtqRXq4s_J0fNiysVWq5TAMnvZchO5xsLokktTkzpJa9ka6F9YwDxN2BJSxoJ5/s1600-h/1.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397495981212834" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvH1jp8bKL9RicqCHtGHdIlvO4ZESpr8uvdSvWdcINeBxaQr7YG1ta6q7BhP8Rc_xS4hr-dkqHmT2UU7MtqRXq4s_J0fNiysVWq5TAMnvZchO5xsLokktTkzpJa9ka6F9YwDxN2BJSxoJ5/s400/1.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 273px;" /></a><br /><LI>Klik frame 1, kemudian ganti “Frame label” dengan “home” setelah itu tekan Enter.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5QLTAIlyOmLP-IEelizRBHpZgmAIg_gUSid7a4M2YGnxqvs6jkHMlHX6LhtFW8wTSxV-FQaVm8ypgi8fPrShxw-7SL0LqTaEVainJ3QGGeW_xykmwsCrDvVRkRoUFnYC9068n6h7aE5mg/s1600-h/2.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397609322651362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5QLTAIlyOmLP-IEelizRBHpZgmAIg_gUSid7a4M2YGnxqvs6jkHMlHX6LhtFW8wTSxV-FQaVm8ypgi8fPrShxw-7SL0LqTaEVainJ3QGGeW_xykmwsCrDvVRkRoUFnYC9068n6h7aE5mg/s400/2.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 137px;" /></a><br /><LI>Klik kanan frame 10 pilih Insert Blank Keyframe, kemudian buat teks statis “Materi”. Klik lagi frame 10 dan ganti “Frame label” dengan “materi” dan tekan Enter.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhtJs13YUR9DVYugDqH8yQkMc12f_xZ6ezW1FKXCCRDOqKbDR3jd7KgVGySdR6GDkCjaPFKpmEzd43WZRWf5IHOVzECT-HXMjTkpF6IYpFRJa243E0j0Vs9C-vasyeHCVcmzbjX8O-6Z_N/s1600-h/3.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397719325788626" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhtJs13YUR9DVYugDqH8yQkMc12f_xZ6ezW1FKXCCRDOqKbDR3jd7KgVGySdR6GDkCjaPFKpmEzd43WZRWf5IHOVzECT-HXMjTkpF6IYpFRJa243E0j0Vs9C-vasyeHCVcmzbjX8O-6Z_N/s400/3.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 234px;" /></a><br /><LI>Buat lagi seperti langkah no. 4 diatas pada frame 20 dengan teks statis bertuliskan “Latihan” dan “Frame label” diganti dengan “latihan”, kemudian pada frame 30 dengan teks statis bertuliskan “Contoh” dan “Frame label” diganti dengan “contoh”.<br /><LI>Buat layer baru dan beri nama layer dengan nama “tutup” dengan cara klik dua kali pada tulisan “Layer 2”. Kemudian klik frame satu layer “tutup” dan buat teks statis “Tutup”.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KY9lEBh22yq_9ioGO9ErjWYDiX-CJQRykAm_Ym1C9yeJh5BENrFxtesF326pk3qzs2mka5ZzaavsCVNpXZMA6rcoaSO1Z4louCKxYt5ASnNBTfRj0LB_oFiqTEH8Z2HbJ-zxwIBlZSIJ/s1600-h/4.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397831847821602" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KY9lEBh22yq_9ioGO9ErjWYDiX-CJQRykAm_Ym1C9yeJh5BENrFxtesF326pk3qzs2mka5ZzaavsCVNpXZMA6rcoaSO1Z4louCKxYt5ASnNBTfRj0LB_oFiqTEH8Z2HbJ-zxwIBlZSIJ/s400/4.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 186px;" /></a><br /><LI>Kemudian klik kanan pada tulisan “Tutup” pilih Convert to Symbol pilih type button dan beri nama “tutup_btn” dan klik ok.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHJh_4z8quD_CuSmGVKk_QSh6vSs26jkRuqA7xqF-_Mhz6ts3O2nMrahWpljhD7iGDdnrNC5Tbe3-GGdHg2DkklEwM30E6k_JAjWgH3gyhlUbwoCKelDC-Em8xaIpwobsxLsv9tSDsrGC/s1600-h/5.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320397974498876962" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXHJh_4z8quD_CuSmGVKk_QSh6vSs26jkRuqA7xqF-_Mhz6ts3O2nMrahWpljhD7iGDdnrNC5Tbe3-GGdHg2DkklEwM30E6k_JAjWgH3gyhlUbwoCKelDC-Em8xaIpwobsxLsv9tSDsrGC/s400/5.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 299px; height: 108px;" /></a><br /><LI>Buat layer baru lagi dan beri nama “tombol”.<br /><LI>Klik pada frame satu layer “tombol “ kemudian import tobol dari panel Component. Caranya adalah dengan klik Windows kemudian pilih components. Dari panel Componens pilih User interface kemudian pilih button. Kemudian drag(klik tanpa dilepaskan) dan geser kedalam stage.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZzi1Ssc8EIaqfNJ6I1aRbbDU3x88lOQp7wmErUw88OSKsYOlaNlLkO8W5W7wMfQkyTnD7RWF7z0KUzKU-yuQw5ALlr5cxme0f2c2xlIXQOIDZqYnZk8X5zURJ8ARZZwGyLc7Bo2viXHi/s1600-h/6.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320398062345683298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmZzi1Ssc8EIaqfNJ6I1aRbbDU3x88lOQp7wmErUw88OSKsYOlaNlLkO8W5W7wMfQkyTnD7RWF7z0KUzKU-yuQw5ALlr5cxme0f2c2xlIXQOIDZqYnZk8X5zURJ8ARZZwGyLc7Bo2viXHi/s400/6.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 396px; height: 237px;" /></a><br /><LI>kemudian tutup panel Components dan rubah Instance name dari keempat button tersebut masing masing “home_btn”, “materi_btn”, “latihan_btn”, “contoh_btn” dan lebelnya masing masing “home”, “materi”, “latihan”, “contoh” dengan cara klik satu persatu dan merubahnya pada panel parameters.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd5fJJKFWjDROLE_eaA5bhnjUDajN3d982eEFvGQGhE-_l7CP7lY4z7KHI4clQWiLQ48que-mDPWYxKQkln-zhvT8tsFfybmHxEJcCRb1JrutTSFoidzY2WoF1XolsU0LaOUQofYNtcaOG/s1600-h/7.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5320398164047680866" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd5fJJKFWjDROLE_eaA5bhnjUDajN3d982eEFvGQGhE-_l7CP7lY4z7KHI4clQWiLQ48que-mDPWYxKQkln-zhvT8tsFfybmHxEJcCRb1JrutTSFoidzY2WoF1XolsU0LaOUQofYNtcaOG/s400/7.png" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 122px;" /></a><br /><LI>Buat layer baru lagi dan rubah namanya “skrip”, klik pada frame pertama dan buka jendela Actions kemudian masukan Action Script di bawah ini :<br /><br /><p>stop()<br> home_btn.onPress = function(){ <br>gotoAndStop("home"); <br>} <br>materi_btn.onPress = function(){ <br>gotoAndStop("materi");<br> }<br> latihan_btn.onPress = function(){ <br>gotoAndStop("latihan");<br> } <br>contoh_btn.onPress = function(){ <br>gotoAndStop("contoh"); <br>}</p><br /><LI>Kemudian klik kanan tombol tutup dan pilih Actions dan masukan Action Script di bawah ini :<br /><br /><p>on(release){ <br>fscommand("quit","true");<br> }</p><br /><LI>Langkah terakhir adalah menyimpan dokumen, beri nama Tombol navigasi.<br /><LI>Kemudian Klik Ctrl+Enter. Dan lihat hasilnya pada tempat dimana kita menyimpannya, selesai.<br /></OL><br />Untuk mendownload file pdfnya silahkan klik <a href="http://www.ziddu.com/download/4133247/TombolNavigasi.pdf.html/" target="_blank">DISINI</a><br><br />Untuk mendownload file swfnya silahkan klik <a href="http://www.ziddu.com/download/4133245/TombolNavigasiSederhana.swf.html/" target="_blank">DISINI</a><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Membuat tombol Navigasi sederhana

Pada tutorial kali ini kita akan membahas mengenai bagaimana membuat tombol navigasi, ngerti kan apa itu tombol navigasi? Tombol navigasi itu berfungsi agar pengguna dapat berinteraksi dengan movie flash yang kita buat. Misalkan mereka ingin pergi ke…

Read more »

Aplikasi Kartu Ucapan ulang tahun menggunakan Flash

<embed src="http://www.geocities.com/saifulan.1987/metultah.swf"></embed><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" bgcolor="white" height="600" width="800"></embed><br /><br />Ini merupakan contoh aplikasi flash dalam kartu ucapan ulang tahun.<span class="fullpost">Sederhana namun mempunyai makna yang berarti.<br>Silahkan download untuk di pelajari <a href="http://www.ziddu.com/download/4118081/metultah.zip.html/" target="_blank"><span style="text-decoration: underline;">DISINI</a><br />Untuk membuka file animasi kartu ucapan ulang tahun, setelah didownload silahkan extrak file yang telah didownload menggunakan program winzip. Selamat belajar dan menikmati</span>

Adobe Flash animasi animasi 2d Aplikasi flash Aplikasi Kartu Ucapan ulang tahun menggunakan Flash

Ini merupakan contoh aplikasi flash dalam kartu ucapan ulang tahun.Sederhana namun mempunyai makna yang berarti.Silahkan download untuk di pelajari DISINIUntuk membuka file animasi kartu ucapan ulang tahun, setelah didownload silahkan extrak file yan…

Read more »

Dasar Pembuatan Button (tombol) pada Flash

Button pada flash sangat penting sekali fungsinya, merupakan media interaksi antara pengguna dengan aplikasi yang akan kita buat. Disini akan saya paparkan 3 cara pembuatan button.<br /><span class="fullpost"><p><br /><b>Cara I</b><br /><br /><br /></p><ol><br /><li>Pertama kita buat sebuah kotak dengan menggunakan rectangle tool ,<br /><br />atau kalau anda senang dengan button yang berbentuk lingkaran anda jiga bisa membuatnya dengan menggunakan oval tool. Tergantung gimana anda, tapi dalam tutorial ini saya membuatnya dengan menggunakan objek kotak.<br /><br /></li><li>Kemudian kita seleksi seluruh objek dari kotak tersebut. Ingat dalam menyeleksi harus terseleksi semua, karena dalam flash objek dibedakan antara fill dengan stoke.<br /><br /></li><li>Jika sudah terseleksi semua kemudian kita klik kanan pada objek tersebut dan pilih convert to symbol, pilih button pada option behavior dan tombol pada name, setelah itu klik ok.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEAu_jkMCDc7opeWQMlh_B_OaTXkClfyeyHabnGF42FPBZ0pztiWePY-y2IW_2quGgJN5k8Y66XAyiFfX4UdkRA2TKrMf2b2uogTZeW6Xh4EFCbNQRWHXyAm-USF17T8h-bt0FnkVkG5Q-/s1600-h/1.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319962444815888594" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEAu_jkMCDc7opeWQMlh_B_OaTXkClfyeyHabnGF42FPBZ0pztiWePY-y2IW_2quGgJN5k8Y66XAyiFfX4UdkRA2TKrMf2b2uogTZeW6Xh4EFCbNQRWHXyAm-USF17T8h-bt0FnkVkG5Q-/s400/1.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 179px; height: 301px;" /></a><br /><br /></li><li>Selesai, kita sudah membuat sebuah tombol dengan cara yang pertama, untuk melihat hasilnya, langung aja tekan Ctrl+Enter.<br /><br /></li></ol><p></p><br /><br /><br /><p><br /><br /><b>Cara II</b><br /><br /><br /></p><ol><br /><li>Pertama kita pilih Insert > New Symbol pada pilihan menu bar dan pilih button pada type dan nama terserah.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kS7xYWDHdUqbP7CdUvoIRoq4i9JFGruE9H4uBDQadpghm8yucBJLh1UicOkquAn0nZ6I-TO4FD3CwfBIXohkTf039sLb6fBq6D0mYuMR3KVYR-eXO3XCKGRfBfBWom6N_isptT48rSf_/s1600-h/2.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319962729305156354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7kS7xYWDHdUqbP7CdUvoIRoq4i9JFGruE9H4uBDQadpghm8yucBJLh1UicOkquAn0nZ6I-TO4FD3CwfBIXohkTf039sLb6fBq6D0mYuMR3KVYR-eXO3XCKGRfBfBWom6N_isptT48rSf_/s400/2.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 134px;" /></a><br /><br /></li><li>Setelah itu kita melakukan buat objek lingkaran pada frame up, kemudian kita pilih insert keyframe pada frame over dan down.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3a-40RW-EgFFyWMo30RTla1svE4F88kUl_TSWVpH8rO9M8n-Z-bXCnS6jUGNuX8sz7GH0uQBPU0da1QBzSCPeb9qMnlPFnvVMS27L5q0HbqsU2rOdA9ufoTD0ZthU5fVHEgRVbE1hw2lB/s1600-h/3.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319962858951056754" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3a-40RW-EgFFyWMo30RTla1svE4F88kUl_TSWVpH8rO9M8n-Z-bXCnS6jUGNuX8sz7GH0uQBPU0da1QBzSCPeb9qMnlPFnvVMS27L5q0HbqsU2rOdA9ufoTD0ZthU5fVHEgRVbE1hw2lB/s400/3.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 297px; height: 212px;" /></a><br /><br /></li><li>Kemudian kita kembali ke dalam stage.<br /></li><li>Jadilah sebuah button, tapi tunggu dulu. Di dalam stage button yang kita buat tidak muncul. Itu karena tomboya masih berada di dalam library, tahu kan panel libraby itu dimana?<br /></li><li>Bagaimana cara kita memindahkannya ke dalam stage? Gampang, kita drag (klik dan geser tanpa dilepaskan kliknya) aja tombolnya kedalam stage.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUoGTN8hJCVzpzAXDppZAdIl8HgZZz0Nd52ZSgchS6bc98nnmW3iQDsj05wxmDYCb-lKS9aF-tNeZR8YIFgPt40QquOvGa2WdPwoGqnIf6xS82xIo3qGey1ZWKz4tNMowyRZ3qceUzCZrN/s1600-h/4.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319962997121627122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUoGTN8hJCVzpzAXDppZAdIl8HgZZz0Nd52ZSgchS6bc98nnmW3iQDsj05wxmDYCb-lKS9aF-tNeZR8YIFgPt40QquOvGa2WdPwoGqnIf6xS82xIo3qGey1ZWKz4tNMowyRZ3qceUzCZrN/s400/4.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 212px; height: 218px;" /></a><br /><br /></li></ol><p></p><br /><br /><br /><br /><br /><b>Cara III</b><br /><br /><br /><ol><br /><li>Di dalam cara yang ketiga ini, kita tidak membuat tombol secara manual, tetapi kita mengambilnya dari Common Library.<br /><br /></li><li>Bagaaimana caranya? Pilih Windows pada menu bar kemudian pilih Other panel dan pilih common Libraries.<br /></li><li>Ada tiga pilihan yaitu Buttons, Classes dan Leraning Interaction, kita pilih saja Buttons.<br><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhgt6UHLrrrY92JlNnUAgiD8bSg88OGvZ4_GRSvhrNbwJThhXuOyiRrY6_2C8jdcNhyURtlq9fHEz06uNenlhF4xbQIN4J2kuwgr_BhKRm7NBll1pBToAZWR9II2J87cYLsU9vnLV1stHz/s1600-h/5.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5319963146795218258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhgt6UHLrrrY92JlNnUAgiD8bSg88OGvZ4_GRSvhrNbwJThhXuOyiRrY6_2C8jdcNhyURtlq9fHEz06uNenlhF4xbQIN4J2kuwgr_BhKRm7NBll1pBToAZWR9II2J87cYLsU9vnLV1stHz/s400/5.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 214px; height: 344px;" /></a><br /><br /></li><li>Setelah itu kita drag button yang kita pilih kedalam stage..<br /></li><li>Selesai, langsung test movie.<br /></li></ol><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Dasar Pembuatan Button (tombol) pada Flash

Button pada flash sangat penting sekali fungsinya, merupakan media interaksi antara pengguna dengan aplikasi yang akan kita buat. Disini akan saya paparkan 3 cara pembuatan button.Cara IPertama kita buat sebuah kotak dengan menggunakan rectangle tool…

Read more »

Animasi hati kursor pada kartu ucapan

<embed src="http://www.swfcabin.com/swf-files/1319430596.swf" quality="medium" allowscriptaccess="always" bgcolor="#000000" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="535" width="660"></embed><br /><br />Pada animasi ini saya memakai perpaduan antara tombol dan animasi motion tween. Utuk melihat animasinya, silahkan letakkan kursor di atas animasi.<span class="fullpost">Langsung saja<br /><ol><br /><li>Buka aplikasi flash buat dokumen baru dengan ukuran bingkai 400x300.<br /></li><li>Kemudian buat sebuah Movie Clip, dengan cara Insert new symbol dengan nama luv_mc.<br /></li><li>Kemudian pada movie clip luv_mc buat sebuah blank key frame pada frame kedua dan buat sebuah lingkaran menggunakan oval tool dengan propertis seperti tampak pada gambar. Sehingga pada frame pertama di biarkan kosong.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0R4B7OHCup7UstRvy634PqrZBpxM75KNg8x_j6d-qymZYEs9YZfSx2_OgIBs8n62bgfIA6PBJFdew_aXfqmYIXdavAUGNcqJk5yGY6cwu6N22gEJmbKvczGIynjVmCA6xHKnGUMp2MNzv/s1600-h/EasyCapture2.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318440324597260162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0R4B7OHCup7UstRvy634PqrZBpxM75KNg8x_j6d-qymZYEs9YZfSx2_OgIBs8n62bgfIA6PBJFdew_aXfqmYIXdavAUGNcqJk5yGY6cwu6N22gEJmbKvczGIynjVmCA6xHKnGUMp2MNzv/s400/EasyCapture2.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 64px;" /></a><br /></li><li>Objek lingkaran tersebut kemudian kita hapus bagian atas dan bawahnya menggunakan erase tool, sehingga akan tampak seperti pada gambar dibawah ini.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1GGgojpDkaaE_JhOmeR2Q44fXF2qW7mYlrq9xPpUF_N2HUKr89esQH1KL7Qr6ALPjbmzjrbnD-gj5PubdJrH6KR4z2wnNGIpfa7cJk7_v3j5vmdbxY1OSn0_MHVz_KtpgwFsAmUGYZhy/s1600-h/EasyCapture4.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318440759771326322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ1GGgojpDkaaE_JhOmeR2Q44fXF2qW7mYlrq9xPpUF_N2HUKr89esQH1KL7Qr6ALPjbmzjrbnD-gj5PubdJrH6KR4z2wnNGIpfa7cJk7_v3j5vmdbxY1OSn0_MHVz_KtpgwFsAmUGYZhy/s400/EasyCapture4.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 259px; height: 144px;" /></a><br /></li><li>Setelah itu gabungkan titik-titik yang tadinya dihapus dengan menggunakan Selection tool,kita manipulasi agar gambar tersebut kelihatan lebih sempurna.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBH-Ii31saTmgvNSfYP2E0YsC25EceUh_1JV5fzg3e4eaqwXiJQLWzRR-fZef7CwXMdWfYzEX38-kYl1FoZEQBiAh9FAIqUZdMszNJWaxL1nKZddSDZiVqgSfPDidKAejb6TgUi9Jh1Xe/s1600-h/EasyCapture6.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318440980900712034" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBH-Ii31saTmgvNSfYP2E0YsC25EceUh_1JV5fzg3e4eaqwXiJQLWzRR-fZef7CwXMdWfYzEX38-kYl1FoZEQBiAh9FAIqUZdMszNJWaxL1nKZddSDZiVqgSfPDidKAejb6TgUi9Jh1Xe/s400/EasyCapture6.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 259px; height: 170px;" /></a><br /><br /></li><li>Kemudian kita seleksi gambar hati tersebut, setelah terseleksi semua kita tekan Ctrl+G untuk membuat gambar hati menjadi satu grup, dan kita animasikan gambar hati tersebut dengan teknik animasi motion tween dan kita buat alfa nya 0 pada frame 15, dan ukuran gambar pada frame 2 kita buat 0.5 dengan menggunakan panel transform,<br /></li><li>Langkah selanjutnya adalah membuat sebuah button, klik Insert pilih new symbol dan buat sebuah button dengan nama btn.<br /></li><li>Pada tombol kita edit dan buat sebuah objek kecil menggunakan brush tool dengan untuk up, over,down dan hit dan kita buat objek tersebut mempunyai stroke dan fill dengan tingkat alfa 0. Sehingga nantinya objek tersebut tidak kelihatan.<br /></li><li>Setelah kita selesai membuat sebuah buton, kita kembali ke luv_mc. Kemudian kita drag buton yang kita buat dari panel library ke dalam frame pertama luv_mc.<br /></li><li>Sehingga akan tampak sepeerti pada gambar.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpJHt9QDnrXZJ0Q9XwCmhYoq6D4k0Y6fR9t12GbJJ7u9UyMZxcrasXOijnHvar8ySUOPk7K1e51UNx4ptzgDJcrU4fOYd_rLrBRRwn-GqH-vOJa4kp4uUXreG2k-5-tYvBluS2B_VCjBX/s1600-h/EasyCapture13.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318441373603452450" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpJHt9QDnrXZJ0Q9XwCmhYoq6D4k0Y6fR9t12GbJJ7u9UyMZxcrasXOijnHvar8ySUOPk7K1e51UNx4ptzgDJcrU4fOYd_rLrBRRwn-GqH-vOJa4kp4uUXreG2k-5-tYvBluS2B_VCjBX/s400/EasyCapture13.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 79px;" /></a><br /></li><li>Setelah langkah di atas selesai, kita kembali ke dalam Stage.<br /></li><li>Kemudian kita drag luv_mv dari panel library kedalam frame pertama Stage.<br /></li><li>Kita telah memasukan luv_mc kedalam stage, kemudian kita copy paste luv_mc tersebut sehingga stage penuh dengan luv_mc.<br /></li><li>dan selesai<br /><br />Untuk mendownload file tutorial lengkapnya klik <a href="http://www.ziddu.com/download/4055009/membuatanimasibuton.pdf.html/" target="_blank">DISINI</a><br />Untuk mendownload file swf klik <a href="http://www.ziddu.com/download/4055013/tombolluv.swf.html/" target="_blank">DISINI</a><br />Untuk mendownload file fla klik <a href="http://www.ziddu.com/download/4055010/tombolluv.zip.html/" target="_blank">DISINI</a><br /><br /><br /><br /><br /> </li></ol></span>

Adobe Flash animasi animasi 2d Aplikasi flash Animasi hati kursor pada kartu ucapan

Pada animasi ini saya memakai perpaduan antara tombol dan animasi motion tween. Utuk melihat animasinya, silahkan letakkan kursor di atas animasi.Langsung sajaBuka aplikasi flash buat dokumen baru dengan ukuran bingkai 400x300.Kemudian buat sebuah Mo…

Read more »

Animasi hujan salju pada kartu ucapan

<embed src="http://www.swfcabin.com/swf-files/1320077288.swf" quality="medium" allowscriptaccess="always" bgcolor="#000000" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="335" width="460"></embed><br /><br />Sekarang saya akan membahas bagaimana cara saya membuat sebuah animasi hujan salju.<br /><span class="fullpost">sebenarnya aplikasi seperti ini pembuatannya sangt mudah dengan menggunakan action script. Jadi langsung saja<br /><OL><br /><LI>Buat file baru dengan ukuran sembarang dan warna background hitam.<br /><LI>Langkah kedua adalah kita membuat sebuah objek kecil yang nantinya akan menjadi titik hujan saljunya.<br /><LI>Kemudian kita ubah objek tersebut menjadi sebuah movie clip dengan nama hujan_mc.<br /><LI>Kemudian pada panel library, kita klik kanan hujan_mc dan pilih Linkage dan centang Export for ActionScript dan beri nama hujan_id.<br /><LI>Setelah itu pada frame pertama Stage, kita masukan action seperti pada gambar di bawah ini.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi02HN7Mgx79cMZmFibBxE3Ug0N_4b3NQzNH9NLSSqXTL3Xdmzb18jAQp8FLPl6QNb6TdqRP0x9VjD7a6F5-WvC5LCUpuGoOqP8P3Gv3kdFJs85ubhFsZL-JaH1ZQKra4p_xZLPqij_E4fx/s1600-h/EasyCapture5.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5318436774208491522" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi02HN7Mgx79cMZmFibBxE3Ug0N_4b3NQzNH9NLSSqXTL3Xdmzb18jAQp8FLPl6QNb6TdqRP0x9VjD7a6F5-WvC5LCUpuGoOqP8P3Gv3kdFJs85ubhFsZL-JaH1ZQKra4p_xZLPqij_E4fx/s400/EasyCapture5.gif" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 277px;" /></a><br /><LI>Langkah terakhir adalah menekan Crtl+Enter dan lihat hasilnya, selesai.</OL><br /><br />Untuk mendownload file tutorial lengkapnya klik <a href="http://www.ziddu.com/download/4055014/membuatanimasihujansalju.pdf.html/"target="_blank">DISINI</a><br />Untuk mendownload file swf klik <a href="http://www.ziddu.com/download/4055011/hujan.swf.html/"target="_blank">DISINI</a><br />Untuk mendownload file fla klik <a href="http://www.ziddu.com/download/4055012/hujan.zip.html/"target="_blank">DISINI</a><br /><br /> </span>

Adobe Flash animasi animasi 2d Aplikasi flash Animasi hujan salju pada kartu ucapan

Sekarang saya akan membahas bagaimana cara saya membuat sebuah animasi hujan salju.sebenarnya aplikasi seperti ini pembuatannya sangt mudah dengan menggunakan action script. Jadi langsung sajaBuat file baru dengan ukuran sembarang dan warna backgroun…

Read more »

animasi kartu ucapan menggunakan flash

<embed src="http://www.swfcabin.com/swf-files/1320076361.swf" quality="medium" allowscriptaccess="always" bgcolor="#000000" wmode="opaque" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="335" width="460"></embed><br />Akhirnya jadi juga animasi ini. Animasi ini merupakan perpaduan antara animasi-animasi yang telah saya berikan tutorialnya<span class="fullpost"><br />, seperti animasi motion tween dan masking pada teks berjalan dan fotonya. Kemudian untuk animasi hujan salju, saya membuatnya dengan menggunakan action script yang nanti akan saya postingkan tutorialnya pada postingan selanjutnya, kemudian untuk animasi hati yang muncul dari kusrsor, saya menggunakan teknik animasi motion tween nanti juga akan saya postingkan bagaimana cara pembuatanya. Untuk saran silahkan beri komentar. Pada animasi ini saya juga sertakan audio pengiringnya, jadi silahkan memakai headset untuk mendegarkannya. Dan untuk memulainya langsung klik play. Letakkan kursor di atas animasi ini, akan muncul animasi hati yang menarik. Sebenarnya ukuran file ini adalah 400x300, jadi kalau anda mendownload file swfnya dan anda lihat pada komputer anda, akan terlihat lebih jelas, namun komputer anda harus sudah terinstal flash player yang bisa di download <a href="http://www.adobe.com/products/flashplayer/"target="_blank">DISINI</a>.<br /><br />Untuk mendownload file swf silahkan klik <a href="http://www.ziddu.com/download/4054868/pintu.swf.html/"target="_blank">DISINI</a><br />Untuk mendownload file fla silahkan klik <a href="http://www.ziddu.com/download/4054867/pintu.zip.html/"target="_blank">DISINI</a><br /> </span>

Adobe Flash animasi animasi 2d Aplikasi flash animasi kartu ucapan menggunakan flash

Akhirnya jadi juga animasi ini. Animasi ini merupakan perpaduan antara animasi-animasi yang telah saya berikan tutorialnya, seperti animasi motion tween dan masking pada teks berjalan dan fotonya. Kemudian untuk animasi hujan salju, saya membuatnya …

Read more »

contoh aplikasi perkalian menggunakan media flash

<embed src="http://www.geocities.com/saifulan.1987/perkalian.swf"<br /><br /><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?<br /><br />P1_Prod_Version=ShockwaveFlash" width="300" height="150" bgcolor="white" <br /><br /></embed><br /><br /><span class="fullpost"><br /><br /><br /><br /><br /><br /> </span>

Adobe Flash animasi animasi 2d Contoh Media Pembelajaran dengan Flash contoh aplikasi perkalian menggunakan media flash

P1_Prod_Version=ShockwaveFlash" width="300" height="150" bgcolor="white" …

Read more »

Manfaat flash dalam Dunia Pendidikan

Kemajuan teknologi informasi dan komunikasi mempengaruhi banyak sektor kehidupan. Guru yang bergelut di bidang pendidikan dan pengajaran juga tidak luput dari pengaruh tersebut. Guru dituntut untuk mengikuti perkembangan teknologi, terutama sekali teknologi informasi dan komunikasi (TIK) yang berkembang sangat pesat dalam beberapa tahun terakhir. Apabila guru tidak mampu mengikuti kecepatan perubahan teknologi, maka dikhawatirkan guru akan gagal menjalankan fungsinya sebagai pengajar dan pendidik.<br /><span class="fullpost"><br />Seiring dengan kemajuan teknologi, ada banyak sarana dan prasarana yang membuat proses belajar mengajar (PBM) jauh lebih menyenangkan bagi peserta didik. Ini mengakibatkan PBM yang mengandalkan kapur dan papan tulis nampaknya akan semakin ditinggalkan tergilas oleh kemajuan teknologi.<br /><br />Guru dalam kegiatan pengajarannya dapat memanfaatkan laptop (komputer jinjing) dan LCD proyektor dalam memberi materi pelajaran kepada para siswanya. Melalui kecanggihan teknologi ini PBM pastinya akan menjadi jauh lebih menarik. Dan, semakin kreatif guru dalam memanfaatkan teknologi, maka akan semakin baik pula daya serap siswa terhadap materi pelajaran.<br /><br />Pertanyaan yang muncul adalah sudah maksimalkah guru memanfaatkan kemajuan teknologi dalam kegiatan belajar mengajarnya. Tidak dapat kita pungkiri bahwa masih banyak guru yang masih gagap teknologi (gaptek). Contoh sederhananya adalah dalam hal pengoperasian komputer. Tidak sedikit guru yang tidak dapat mengoperasikan komputer. Padahal kemampuan mengoperasikan komputer adalah langkah awal dalam memanfaatkan kemajuan teknologi lainnya. Jadi dapat dikatakan bahwa guru belum secara optimal memanfaatkan kemajuan teknologi dalam fungsinya sebagai tenaga pengajar dan pendidik.<span style="font-size:78%;">(sumber :<a href="http://guswan76.wordpress.com/2009/02/08/guru-digital/">http://guswan76.wordpress.com/2009/02/08/guru-digital/</a>)</span><br />Dari sebagian latar belakang tersebut flash merupakan salah satu jawabannya.<br />Kenapa begitu? iya karena dengan flash para guru bisa meningkatkan motivasi belajar siswa, dengan menggunakan media tentunya. dan media tersebut dibuat dengan menggunakan flash. Kenapa harus flash? kenapa tidak yang lain saja?<br />Mungkin bagi sebagian orang yang belum pernah mempelajari flash, flash merupakan program yang sulit dipelajari. itu merupakan hal yang sangat salah sekali. flash sangat cocok sekali bila digunakan untuk membuat media ajar yang interaktif dan animatif dari segi tampilan dan juga mengena dalam segi tujuan karena dengan adanya media yang menarik akan membuat minat belajar siswa menjadi meningkat. Amin<br /><br /><br /></span>

Pengenalan Dasar Flash Tutorial Manfaat flash dalam Dunia Pendidikan

Kemajuan teknologi informasi dan komunikasi mempengaruhi banyak sektor kehidupan. Guru yang bergelut di bidang pendidikan dan pengajaran juga tidak luput dari pengaruh tersebut. Guru dituntut untuk mengikuti perkembangan teknologi, terutama sekali te…

Read more »

Apa sebenarnya Flash itu?

Sejak diperkenalkan pada tahun 1996, Flash atau Macromedia Flash menjadi sangat populer dan langsung mendapat tempat di hati masyarakat dunia web karena dapat membuat menampilkan animasi dan interaksi di web. Tetapi sejak bulan Desember 2005, perusahaan Macromedia dibeli oleh Adobe dan kini berganti nama menjadi Adobe Flash sejak versi 9 atau CS3.<br /><br />Demo Karya Flash<br /><br />Di mana saya bisa mendapatkan hasil karya yang dibuat dengan Flash? Di Babaflash.com sendiri banyak hasil karya orang Indonesia yang dibuat dengan Flash seperti:<br /><br /> * Ecards atau Kartu Ucapan Elektronik<br /> * Coolsites atau Situs Bagus<br /> * Game atau Permainan<br /> * Animasi Kartun<br /><br />Kelebihan dan Kemampuan Flash<br /><br /> * Merupakan teknologi animasi web yang paling populer saat ini sehingga banyak didukung oleh berbagai pihak.<br /> * Ukuran file yang kecil dengan kualitas yang baik<br /> * Kebutuhan Hardware yang tidak tinggi<br /> * Dapat membuat website, cd-interaktif, animasi web, animasi kartun, kartu elektronik, iklan TV, banner di web, presentasi cantik, membuat permainan (game), aplikasi web dan handphone.<br /> * Dapat ditampilkan di banyak media seperti Web, CD-ROM, VCD, DVD, Televisi, Handphone dan PDA.<br /><br />Teknologi Flash<br /><br />Flash sekarang bukan hanya sebagai <span class="fullpost">software saja dengan nama Adobe Flash, tetapi juga merupakan suatu teknologi animasi di web. Jadi untuk membuat animasi web dengan format Flash (SWF) kita tidak harus menggunakan software Adobe Flash, tetapi bisa menggunakan software lain seperti SwishMax, Vecta 3D, Swift 3D, Amara, Kool Moves dan masih banyak lagi.<br /><br />Versi Macromedia atau Adobe Flash<br /><br /> * Macromedia Flash 2 (1997)<br /> * Macromedia Flash 3 (1998)<br /> * Macromedia Flash 4 (1999)<br /> * Macromedia Flash 5 (2000)<br /> * Macromedia Flash 6 (2002) atau Macromedia Flash MX<br /> * Macromedia Flash 7 (2003) atau Macromedia Flash MX 2004<br /> * Macromedia Flash 8 (2005)<br /> * Adobe Flash 9 (2007) atau Adobe Flash CS3<br /><br />Anda tidak usah bingung untuk menggunakan versi yang mana, kalau hanya untuk keperluan menggambar atau animasi, Flash versi 4 atau 5 pun lebih dari cukup kalau komputer Anda Pentium 3. Jadi silahkan menggunakan versi yang tidak memberatkan komputer Anda, tidak usah memaksa harus menggunakan versi terbaru.<br /><br />Kini adalah suatu kebutuhan atau keharusan (seperti menulis) untuk belajar suatu software perkantoran. Minimal bisa mengoperasikan produk Microsoft seperti Windows, Microsoft Word, Excel dan Power Point. Atau produk Open Source seperti Linux, Star Office.<br /><br />Jadi setelah itu, silahkan memilih Flash untuk pilihan selanjutnya :)<br /><br />Lebih lengkapnya di <a href="http://en.wikipedia.org/wiki/Adobe_Flash">http://en.wikipedia.org/wiki/Adobe_Flash</a><br /><span style="font-size:85%;">Sumber dar : <a href="http://belajar-flash.blogspot.com/2008/03/apa-itu-flash.html">http://belajar-flash.blogspot.com/2008/03/apa-itu-flash.html</a></span><br /><br /><br /><br /> </span>

Pengenalan Dasar Flash Tutorial Apa sebenarnya Flash itu?

Sejak diperkenalkan pada tahun 1996, Flash atau Macromedia Flash menjadi sangat populer dan langsung mendapat tempat di hati masyarakat dunia web karena dapat membuat menampilkan animasi dan interaksi di web. Tetapi sejak bulan Desember 2005, perusah…

Read more »

Animasi Motion Shape

Animasi jenis ini adalah animasi dimana kita dapat merubah bentuk atau memecah bentuk dari objek yang kita animasikan.<p><br /><b>Membuat animasi Motion Shape</b></p><p><br />Disini akan ditunjukkan bagaimana cara<span class="fullpost">pembuatan animasi Motion Shape<br /><ol><br /><li>Buka file baru atau <b>Ctrl+N</b><br /><br /></li><li>Pada drame pertama kita buat sebuah objek lingkaran dengan menggunakan Oval Tool.<br /><span class="fullpost"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx0bGCCRuJarYkp7B7v7rNwxQ06n6E3ympAGfS5HAB-zijW4M1qgzFLSC7KUsCRmwv3rWk42KE8dnQOOtrTP-SPIVp_XojPZlwYT9_Ornu47jdSpbdQn6ewZCExzLHlNYcGut3MRQKHArV/s1600-h/1.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314185662126183458" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx0bGCCRuJarYkp7B7v7rNwxQ06n6E3ympAGfS5HAB-zijW4M1qgzFLSC7KUsCRmwv3rWk42KE8dnQOOtrTP-SPIVp_XojPZlwYT9_Ornu47jdSpbdQn6ewZCExzLHlNYcGut3MRQKHArV/s320/1.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 208px; height: 242px;" /></a></span><br /></li><li>Kemudian pada frame 20 buatlah sebuah keyframe.<br /><br /></li><li>Setelah itu pada frame 20 yang telah kita buat sebuah key frame, kita hapus dengan cara klik frame 20 kemudian tekan Delete pada keyboard.<br /><br /></li><li>Setelah keyframenya kosong kita buat sebuah objek persegi pada frame 20 tersebut.<br /><br /><span class="fullpost"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCsdTWgpGCeEqN25iQ4HD67dbhum1xcP18Y1ohdMRcnJrC_7XILY2hmNzOSRAiDlqnp26m-KjA8kt9ogqUKj7KLeBqSY8o2wZAiFB9yuAwf1tamtp4lm1aLd5F2PGfg9H3cSXQLOmY9NAT/s1600-h/3.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314185669748157650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCsdTWgpGCeEqN25iQ4HD67dbhum1xcP18Y1ohdMRcnJrC_7XILY2hmNzOSRAiDlqnp26m-KjA8kt9ogqUKj7KLeBqSY8o2wZAiFB9yuAwf1tamtp4lm1aLd5F2PGfg9H3cSXQLOmY9NAT/s320/3.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 283px;" /></a></span><br /></li><li>Klik frame 1 kemudian buka panel properties, pada pilihan animasi tween pilih shape.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJcFV3OPS9AcfqGqBouAcBNoqiPbjLNOkk-es9KM9Nmd_5lvpGHHtFk6gXSSau1f34ACHPI0y975t77XCsoU5DS_iC311UeuiaAT42Ydp8D4t_mMwipx1sL7jz1tdDOJruHjA2gDU0PZe9/s1600-h/2.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314185667231241218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJcFV3OPS9AcfqGqBouAcBNoqiPbjLNOkk-es9KM9Nmd_5lvpGHHtFk6gXSSau1f34ACHPI0y975t77XCsoU5DS_iC311UeuiaAT42Ydp8D4t_mMwipx1sL7jz1tdDOJruHjA2gDU0PZe9/s320/2.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 85px;" /></a><br /><br /></li><li>Kemudian tekan <b>Enter </b>untuk melihat hasilnya</li></ol>untuk Mendownload file swf silahkan klik <a href="http://www.ziddu.com/download/3901284/shape.swf.html">DISINI</a></span><span class="fullpost"><br /></span></p><p><span class="fullpost">untuk Mendownload file pdf silahkan klik <a href="http://www.ziddu.com/download/3901285/DASARANIMASIPADAMACROMEDIAFLASH8_motionshape.pdf.html">DISINI</a></span><br /><span class="fullpost"><br /><br /><br /><br /> </span></p>

Tutorial Animasi Motion Shape

Animasi jenis ini adalah animasi dimana kita dapat merubah bentuk atau memecah bentuk dari objek yang kita animasikan.Membuat animasi Motion ShapeDisini akan ditunjukkan bagaimana carapembuatan animasi Motion ShapeBuka file baru atau Ctrl+NPada drame…

Read more »

Animasi Motion Tween

Animasi motion tween digunakan apabila kita ingin membuat gerakan animasi yang teratur. Animasi ini sangat mengurangi waktu karena kita tidak perlu membuat animasi secara frame per frame. Sebaliknya Anda hanya membuat frame awal dan frame akhir saja. Dua alasan utama mengapa Animasi motion tween sangat baik yaitu karena mengurangi pekerjaan mengambar dan meminimalkan ukuran file karena isi dari setiap frame tidak perlu disimpan.<p><br /><b>Membuat animasi motion tween</b></p><p><br />Di bawah ini akan ditunjukkan<span class="fullpost">proses pembuatan animasi motion tween :<br /><ol><li>Buka file baru atau <b>Ctrl+N</b><br /></li><li>Kemudian kita pilih <b>Oval tool (O) </b>pada toolbox dan kita mulai membuat objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna fiil objek balok harus berbeda dari warna background stage.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta-lWOJJkMKfB_eh0uqmrbpvead6DE-pAr0_9fZL1ddCO4U2LIYhloLRlR0-YVxmGrBIZkHrIiGPk-EiPr0j-d1b_krVkDiPRinooGgpDqJFpDE42yo8nn9KxMu44cQRGY7TMXnkEIz6H/s1600-h/1.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314181958101513330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhta-lWOJJkMKfB_eh0uqmrbpvead6DE-pAr0_9fZL1ddCO4U2LIYhloLRlR0-YVxmGrBIZkHrIiGPk-EiPr0j-d1b_krVkDiPRinooGgpDqJFpDE42yo8nn9KxMu44cQRGY7TMXnkEIz6H/s320/1.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 188px;" /></a><br /></li><li>Kemudian klik kanan di frame ke-1, pilih <b>Create motion tween </b><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnvBszCCZc7dSpLAJlL5Kl_buBCdmXcEOaUIWQUFH3Rf63ewAMadwlxArhNuG3WFeoS8HgIjPRIcB8DMLpihofimuUB6gqcR27P7oIeAZ_h1NsZNPaHSel5ElV8Io_2WdJz27i-f-8oUcS/s1600-h/2.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314181961032768498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnvBszCCZc7dSpLAJlL5Kl_buBCdmXcEOaUIWQUFH3Rf63ewAMadwlxArhNuG3WFeoS8HgIjPRIcB8DMLpihofimuUB6gqcR27P7oIeAZ_h1NsZNPaHSel5ElV8Io_2WdJz27i-f-8oUcS/s320/2.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 310px; height: 144px;" /></a><br /><br /></li><li>Pada frame ke-10 klik kanan kita pilih <b>Keyframe,</b>, kemudian kita geser lingkaran ke kanan sehingga tampak seperti pada gambar<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQlyJibLHfzpHj78XTMZ5EQfx3-nFSXqLw9Xw16kILq11nhcX_DkgKG7QHYrFI61EvoX_zD9ywN5f_cSxRO8kR5vjtT4tu_lz6zuhB6ay7PDG3_PJ6aKbWoYw3d3aGu_rKflY1dKhqAdlG/s1600-h/3.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314181964668776578" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQlyJibLHfzpHj78XTMZ5EQfx3-nFSXqLw9Xw16kILq11nhcX_DkgKG7QHYrFI61EvoX_zD9ywN5f_cSxRO8kR5vjtT4tu_lz6zuhB6ay7PDG3_PJ6aKbWoYw3d3aGu_rKflY1dKhqAdlG/s320/3.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 91px;" /></a><br /></li><li>Kemudian pada frame ke-20 klik kanan kita pilih<b> Insert Keyframe</b> kemudian kita geser lingkaran ke bawah sehingga tampak seperti pada gambar.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdwC8h6Km1Zif9AVvD2NNfsRegzTILk1GZ92sEdFDgG-T-i26OAUzKlaF9AB7sZcYkdf1dd5_frBcnwrjp-BCDegLR5efeimVGPRoPPS0WL5-Sr4ksvXwOE-TX_NZ-y7_DGQvJ0x9LDHbO/s1600-h/4.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314181969819862530" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdwC8h6Km1Zif9AVvD2NNfsRegzTILk1GZ92sEdFDgG-T-i26OAUzKlaF9AB7sZcYkdf1dd5_frBcnwrjp-BCDegLR5efeimVGPRoPPS0WL5-Sr4ksvXwOE-TX_NZ-y7_DGQvJ0x9LDHbO/s320/4.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 182px;" /></a><br /></li><li>Kemudian pada frame ke-30 klik kanan kita pilih <b>Insert Keyframe</b>, kemudian kita geser lingkaran ke kiri sehingga tampak seperti pada gambar.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLRHhgwI1iJx_aCBnVVI23W7NpI8XscZkMDsj-9rM6Y-7Fvp_4P4Mq_XNTFD-lfDYagTq8QYwF7tgYKHuuJcW0lCOiePKztUDGaHTDO3RS-z887rVU7PYolIT2Jw5aWiY10JcZH7LX6zfr/s1600-h/5.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314181970074492498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLRHhgwI1iJx_aCBnVVI23W7NpI8XscZkMDsj-9rM6Y-7Fvp_4P4Mq_XNTFD-lfDYagTq8QYwF7tgYKHuuJcW0lCOiePKztUDGaHTDO3RS-z887rVU7PYolIT2Jw5aWiY10JcZH7LX6zfr/s320/5.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 198px;" /></a><br /></li><li>Kemudian tekan <b>Enter </b>untuk melihat hasilnya</li></ol></span></p><p><span class="fullpost">untuk mendownload file swf nya silahkan klik <a href="http://www.ziddu.com/download/3079320/MotionTween.swf.html">DISINI</a><br /><br /><br /><br /><br /> </span></p>

Tutorial Animasi Motion Tween

Animasi motion tween digunakan apabila kita ingin membuat gerakan animasi yang teratur. Animasi ini sangat mengurangi waktu karena kita tidak perlu membuat animasi secara frame per frame. Sebaliknya Anda hanya membuat frame awal dan frame akhir saja.…

Read more »

Animasi Motion Guide

Animasi motion guide adalah animasi yang mempunyai gerakan sesuai dengan<br />jalur yang kita buat. Animasi ini merupakan lanjutan dari animasi motion tween.<br />Animasi ini sangat cocok digunakan untuk jenis animasi yang membutuhkan<br />ketelitian dalam pergerakan yang dikehendaki atau sesuai keinginan pembuat<br />animasi.<br /><br /><b>Membuat animasi motion guide</b><p><br /><br />Di bawah ini akan ditunjukkan<span class="fullpost">proses pembuatan animasi motion guide :<br /><ol><br /><li>Buka file baru atau <b>Ctrl+N</b><br /><br /></li><li>Kemudian kita pilih <b>Oval tool (O) </b>pada toolbox dan kita mulai membuat<br />objek lingkaran pada stage dengan mengklik dan drag, jangan lupa warna<br />fiil objek balok harus berbeda dari warna background stage.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSRWVAnwT2VEbjcH_sSi_fcOuHLjclnHlDqUZLnCUxC8ASeWpeL969qRX6mp2jdevL1mBUARgpWoQQNAsY-QXTCT7NmCOPtaGqJ37x0ZVM5N2_K0S16XliUbqIyKhxmwgLwg9sqcHlL_N/s1600-h/1.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314180508905563714" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSRWVAnwT2VEbjcH_sSi_fcOuHLjclnHlDqUZLnCUxC8ASeWpeL969qRX6mp2jdevL1mBUARgpWoQQNAsY-QXTCT7NmCOPtaGqJ37x0ZVM5N2_K0S16XliUbqIyKhxmwgLwg9sqcHlL_N/s320/1.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 188px;" /></a><br /><br /></li><li>Kemudian klik kanan di frame ke-1, pilih <b>Create motion tween </b><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ueBl7tPzdiTdul0DdRDpbTzAUyGzo864gj_j_nVtXKlA36paa1WVdZphSAoZCZL_yZ0r9HdQld1gAA5UpJogJ8vAygCORkgZNbUH2p7SrWuJ_pGxkLiwvotUslOWIT5YKGhSvnngHT8c/s1600-h/2.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314180512580379490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ueBl7tPzdiTdul0DdRDpbTzAUyGzo864gj_j_nVtXKlA36paa1WVdZphSAoZCZL_yZ0r9HdQld1gAA5UpJogJ8vAygCORkgZNbUH2p7SrWuJ_pGxkLiwvotUslOWIT5YKGhSvnngHT8c/s320/2.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 316px; height: 146px;" /></a><br /><br /></li><li>Pada frame ke-10 klik kanan kita pilih <b>Keyframe,</b>, kemudian kita<br />geser lingkaran ke kanan sehingga tampak seperti pada gambar<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7czhX2hU94aRQHq7Oesgr7FB50_snMQG62CNORavTi9_3u2bKODMXUc3IMtnp2n9zY3lrR1JV9wLS7cuoggmEJXBjOVrzFwOvWk4d6JINjF9AejyS3Ya5lDQXLGEFKYgw0LmK8BgpGAcx/s1600-h/3.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314180514944332626" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7czhX2hU94aRQHq7Oesgr7FB50_snMQG62CNORavTi9_3u2bKODMXUc3IMtnp2n9zY3lrR1JV9wLS7cuoggmEJXBjOVrzFwOvWk4d6JINjF9AejyS3Ya5lDQXLGEFKYgw0LmK8BgpGAcx/s320/3.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 102px;" /></a><br /><br /></li><li>Kemudian klik kanan layer 1 kemudian pilih<b> Add Motion Guide</b><br />maka akan muncul layer baru seperti tampak pada gambar.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSrN9VSqpgqBNsVw1M_MaABpLDKNZj6z89IdCEqvERzO4y2J3_LxtPhvXf3JIKmvQMllI1n69Q5DGuoU_LfqGpIokKF_RONVaWWarmOwsFXmDD4MIByL2wWagWSM_wXi0BJy-j0_Ev7qCN/s1600-h/4.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314180525084975282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSrN9VSqpgqBNsVw1M_MaABpLDKNZj6z89IdCEqvERzO4y2J3_LxtPhvXf3JIKmvQMllI1n69Q5DGuoU_LfqGpIokKF_RONVaWWarmOwsFXmDD4MIByL2wWagWSM_wXi0BJy-j0_Ev7qCN/s320/4.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 101px;" /></a><br /><br /><br /><br /></li><li>Kemudian dengan layer guide masih terseleksi kita pilih Pencil Tool untuk<br />membuat jalur yang akan menjadi lintasan animasi dari lingkaran.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6IihGmgtXiODt-J68nN2ryGXNEFpnbKXUKGOYwFkZsinjt8sSdxM4RP242duIC0fbOni_AQXzI7VkNW5gKk2GQxIudi-tnEU9bNx6H68T8PVrHUW6O-gPfHaIfEfz0Pg5FIaH5jhrAYf7/s1600-h/5.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314180527913777954" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6IihGmgtXiODt-J68nN2ryGXNEFpnbKXUKGOYwFkZsinjt8sSdxM4RP242duIC0fbOni_AQXzI7VkNW5gKk2GQxIudi-tnEU9bNx6H68T8PVrHUW6O-gPfHaIfEfz0Pg5FIaH5jhrAYf7/s320/5.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 180px;" /></a><br /><br /><br /></li><li>Agar objek lingkaran dapat bergerak sesuai jalur, maka tengah objek<br />haruslah berada di tengah jalur.<br /><br /></li><li>Oleh karena itu, klik frame 1 layer 1, Kemudian pilih <b>Free Transform<br />Tool </b>agar bulatan tengah objek terlihat. Kemudian pindahkan objek<br />sampai lingkaran tengah objek berada di ujung awal jalur.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl_bA5WI4FiKjSL9H_HXy9c2uKQUlmRqxC0w7cbmsh_y2YcG-PeLukWc2lGSF88p7E1J7NLyglKYUMe2NIbYEz13byXI6blj8ut_hubE8OWG1mToEeb3GkQD72xahKJ3QCvd2AOFC5VXBE/s1600-h/6.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314181033652804098" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl_bA5WI4FiKjSL9H_HXy9c2uKQUlmRqxC0w7cbmsh_y2YcG-PeLukWc2lGSF88p7E1J7NLyglKYUMe2NIbYEz13byXI6blj8ut_hubE8OWG1mToEeb3GkQD72xahKJ3QCvd2AOFC5VXBE/s320/6.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 152px;" /></a><br /></li><li>Kemudian klik frame 40 layer 1, Kemudian pilih <b>Free Transform Tool</b><br />agar bulatan tengah objek terlihat. Kemudian pindahkan objek sampai<br />lingkaran tengah objek berada di ujung akhir jalur.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9053gnQXaosfkMtbf2rPETjiOAa6ulCiqaK2yF3Mv7aXfhI9MeGZ5Hf9iQh1_s1um5FVIlt-ylCTdg23HbvZjq1lo5Gb6vKrReKnMv-b7P0Ohu_fQ883IPKbpy0ieERJyZdhlKQ5D0Jdo/s1600-h/7.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314181051224586482" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9053gnQXaosfkMtbf2rPETjiOAa6ulCiqaK2yF3Mv7aXfhI9MeGZ5Hf9iQh1_s1um5FVIlt-ylCTdg23HbvZjq1lo5Gb6vKrReKnMv-b7P0Ohu_fQ883IPKbpy0ieERJyZdhlKQ5D0Jdo/s320/7.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 187px;" /></a><br /><br /><br /></li><li>Kemudian tekan <b>Enter </b>untuk melihat hasilnya</li></ol><br />Catatan : dalam Motion Guide, tengah objek harus berada di tengah (jalur).</span></p><p><span class="fullpost">Untuk mendownload file swf nya silahkan klik <a href="http://www.ziddu.com/download/3079306/MotionGuide.swf.html">DISINI</a><br /><br /><br /> </span></p>

Tutorial Animasi Motion Guide

Animasi motion guide adalah animasi yang mempunyai gerakan sesuai denganjalur yang kita buat. Animasi ini merupakan lanjutan dari animasi motion tween.Animasi ini sangat cocok digunakan untuk jenis animasi yang membutuhkanketelitian dalam pergerakan …

Read more »

Animasi Motion Tween Rotare

Animasi jenis ini adalah animasi dimana kita dapat memutar objek baik objek yang diam maupun objek yang berjalan. Dari namanya, jenis animasi ini memang merupakan pengembangan dari animasi motion tween.<p><br /><br /><b>Membuat animasi Motion Tween Rotate</b></p><p><br /><br />Di bawah ini akan ditunjukkan<span class="fullpost">proses pembuatan animasi Motion tween rotate :<br /><ol><br /><li>Buka file baru atau <b>Ctrl+N</b><br /><br /></li><li>Buatlah sebuah animasi motion tween seperti tutorial yang pernah dipostingkan. Tetapi disini objek kita rubah dengan objek kotak atau persegi dengan tujuan agar proses perputarannya kelihatan.<br /><br /></li><li>Setelah selesai, dengan mengklik ditengah motion tween kita rubah propertisnya. Pada pilihan rotare pilih CW untuk putaran searah jarum jam atau CCW untuk putaran yang berlawanan dengan arah jarum jam. Untuk Times adalah untuk mengatur berapa kali perputaran yang terjadi sepanjang Motion Tween yang kalian buat.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXVlRyY4EcZQZ4XsXNT2Ze0tqlprPXsMMVUvhTt2QXPEY66ZCw1dClnHaSuW9bQz2pkmlhtGaetQzoEWuxvnkWfuJqVoXuGGMdTyZhPdmorclG6GAl-HLug_dNAhNo7yI9SRaXnvYLo3LX/s1600-h/propertis-rotate.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5314177689468983490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXVlRyY4EcZQZ4XsXNT2Ze0tqlprPXsMMVUvhTt2QXPEY66ZCw1dClnHaSuW9bQz2pkmlhtGaetQzoEWuxvnkWfuJqVoXuGGMdTyZhPdmorclG6GAl-HLug_dNAhNo7yI9SRaXnvYLo3LX/s320/propertis-rotate.gif" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 88px;" /></a><br /><br /></li><li>Kemudian tekan <b>Enter </b>untuk melihat hasilnya</li></ol>Untuk mendownload file swf nya silahkan dklik <a href="http://www.ziddu.com/download/3901222/Rotate.swf.html">DISINI</a></span><span class="fullpost"><br /></span></p><p><span class="fullpost">Untuk mendownload file pdf nya silahkan dklik <a href="http://www.ziddu.com/download/3901223/DASARANIMASIPADAMACROMEDIAFLASH8_Masking.pdf.html">DISINI</a></span><br /><span class="fullpost"><br /><br /><br /><br /> </span></p>

Tutorial Animasi Motion Tween Rotare

Animasi jenis ini adalah animasi dimana kita dapat memutar objek baik objek yang diam maupun objek yang berjalan. Dari namanya, jenis animasi ini memang merupakan pengembangan dari animasi motion tween.Membuat animasi Motion Tween RotateDi bawah ini …

Read more »

Teknik Animasi FlashMX

<strong>A. ANIMASI GERAK (Motion Tween)</strong><br />Animasi gerak atau lebih dikenal dengan Motion tween merupakan model animasi yang sangat mendasar. Motion tween adalah perintah untuk membuat gerakan dalam satu layer. Motion tween ada untuk memudahkan kita membuat gerakan dari satu titik ke titik yang lain.<span id="fullpost"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7evAxqwKSdEqmP5IQCNQrMYIDxChcRXK1JlsvEFQ7bYQu-3devk-jjgGKHQrLMM-k1SDkey3cy9GUQDxC78bvfBXe3jJrdOLYpphjItw9dE7O8pGsRoC_8cnpsVudVgdtGjoXT6ca9eJ/s1600-h/linkaran.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298012242936873186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7evAxqwKSdEqmP5IQCNQrMYIDxChcRXK1JlsvEFQ7bYQu-3devk-jjgGKHQrLMM-k1SDkey3cy9GUQDxC78bvfBXe3jJrdOLYpphjItw9dE7O8pGsRoC_8cnpsVudVgdtGjoXT6ca9eJ/s400/linkaran.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 297px; height: 125px;" /></a>Proses pergerakan dari obyek dapat didefinisikan menjadi berdasarkan bentuk (shape) atau berdasarkan gerakan (motion).<br />Adapun langkah-langkah membuat motion tween:<br /><ol><li> Buatlah sebuah gambar oval pada layer1, frame1.</li><li>Kemudian perpanjang time framenya sampai 25, selanjutnya klik kanan dan pilih create motion tween.</li><li>Pada time frame 25 klik kanan dan buat keyframe. Apabila benar time frame akan nampak seperti dibawah ini:</li><li> Dari keyframe 25 lakukan perpindahan obyek oval ke kanan (sesuai keinginan).</li><li>Jalankan dengan perintah <strong>Control Test Movie</strong> atau dengan <strong>Ctrl+Enter.</strong><br /></li></ol>Latihan motion tween :<br /><ul><li> buatlah persegi panjang di layer 1 dengan tebal garis 2,5, warna fill putih.</li><li>buat layer 2 dan buat bujursangkar dengan warna biru di sebelah kiri persegipanjang, lihat gambar.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgposfWAz3QV8iA1YGmjvSEvb6pTwZNlcbyue3izjpr7eHSMcoUXMgAn5TKzoX2bNJHaxGdmAzKKH6-mQ6c61oIZ6QEugTSjVlaOjA1sLfnpYXXcB839DN4xonW9yLirZ0RFDPIR9dwFzKD/s1600-h/kotak.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298014565724404114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgposfWAz3QV8iA1YGmjvSEvb6pTwZNlcbyue3izjpr7eHSMcoUXMgAn5TKzoX2bNJHaxGdmAzKKH6-mQ6c61oIZ6QEugTSjVlaOjA1sLfnpYXXcB839DN4xonW9yLirZ0RFDPIR9dwFzKD/s400/kotak.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 380px; height: 75px;" /></a></li><li>kemudian klik kanan pada layer 1, pilih <strong>create motion tween.</strong></li><li>klik kanan pada layer 30 dan pilih insert keyframe baik untuk layer persegipanjang maupun bujursangkar.</li><li>Pindahkan posisi bujursangkar ke sebelah kanan persegipanjang pada frame 30.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aiOpHJJNuPuQgBXhB50YJp9EnDR-wK_mnGMfiKFqFvyrV0l_syK6R0l2jPX73_eAv6R_RZV8fJz8yIKPYMDY_1mYIu1DiwaOOgyTEyYHx-VsGieAlFtkIsDChwViQrABFXirMXabDbUh/s1600-h/kotak+2.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298014571177417874" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8aiOpHJJNuPuQgBXhB50YJp9EnDR-wK_mnGMfiKFqFvyrV0l_syK6R0l2jPX73_eAv6R_RZV8fJz8yIKPYMDY_1mYIu1DiwaOOgyTEyYHx-VsGieAlFtkIsDChwViQrABFXirMXabDbUh/s400/kotak+2.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 382px; height: 75px;" /></a></li><li>apabila cara membuat motion tween anda benar maka time line akan berbentuk seperti berikut ini :<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyc7AkojJ-PcV_460sMs4mW7e0wTWBQHnbJYRBmotkxZIIe2UZJdE8n_6XaNyCC4RTgjgawEWb3hXHoA9xcy6Qa2-qWfcitwSMcuc8vhVQdMCMUBbofT9IFkbb834EScs3tfJYdNuOzFjS/s1600-h/buj.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298015231782219618" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyc7AkojJ-PcV_460sMs4mW7e0wTWBQHnbJYRBmotkxZIIe2UZJdE8n_6XaNyCC4RTgjgawEWb3hXHoA9xcy6Qa2-qWfcitwSMcuc8vhVQdMCMUBbofT9IFkbb834EScs3tfJYdNuOzFjS/s400/buj.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 516px; height: 49px;" /></a></li><li>apabila caranya salah maka akan tampil sebagai berikut :<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpkk3cvYoK3jlMuGzjncr1zEWhyphenhyphenXZd1JUK3qlvUu2hn1IY8AeY5V8tSPcUSK_tdgK0pyc8F8CrKL1xHAjtXqr1IjCPAZvTL98Vg1IEb11m1ocd4mn81Zt60VcAmw54PYTEn6QTNiKYdQ1x/s1600-h/ur.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298015231601054946" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpkk3cvYoK3jlMuGzjncr1zEWhyphenhyphenXZd1JUK3qlvUu2hn1IY8AeY5V8tSPcUSK_tdgK0pyc8F8CrKL1xHAjtXqr1IjCPAZvTL98Vg1IEb11m1ocd4mn81Zt60VcAmw54PYTEn6QTNiKYdQ1x/s400/ur.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 517px; height: 52px;" /></a></li><li>jalankan movie (Ctrl + Enter)</li></ul><strong>Animasi Transparan</strong><br />- Coba ubah bujursangkar pada frame ke 30 dengan klik gambar bujursangkar<br />- Kemudian pilih properties, pilih tab color dengan pilihan alfa<br />- Isikan alfa sebesar 10%<br />- Kemudian jalankan movie. (animasi transparan)<br /><br /><strong>Animasi Rotate</strong><br />- Coba ubah propereti motion tween bujursangkar pada frame 1 dengan klik frame 1<br />kemudian klik properties.<br />- Ubahlah pada propereties untuk tab rotate dengan model CW.<br />- Kemudian jalankan movienya.<br /><br /><strong>B. ANIMASI BENTUK (Shape tween)<br /></strong>Animasi ini lebih dikenal dengan Shape tween, yaitu animasi dengan mengubah bentuk atau mengganti suatu bentuk ke bentuk yang lain. Perubahan dapat berupa perubahan bentuk, obyek menjadi tulisan atau sebaliknya, perubahan dari bentuk satu ke obyek yang lain (misalnya dari kotak menjadi lingkaran atau sebaliknya).<br />Adapun langkah-langkahnya sebagai berikut:<br /><ol><li> Buatlah sebuah rectangle tool.</li><li>Klik pada frame 25, lalu klik kanan dan pilih Insert Blank Keyframe.</li><li>Pada frame 25 buat gambar lingkaran dengan Oval tool.</li><li>Kemudian kembali ke frame 1 dengan cara meng-klik pada frame 1. selanjutnya pada properties pilihlah shape pada bagian tween.</li><li>Jalankan animasi.</li></ol><strong><em></em></strong>Latihan:<br />1. Membuat perubahan bentuk<br /><ul><li><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIXJmLktSUO3ujsjgrYLFB3gdwTmzYyAECMVfEpNlfjUrid2KRskWnL3Jodogu5g1Wb5DRFEwIPihI15bqjk6_kqv6RM6TDtQerTgVxjKRjuGkvSSYjcm_q2iNskco0NfB8J0MceXdP81/s1600-h/air.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298016915843248338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIXJmLktSUO3ujsjgrYLFB3gdwTmzYyAECMVfEpNlfjUrid2KRskWnL3Jodogu5g1Wb5DRFEwIPihI15bqjk6_kqv6RM6TDtQerTgVxjKRjuGkvSSYjcm_q2iNskco0NfB8J0MceXdP81/s400/air.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 480px; height: 113px;" /></a>Buatlah bentuk tetesan air seperti gambar diatas pada frame 1.</li><li>Buatlah bentuk pecahan air seperti gambar diatas pada frame 30.</li><li>Tempatkan gambar tetesan air diatas gambar pecahan air, buat agar posisinya sesuai.</li><li>Klik pada frame 1.</li><li>Lihat ke panel properties.</li><li>Ubah pada tween => shape.</li><li>Jalankan animasi.<br /></li></ul> 2. Perubahan dari bentuk ke tulisan (bunga menjadi tulisan)<br /><ul><li> buat gambar bunga pada frame 1.</li><li>buat tulisan nama anda pada frame 30.</li><li>klik tulisannya</li><li>klik menu modify</li><li>klik break appart sebanyak 2 kali</li><li>klik pada frame 1</li><li>lihat ke properties</li><li>ubah tween menjadi mode shape</li><li>jalankan animasi.</li></ul><strong>C. ANIMASI JALUR (Motion Guided Tween)</strong><br />Animasi jalur atau Motion Guided Tween adalah obyek yang bergerak mengikuti suatu jalur tertentu yang telah ditentukan pada layer guide. Adapun langkah-langkah membuat motion guided tween:<br />1. Buatlah sebuah gambar pesawat seperti berikut ini:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN9mXZS9cXZPYretrmeeW7L96oW9XoEApyQV7Yu30pfxM3M9ENuhVlfZNzLqewLNz8f5ZqaVf6yBSMChEqrdukyDIlm4ZdwpmTV7dovJ-jlJnNvreaLdvCp5Q_ziC_VBff7utS9IVToje7/s1600-h/pesawat.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298017786022874258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN9mXZS9cXZPYretrmeeW7L96oW9XoEApyQV7Yu30pfxM3M9ENuhVlfZNzLqewLNz8f5ZqaVf6yBSMChEqrdukyDIlm4ZdwpmTV7dovJ-jlJnNvreaLdvCp5Q_ziC_VBff7utS9IVToje7/s400/pesawat.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 281px; height: 113px;" /></a>caranya :<br /><ul><li> ketik huruf <strong>J</strong> pada stage.</li><li>ubah jenis huruf menjadi <strong>webdings</strong></li><li>kalau huruf sudah berubah menjadi pesawat kemudian klik pada menu <strong>modify</strong>, pilih <strong>break apart</strong> (gambar pesawat telah menjadi bentuk gambar).<br /></li></ul>2. Klik menu <strong>Add Motion Guided</strong>, maka akan muncul layer baru (layer guide) di atas layer 1. Posisikan layer 1 di dalam guide layer, perhatikan pada gambar berikut:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwRyWHiq5w0nOVbZ2mNpfoMG31M0WWsCl553HB6tCUZbT1asarLx5N1auAUa8q3ZyXFwzF9AatW0jxxH0pIigvUI5U7s2ep9nwbg9KNVZzZkqqLFOKh0U3Jdcv7XjMHvrEl-x1zPacKx3x/s1600-h/aaa.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298018988619381618" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwRyWHiq5w0nOVbZ2mNpfoMG31M0WWsCl553HB6tCUZbT1asarLx5N1auAUa8q3ZyXFwzF9AatW0jxxH0pIigvUI5U7s2ep9nwbg9KNVZzZkqqLFOKh0U3Jdcv7XjMHvrEl-x1zPacKx3x/s400/aaa.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 115px;" /></a>3. gambarkan garis yang menandakan jalur perpindahan pesawat pada guide layer dengan menggunakan pen tool.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbBKZtDDbekrDW-1mM5J7iMEwZfwQOy_1xowPtNC_CeRZ0RoDFrKFKW4xUaYLsRgOEwv5rmbfpn12yg2grge63SRmaaOah9IXwsZskXgZqcKN3e0ZS_Jy_sqnTr1EW70A044EYUCExOm4/s1600-h/pen.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298019183826197778" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifbBKZtDDbekrDW-1mM5J7iMEwZfwQOy_1xowPtNC_CeRZ0RoDFrKFKW4xUaYLsRgOEwv5rmbfpn12yg2grge63SRmaaOah9IXwsZskXgZqcKN3e0ZS_Jy_sqnTr1EW70A044EYUCExOm4/s400/pen.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 289px; height: 193px;" /></a>4. Klik pada layer 1 frame 1, klik kanan, lalu pilih <strong>create motion tween</strong>.<br />5. klik pada masing-masing layer (layer 1 dan guide layer), buat <strong>keyframe</strong> yang sama (misal di frame 30).<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWYBdMxLxD7GjKbDIA_lSTrywvi5ln1Z2BnQbPRkYkTvnHfYpVdD338XLcj1x2V9hdeZLuGrb5-m44lyUe6l7lIhzGNg2tRgNbz-iFFVcqjmKB9loL4EkM8yB3ew-5b43B8TXjl0SK607g/s1600-h/asa.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298019416272122994" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWYBdMxLxD7GjKbDIA_lSTrywvi5ln1Z2BnQbPRkYkTvnHfYpVdD338XLcj1x2V9hdeZLuGrb5-m44lyUe6l7lIhzGNg2tRgNbz-iFFVcqjmKB9loL4EkM8yB3ew-5b43B8TXjl0SK607g/s400/asa.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 531px; height: 65px;" /></a>6. klik pada layer 1 frame 1, pindahkan pesawat pada jalur perpindahan awal, missal dari kanan.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVmOfxNN2hRaXMeC8imofjScTo0IRfg-R3ePUI8k-E6zWJY9n_6QWIH0YbLBI_DMPP5xjSILrFQvlV_dDoQP1roHTkejYJ1jjhV8Cqj7FAUrzC0xpAudy7FumnfXe43JNSLV_pfqRqkXBJ/s1600-h/saaa.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298019689078490658" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVmOfxNN2hRaXMeC8imofjScTo0IRfg-R3ePUI8k-E6zWJY9n_6QWIH0YbLBI_DMPP5xjSILrFQvlV_dDoQP1roHTkejYJ1jjhV8Cqj7FAUrzC0xpAudy7FumnfXe43JNSLV_pfqRqkXBJ/s400/saaa.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 386px; height: 361px;" /></a>7. klik pada layer 1 frame 30, pindahkan pesawat pada titik akhir perpindahan/ tepat pada garis akhir pada guide layer.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCFTAib4v4fIGJcDQvGTcRNavDO4-gtpr42ouDsAAWPu7bZ_moxLpvenY1ndfV0jqZPG5U-35J0sQEWBp1GnZMFgl7hyaJGIul25wITPEZ6VpxcUN3tLZpAwBX_ARYPijgiy66C-H5GgR4/s1600-h/saaa2.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298019687949633746" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCFTAib4v4fIGJcDQvGTcRNavDO4-gtpr42ouDsAAWPu7bZ_moxLpvenY1ndfV0jqZPG5U-35J0sQEWBp1GnZMFgl7hyaJGIul25wITPEZ6VpxcUN3tLZpAwBX_ARYPijgiy66C-H5GgR4/s400/saaa2.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 389px; height: 313px;" /></a>8. jalankan animasinya.<br /><strong><br />D. Animasi Masking</strong><br />Animasi masking merupakan animasi obyek yang menutupi obyek lain sehingga obyek yang menutupi akan terlihat transparan. Animasi ini sangat berguna apabila kita membuat semacam penegasan daerah tertentu (spot area). Langkah-langkah membuat animasi masking:<br /><ol><li> Buatlah sebuah tulisan MASKING AREA dengan text tool. Kemudian pada layer 1 frame 40, buat Frame.</li><li>Buatlah gambar lingkaran dari Oval tool pada layer 2 dan buat create motion tween.</li><li>Pada frame 40 layer 2 insert Keyframe, kemudian pindahkan gambar lingkaran ke ujung tulisan MASKING AREA.<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglEvrcCOe1XF_Fx8NO9R2PcigR_Jxw1qCPyWpKAI-CgC5juSxELCbzKqTH12qqrWNVlvpCh5FF77vq4KbF2fEqjet5o3-6uUi7s7FT20PK7anyUEzCvpGzBCbrMLzEJ9s-rHb1aNyJ1imO/s1600-h/saaa3.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298020149985609074" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglEvrcCOe1XF_Fx8NO9R2PcigR_Jxw1qCPyWpKAI-CgC5juSxELCbzKqTH12qqrWNVlvpCh5FF77vq4KbF2fEqjet5o3-6uUi7s7FT20PK7anyUEzCvpGzBCbrMLzEJ9s-rHb1aNyJ1imO/s400/saaa3.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 104px;" /></a></li><li>Klik kanan layer 2 dan pilih Mask.</li><li>Jalankan animasi</li></ol><div style="text-align: left;">Hasil animasi:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMAo8LZypUjC4QwjXMSew_pYJnOuJ046WLxXXDJHkVkapYsjc_6psbgAAyP6wgfLw8RJSWGjN-GA7E9sbhCrJXrMvcvrTXUKmZW4RK27jS4vjrIhVUuR0A0awCDEwUVIq1RgqCNSQKD7Dt/s1600-h/ask.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5298020478230173090" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMAo8LZypUjC4QwjXMSew_pYJnOuJ046WLxXXDJHkVkapYsjc_6psbgAAyP6wgfLw8RJSWGjN-GA7E9sbhCrJXrMvcvrTXUKmZW4RK27jS4vjrIhVUuR0A0awCDEwUVIq1RgqCNSQKD7Dt/s400/ask.JPG" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 469px; height: 131px;" /></a><br /><div style="text-align: center;">SELAMAT MENCOBA...!!!<br /></div></div></span>

Tutorial Flash MX Teknik Animasi FlashMX

A. ANIMASI GERAK (Motion Tween)Animasi gerak atau lebih dikenal dengan Motion tween merupakan model animasi yang sangat mendasar. Motion tween adalah perintah untuk membuat gerakan dalam satu layer. Motion tween ada untuk memudahkan kita membuat gera…

Read more »